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