]>
Commit | Line | Data |
---|---|---|
1 | /* ------- Layout CSS (Centered Fixed Width) ------ */ | |
2 | ||
3 | body { | |
4 | font-family: Verdana, sans-serif; | |
5 | font-size: 12px; | |
6 | margin: 0; | |
7 | padding: 0; | |
8 | text-align: center; /* IE 5.5 hack */ | |
9 | } | |
10 | #farouter { | |
11 | background: #ffffff; | |
12 | width: 760px; | |
13 | border: 1px solid #3A291F; | |
14 | margin: 20px auto 20px auto; | |
15 | text-align: left; /* IE 5.5 hack part II */ | |
16 | } | |
17 | #masthead { | |
18 | letter-spacing: 0.2em; | |
19 | margin: 8px 8px 0 8px; | |
20 | /* padding: 0 10px 10px 60px; */ | |
21 | } | |
22 | #content { float: left; width: 490px; } | |
23 | #content_wide { padding: 0 35px 0 35px; } | |
24 | #content_home { float: left; width: 490px; padding-top: 0px; } | |
25 | #menu { float: right; width: 175px; margin-right: 10px; border-left: 1px dashed #2050A0; } | |
26 | #nav { padding-left: 10px; } | |
27 | #logo { padding-top: 25px; padding-left: 12px; } | |
28 | #hmenu { margin: 8px; height: 30px; } | |
29 | #hnav { margin: 0; padding: 0; } | |
30 | #clearer { clear: both; margin: 0; padding: 0; } | |
31 | #footer { margin: 8px 8px 8px 8px; } | |
32 | ||
33 | /* ----------------- Color CSS ------------------------ */ | |
34 | ||
35 | body { background: #2050A0; color:#333; } | |
36 | #rap { background: #ffffff; } | |
37 | #footer { background: #2050A0; } | |
38 | #hnav { background: #2050A0; } | |
39 | a { color: #2050A0; text-decoration: none; } | |
40 | a:visited { color: #2050A0; text-decoration: none; } | |
41 | a:hover { color: #2050A0; text-decoration: underline; } | |
42 | h2 { color: #17397A; font-size: 0.9em; font-weight: normal; } | |
43 | h3 a { color: #17397A; } | |
44 | h3 a:hover { color: #17397A; } | |
45 | h3 a:visited { color: #17397A; } | |
46 | ||
47 | /* -------- Core CSS --------- */ | |
48 | ||
49 | ||
50 | a { text-decoration: none; font-weight:bold; } | |
51 | a img { border: none; } | |
52 | #header a:hover { text-decoration: underline; } | |
53 | h1 { margin: 0; padding: 0; text-align: right; } | |
54 | #hidden {display:none;} | |
55 | ||
56 | h2 { | |
57 | letter-spacing: 0.2em; | |
58 | margin: 0; | |
59 | padding: 0; | |
60 | } | |
61 | ||
62 | h2#tagline { | |
63 | text-align: right; | |
64 | border: 0px none; | |
65 | margin-left:0; | |
66 | margin-top:0; | |
67 | margin-bottom:0 | |
68 | } | |
69 | ||
70 | h3 { | |
71 | padding: 0; | |
72 | color: #17397A; | |
73 | } | |
74 | ||
75 | h4 { | |
76 | font-size: 16px; | |
77 | font-weight: normal; | |
78 | } | |
79 | ||
80 | img { | |
81 | margin: 10px; | |
82 | padding: 10px; | |
83 | border: 0px solid #2F700F; | |
84 | } | |
85 | ||
86 | p { | |
87 | line-height: 175%; | |
88 | } | |
89 | ||
90 | .textarea { width:200px; margin:0; } | |
91 | ||
92 | /*------------- hnav------------*/ | |
93 | ||
94 | #hnav ul { | |
95 | text-align: center; | |
96 | padding-bottom: 5px; | |
97 | padding-top: 5px; | |
98 | padding-left: 0; | |
99 | margin-top: 0; | |
100 | /* cancels gap caused by top padding in Opera 7.54 */ | |
101 | margin-left: 0; | |
102 | background-color: #2050A0; | |
103 | color: #F2EEEC; | |
104 | width: 100%; | |
105 | line-height: 18px; | |
106 | /* fixes Firefox 0.9.3 */ | |
107 | } | |
108 | ||
109 | #hnav ul li { | |
110 | display: inline; | |
111 | padding-left: 0; | |
112 | padding-right: 0; | |
113 | padding-bottom: 5px; | |
114 | /* matches link padding except for left and right */ | |
115 | padding-top: 5px; | |
116 | } | |
117 | ||
118 | #hnav ul li a { | |
119 | padding-left: 10px; | |
120 | padding-right: 10px; | |
121 | padding-bottom: 5px; | |
122 | padding-top: 5px; | |
123 | color: #F2EEEC; | |
124 | text-decoration: none; | |
125 | border-right: 1px solid #F2EEEC; | |
126 | } | |
127 | ||
128 | #hnav ul li a:hover { | |
129 | background: #F2EEEC; | |
130 | color: #3A291F; | |
131 | } | |
132 | ||
133 | #hnav #active { border-left: 1px solid #F2EEEC; } | |
134 |