|
0
|
1 body {
|
|
|
2 background: #fff;
|
|
|
3 font-family: verdana, helvetica, arial, sans-serif;
|
|
|
4 margin: 0 20px 0 20px;
|
|
|
5 font-size: 10pt;
|
|
|
6 color: #333333;
|
|
|
7 max-width: 700px;
|
|
|
8 }
|
|
|
9
|
|
|
10 .floating_img
|
|
|
11 {
|
|
|
12 float: left;
|
|
|
13 margin: 1.5% 1.5% 0% 0%;
|
|
|
14 border-style:solid;
|
|
|
15 border-color:gray;
|
|
|
16 border-width:1px
|
|
|
17 }
|
|
|
18
|
|
|
19 p {
|
|
|
20 max-width: 700px;
|
|
|
21 }
|
|
|
22
|
|
|
23 #container {
|
|
|
24 background: url(header.jpg) no-repeat top left;
|
|
|
25 position: relative;
|
|
|
26 margin: 0 auto -1px auto;
|
|
|
27 padding-top: 50px;
|
|
|
28 width: 680px;
|
|
|
29 }
|
|
|
30
|
|
|
31 #pageHeader {
|
|
|
32 text-align: center;
|
|
|
33 padding-right: 0px;
|
|
|
34 color: #AADA50;
|
|
|
35 }
|
|
|
36 #pageHeader h1 {
|
|
|
37 width: auto;
|
|
|
38 font-size: x-large;
|
|
|
39 }
|
|
|
40 #pageHeader h2 {
|
|
|
41 width: auto;
|
|
|
42 font-size: large;
|
|
|
43 }
|
|
|
44
|
|
|
45 #preamble {
|
|
|
46 margin: 140px 0 0 220px;
|
|
|
47 width: auto;
|
|
|
48 }
|
|
|
49
|
|
|
50 #explanation, #participation, #benefits, #requirements {
|
|
|
51 margin: 25px 0 0 220px;
|
|
|
52 width: auto;
|
|
|
53 }
|
|
|
54
|
|
|
55 #footer {
|
|
|
56 margin: 0 0 5px 0;
|
|
|
57 padding: 10px 0 0 0;
|
|
|
58 width: 100%;
|
|
|
59 text-align: center;
|
|
|
60 }
|
|
|
61
|
|
|
62 #linkList {
|
|
|
63 position: absolute;
|
|
|
64 width: 150px;
|
|
|
65 top: 350px;
|
|
|
66 left: 50px;
|
|
|
67 }
|
|
|
68
|
|
|
69 p {
|
|
|
70 font-size: 12px;
|
|
|
71 }
|
|
|
72
|
|
|
73 #preamble p.p1, #supportingText p.p1 {
|
|
|
74 margin-top: 10px;
|
|
|
75 }
|
|
|
76
|
|
|
77 #preamble p, #supportingText p {
|
|
|
78 line-height: 18px;
|
|
|
79 }
|
|
|
80
|
|
|
81 #quickSummary p.p2 {
|
|
|
82 font-size: 9px;
|
|
|
83 color: #999;
|
|
|
84 }
|
|
|
85
|
|
|
86 #footer {
|
|
|
87 font-size: 9px;
|
|
|
88 }
|
|
|
89
|
|
|
90 #linkList ul {
|
|
|
91 font-size: 10px;
|
|
|
92 list-style:none;
|
|
|
93 margin: 5px 0 0 0;
|
|
|
94 padding: 0 0 0 0;
|
|
|
95 }
|
|
|
96
|
|
|
97 #linkList ul li {
|
|
|
98 margin: 0;
|
|
|
99 padding: 0 0 0 17px;
|
|
|
100 line-height: 14px;
|
|
|
101 color: #ccc;
|
|
|
102 }
|
|
|
103
|
|
|
104 #linkList #lselect li {
|
|
|
105 font-size: 9px;
|
|
|
106 }
|
|
|
107
|
|
|
108 #linkList #lselect a:link, #linkList #lselect a:visited { display: block; }
|
|
|
109 #linkList #lselect a.c:link, #linkList #lselect a.c:visited { display:inline; }
|
|
|
110
|
|
|
111 #larchives li, #lresources li { text-transform: lowercase; }
|
|
|
112
|
|
|
113 a, a:link, a:visited {
|
|
|
114 color: #44F;
|
|
|
115 }
|
|
|
116
|
|
|
117 a:hover {
|
|
|
118 color: #00F;
|
|
|
119 }
|
|
|
120
|
|
|
121 #linkList a, #linkList a:link, #linkList a:visited {
|
|
|
122 color: #666;
|
|
|
123 text-decoration: none;
|
|
|
124 }
|
|
|
125
|
|
|
126 #linkList a:hover {
|
|
|
127 text-decoration: underline;
|
|
|
128 color: #333;
|
|
|
129 }
|
|
|
130
|
|
|
131 #linkList a.c, #linkList a.c:link, #linkList a.c:visited {
|
|
|
132 color: #999;
|
|
|
133 text-decoration: none;
|
|
|
134 }
|
|
|
135
|
|
|
136 #linkList a.c:hover {
|
|
|
137 text-decoration: underline;
|
|
|
138 color: #333;
|
|
|
139 }
|
|
|
140
|
|
|
141 #linkList #lselect a {
|
|
|
142 font-size: 10px;
|
|
|
143 }
|
|
|
144
|
|
|
145 #linkList #lselect a.c {
|
|
|
146 font-size: 9px;
|
|
|
147 text-transform: lowercase;
|
|
|
148 }
|
|
|
149
|
|
|
150 #footer a, #footer a:link, #footer a:visited {
|
|
|
151 font-weight: bold;
|
|
|
152 text-transform: uppercase;
|
|
|
153 text-decoration: none;
|
|
|
154 }
|
|
|
155
|
|
|
156 #footer a:hover {
|
|
|
157 text-decoration: underline;
|
|
|
158 }
|
|
|
159
|
|
|
160 h3 { margin-bottom: 0px; }
|
|
|
161
|
|
|
162 h3 span { }
|
|
|
163
|
|
|
164 #supportingText h3 {
|
|
|
165 width: auto;
|
|
|
166 height: 15px;
|
|
|
167 }
|
|
|
168
|
|
|
169 #linkList h3 {
|
|
|
170 width: 150px;
|
|
|
171 height: 20px;
|
|
|
172 margin-top: 20px;
|
|
|
173 }
|
|
|
174
|
|
|
175 #preamble h3 {
|
|
|
176 width: auto;
|
|
|
177 height: 26px;
|
|
|
178 }
|
|
|
179
|
|
|
180 #explanation h3 {
|
|
|
181 }
|
|
|
182
|
|
|
183 #participation h3 {
|
|
|
184 }
|
|
|
185
|
|
|
186 #benefits h3 {
|
|
|
187 }
|
|
|
188
|
|
|
189 #lselect h3 {
|
|
|
190 margin-top: 10px;
|
|
|
191 }
|
|
|
192
|
|
|
193 table { background:#FFFFFF;
|
|
|
194 border:1px solid gray;
|
|
|
195 border-collapse:collapse;
|
|
|
196 color:#fff;
|
|
|
197 font:normal 10px verdana, arial, helvetica, sans-serif;
|
|
|
198 }
|
|
|
199 caption { border:1px solid #5C443A;
|
|
|
200 color:#5C443A;
|
|
|
201 font-weight:bold;
|
|
|
202 font-size:20pt
|
|
|
203 padding:6px 4px 8px 0px;
|
|
|
204 text-align:center;
|
|
|
205 }
|
|
|
206 td, th { color:#363636;
|
|
|
207 padding:.4em;
|
|
|
208 }
|
|
|
209 tr { border:1px dotted gray;
|
|
|
210 }
|
|
|
211 thead th, tfoot th { background:#5C443A;
|
|
|
212 color:#FFFFFF;
|
|
|
213 padding:3px 10px 3px 10px;
|
|
|
214 text-align:left;
|
|
|
215 text-transform:uppercase;
|
|
|
216 }
|
|
|
217 tbody td a { color:#0000FF;
|
|
|
218 text-decoration:underline;
|
|
|
219 }
|
|
|
220 tbody td a:visited { color:#0000FF;
|
|
|
221 text-decoration:underline;
|
|
|
222 }
|
|
|
223 tbody td a:hover { text-decoration:underline;
|
|
|
224 }
|
|
|
225 tbody th a { color:#3636FF;
|
|
|
226 font-weight:normal;
|
|
|
227 text-decoration:none;
|
|
|
228 }
|
|
|
229 tbody th a:hover { color:#363636;
|
|
|
230 }
|
|
|
231 tbody td+td+td+td a { background-image:url('bullet_blue.png');
|
|
|
232 background-position:left center;
|
|
|
233 background-repeat:no-repeat;
|
|
|
234 color:#0000FF;
|
|
|
235 padding-left:15px;
|
|
|
236 }
|
|
|
237 tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
|
|
|
238 background-position:left center;
|
|
|
239 background-repeat:no-repeat;
|
|
|
240 }
|
|
|
241 tbody th, tbody td { text-align:left;
|
|
|
242 vertical-align:top;
|
|
|
243 }
|
|
|
244 tfoot td { background:#5C443A;
|
|
|
245 color:#FFFFFF;
|
|
|
246 padding-top:3px;
|
|
|
247 }
|
|
|
248 .odd { background:#fff;
|
|
|
249 }
|
|
|
250 tbody tr:hover { background:#EEEEEE;
|
|
|
251 border:1px solid #03476F;
|
|
|
252 color:#000000;
|
|
|
253 }
|
