bgneal@26
|
1 body {
|
bgneal@26
|
2 font-family: arial, helvetica, sans-serif;
|
bgneal@26
|
3 color: #EF7D21;
|
bgneal@26
|
4 background-color: #213442;
|
bgneal@26
|
5 font-size: 1.0em;
|
bgneal@26
|
6 }
|
bgneal@26
|
7
|
bgneal@26
|
8 .centered { text-align: center; }
|
bgneal@26
|
9
|
bgneal@26
|
10 a:link {
|
bgneal@26
|
11 color: #6B969C;
|
bgneal@26
|
12 text-decoration: none;
|
bgneal@26
|
13 }
|
bgneal@26
|
14
|
bgneal@26
|
15 a:visited {
|
bgneal@26
|
16 color: #6B969C;
|
bgneal@26
|
17 text-decoration: none;
|
bgneal@26
|
18 }
|
bgneal@26
|
19
|
bgneal@26
|
20 a:hover {
|
bgneal@26
|
21 text-decoration: underline;
|
bgneal@26
|
22 }
|
bgneal@26
|
23
|
bgneal@26
|
24 h1, h3 {
|
bgneal@26
|
25 color: #EF7D21;
|
bgneal@26
|
26 }
|
bgneal@26
|
27
|
bgneal@26
|
28 h1 {
|
bgneal@26
|
29 font: italic 32px georgia, 'times new roman', sans-serif;
|
bgneal@26
|
30 margin: 0px;
|
bgneal@26
|
31 padding: 0 0 10px 0;
|
bgneal@26
|
32 }
|
bgneal@26
|
33
|
bgneal@26
|
34 .headline1 {
|
bgneal@26
|
35 font: italic 32px georgia, 'times new roman', sans-serif;
|
bgneal@26
|
36 margin: 0px;
|
bgneal@26
|
37 padding: 0 0 10px 0;
|
bgneal@26
|
38 }
|
bgneal@26
|
39
|
bgneal@26
|
40 h2 {
|
bgneal@26
|
41 font: italic 20px verdana, tahoma, arial, sans-serif;
|
bgneal@26
|
42 padding-top: 5px;
|
bgneal@47
|
43 margin-top: 1.5em;
|
bgneal@26
|
44 color: #6B969C;
|
bgneal@26
|
45 border-top: solid 1px #6B969C;
|
bgneal@26
|
46 }
|
bgneal@26
|
47
|
bgneal@26
|
48 div.madeira-photo-list {
|
bgneal@26
|
49 margin: 2em;
|
bgneal@26
|
50 text-align: center;
|
bgneal@26
|
51 }
|
bgneal@26
|
52
|
bgneal@26
|
53 div.madeira-photo-list img {
|
bgneal@26
|
54 border: thin dotted #6B969C;
|
bgneal@26
|
55 padding: 2px;
|
bgneal@26
|
56 margin: 5px;
|
bgneal@26
|
57 }
|
bgneal@26
|
58
|
bgneal@26
|
59 a.img-link:link { text-decoration: none; background-color: transparent; }
|
bgneal@26
|
60 a.img-link:visited { text-decoration: none; background-color: transparent; }
|
bgneal@26
|
61 a.img-link:hover { text-decoration: none; background-color: transparent; }
|
bgneal@26
|
62
|
bgneal@26
|
63 .header {
|
bgneal@26
|
64 margin-top: 10px;
|
bgneal@26
|
65 margin-left: 5px;
|
bgneal@26
|
66 }
|
bgneal@26
|
67
|
bgneal@26
|
68 .photobkgnd {
|
bgneal@26
|
69 margin: 3em;
|
bgneal@26
|
70 z-index: 3;
|
bgneal@26
|
71 background-color: #888888;
|
bgneal@26
|
72 padding: 5px;
|
bgneal@26
|
73 }
|
bgneal@26
|
74
|
bgneal@26
|
75 .newsflash {
|
bgneal@26
|
76 margin: 20px 1em;
|
bgneal@26
|
77 border: 3px solid #6B969C;
|
bgneal@26
|
78 padding: 5px;
|
bgneal@26
|
79 background-color: #2e414f;
|
bgneal@26
|
80 color: #EF7D21;
|
bgneal@26
|
81 }
|
bgneal@26
|
82
|
bgneal@26
|
83 /*
|
bgneal@26
|
84 ** f'in IE doesn't seem to honor my padding and the float doesn't work.
|
bgneal@26
|
85 ** solution: make an invisible border...lame.
|
bgneal@26
|
86 ** It's fine in Firefox.
|
bgneal@26
|
87 */
|
bgneal@26
|
88 .floatLeftBox {
|
bgneal@26
|
89 /* padding: 0 1em 1em 0; I wish I could just use this */
|
bgneal@26
|
90 float: left;
|
bgneal@26
|
91 border-right: 0.5em solid #213442;
|
bgneal@26
|
92 border-bottom: 0.5em solid #213442;
|
bgneal@26
|
93 }
|
bgneal@26
|
94
|
bgneal@26
|
95 .clearMe {
|
bgneal@26
|
96 clear: left;
|
bgneal@26
|
97 }
|
bgneal@26
|
98
|
bgneal@26
|
99 .cdCoverFloatList {
|
bgneal@26
|
100 margin-left: 260px;
|
bgneal@26
|
101 text-align: left;
|
bgneal@26
|
102 }
|
bgneal@26
|
103
|
bgneal@26
|
104 /* For internal links (within the same page) */
|
bgneal@26
|
105 .intLink {
|
bgneal@26
|
106 margin-top: 2em;
|
bgneal@26
|
107 font-size: small;
|
bgneal@26
|
108 }
|
bgneal@26
|
109
|
bgneal@26
|
110 label.normal {
|
bgneal@26
|
111 width: 9em;
|
bgneal@26
|
112 float: left;
|
bgneal@26
|
113 text-align: right;
|
bgneal@26
|
114 margin: 0 1em 10px 0;
|
bgneal@26
|
115 clear: both;
|
bgneal@26
|
116 font-weight: bold;
|
bgneal@26
|
117 }
|
bgneal@26
|
118
|
bgneal@26
|
119 .form-box {
|
bgneal@26
|
120 color: black;
|
bgneal@26
|
121 background: #ccc;
|
bgneal@26
|
122 border-top: black solid 2px;
|
bgneal@26
|
123 border-left: black solid 2px;
|
bgneal@26
|
124 border-bottom: #eee solid 2px;
|
bgneal@26
|
125 border-right: #eee solid 2px;
|
bgneal@26
|
126 margin-bottom: 5px;
|
bgneal@26
|
127 }
|
bgneal@26
|
128
|
bgneal@26
|
129 .form-radio {
|
bgneal@26
|
130 margin-left: 10em;
|
bgneal@26
|
131 }
|
bgneal@26
|
132
|
bgneal@26
|
133 .form-comment {
|
bgneal@26
|
134 font-style: italic;
|
bgneal@26
|
135 font-size: x-small;
|
bgneal@26
|
136 margin-left: 10em;
|
bgneal@26
|
137 margin-bottom: 10px;
|
bgneal@26
|
138 }
|
bgneal@26
|
139
|
bgneal@26
|
140 .submit-button {
|
bgneal@26
|
141 color: black;
|
bgneal@26
|
142 background: #6B969C;
|
bgneal@26
|
143 border: 2px outset;
|
bgneal@26
|
144 padding: 3px;
|
bgneal@26
|
145 }
|
bgneal@26
|
146
|
bgneal@26
|
147 table.input-form th {
|
bgneal@26
|
148 vertical-align: top;
|
bgneal@26
|
149 }
|
bgneal@26
|
150
|
bgneal@26
|
151 ul.errorlist {
|
bgneal@26
|
152 margin: 0 0 0 1em;
|
bgneal@26
|
153 padding: 2px;
|
bgneal@26
|
154 }
|
bgneal@26
|
155 .errorlist li {
|
bgneal@26
|
156 color: red;
|
bgneal@26
|
157 }
|
bgneal@26
|
158
|
bgneal@26
|
159 fieldset {
|
bgneal@26
|
160 border: 1px solid teal;
|
bgneal@26
|
161 margin-top: 2em;
|
bgneal@26
|
162 }
|
bgneal@26
|
163
|
bgneal@26
|
164 legend {
|
bgneal@26
|
165 background: #6B969C;
|
bgneal@26
|
166 color: black;
|
bgneal@26
|
167 border: 1px solid black;
|
bgneal@26
|
168 padding: 2px 12px 2px 12px;
|
bgneal@26
|
169 }
|
bgneal@26
|
170
|
bgneal@26
|
171 #footer {
|
bgneal@26
|
172 clear: both;
|
bgneal@26
|
173 list-style-type: none;
|
bgneal@26
|
174 margin-top: 30px;
|
bgneal@26
|
175 padding-top: 1em;
|
bgneal@26
|
176 border-top: solid 1px #6B969C;
|
bgneal@26
|
177 font-size: small;
|
bgneal@26
|
178 font-style: italic;
|
bgneal@26
|
179 text-align: right;
|
bgneal@26
|
180 }
|
bgneal@26
|
181
|
bgneal@26
|
182 #navleft ul {
|
bgneal@26
|
183 margin: 0 0 0 0;
|
bgneal@26
|
184 padding: 0 0 0 0;
|
bgneal@26
|
185 font: 12px verdana, tahoma, arial, sans-serif;
|
bgneal@26
|
186 font: bold 15px georgia, 'times new roman', sans-serif;
|
bgneal@26
|
187 list-style-type: none;
|
bgneal@26
|
188 display: inline;
|
bgneal@26
|
189 }
|
bgneal@26
|
190
|
bgneal@26
|
191 #navleft li {
|
bgneal@26
|
192 margin: 0px 0 0;
|
bgneal@26
|
193 display: inline;
|
bgneal@26
|
194 }
|
bgneal@26
|
195
|
bgneal@26
|
196 #navleft a {
|
bgneal@26
|
197 display: block;
|
bgneal@26
|
198 padding: 2px 2px 2px 10px;
|
bgneal@26
|
199 border: 1px solid #000000;
|
bgneal@26
|
200 background: #6B969C;
|
bgneal@26
|
201 color: #EF7D21;
|
bgneal@26
|
202 text-decoration: none;
|
bgneal@26
|
203 }
|
bgneal@26
|
204
|
bgneal@26
|
205 #navleft a:link, #navleft a:active, #navleft a:visited {
|
bgneal@26
|
206 color: #213442;
|
bgneal@26
|
207 }
|
bgneal@26
|
208
|
bgneal@26
|
209 #navleft a:hover {
|
bgneal@26
|
210 border: 1px solid #000000;
|
bgneal@26
|
211 background: #213442 url(../images/brick.gif);
|
bgneal@26
|
212 color: #213442;
|
bgneal@26
|
213 }
|
bgneal@26
|
214
|
bgneal@26
|
215 div.article-source {
|
bgneal@26
|
216 font-style: italic;
|
bgneal@26
|
217 padding-bottom: 2px;
|
bgneal@26
|
218 margin-bottom: 5px;
|
bgneal@26
|
219 }
|
bgneal@26
|
220
|
bgneal@26
|
221 div.center-block {
|
bgneal@26
|
222 margin: 10px 30px 10px 30px;
|
bgneal@26
|
223 border: 1px solid #6B969C;
|
bgneal@26
|
224 padding: 3px;
|
bgneal@26
|
225 }
|
bgneal@26
|
226
|
bgneal@26
|
227 div.center-block h2 {
|
bgneal@26
|
228 font: italic 20px verdana, tahoma, arial, sans-serif;
|
bgneal@26
|
229 padding-top: 1px;
|
bgneal@26
|
230 margin-top: 1px;
|
bgneal@26
|
231 color: #6B969C;
|
bgneal@26
|
232 border-top: none;
|
bgneal@26
|
233 text-align: center;
|
bgneal@26
|
234 }
|
bgneal@26
|
235
|
bgneal@26
|
236 div.thumb-box {
|
bgneal@26
|
237 margin: 20px 1em;
|
bgneal@26
|
238 border: 3px solid #6B969C;
|
bgneal@26
|
239 padding: 5px;
|
bgneal@26
|
240 background-color: #2e414f;
|
bgneal@26
|
241 color: #EF7D21;
|
bgneal@26
|
242 }
|
bgneal@26
|
243
|
bgneal@26
|
244 div.thumb-box img {
|
bgneal@26
|
245 border: thin dotted #6B969C;
|
bgneal@26
|
246 padding: 2px;
|
bgneal@26
|
247 margin: 5px;
|
bgneal@26
|
248 }
|
bgneal@26
|
249
|
bgneal@26
|
250 div.thumb-box h2 {
|
bgneal@26
|
251 font: italic 20px verdana, tahoma, arial, sans-serif;
|
bgneal@26
|
252 padding-top: 1px;
|
bgneal@26
|
253 margin-top: 1px;
|
bgneal@26
|
254 color: #6B969C;
|
bgneal@26
|
255 border-top: none;
|
bgneal@26
|
256 text-align: center;
|
bgneal@26
|
257 }
|
bgneal@26
|
258
|
bgneal@26
|
259 table {width:auto;}
|
bgneal@26
|
260
|
bgneal@26
|
261 table.flyers { width: 100% }
|
bgneal@26
|
262
|
bgneal@26
|
263 table.image-table {
|
bgneal@26
|
264 display: inline;
|
bgneal@26
|
265 margin: 0 5px 20px 0;
|
bgneal@26
|
266 }
|
bgneal@26
|
267
|
bgneal@26
|
268 table.image-table caption {
|
bgneal@26
|
269 font-size: x-small;
|
bgneal@26
|
270 caption-side: top;
|
bgneal@26
|
271 text-align: center;
|
bgneal@26
|
272 background-color: #213442;
|
bgneal@26
|
273 }
|
bgneal@26
|
274
|
bgneal@26
|
275 #slideshow {
|
bgneal@26
|
276 width: 600px;
|
bgneal@26
|
277 height: 200px;
|
bgneal@26
|
278 }
|