|
1 /* |
|
2 Design by Free CSS Templates |
|
3 http://www.freecsstemplates.org |
|
4 Released for free under a Creative Commons Attribution 2.5 License |
|
5 */ |
|
6 |
|
7 * { |
|
8 margin: 0; |
|
9 padding: 0; |
|
10 } |
|
11 |
|
12 body { |
|
13 margin: 20px 0; |
|
14 background: #FFFFFF url(images/img01.jpg) repeat-x left top; |
|
15 text-align: justify; |
|
16 font-family: 'Trebuchet MS', "Times New Roman", Times, serif; |
|
17 font-size: 13px; |
|
18 color: #666666; |
|
19 } |
|
20 |
|
21 form { |
|
22 } |
|
23 |
|
24 form br { |
|
25 } |
|
26 |
|
27 input, textarea { |
|
28 padding: 5px; |
|
29 font: bold 1em Georgia, "Times New Roman", Times, serif; |
|
30 color: #333333; |
|
31 background: #F9F3DF; |
|
32 border-top: 1px solid #CB960F; |
|
33 border-right: 1px solid #CCCC99; |
|
34 border-bottom: 1px solid #CCCC99; |
|
35 border-left: 1px solid #CB960F; |
|
36 } |
|
37 |
|
38 h1, h2, h3 { |
|
39 padding-bottom: 10px; |
|
40 margin-bottom: 15px; |
|
41 text-transform: uppercase; |
|
42 font-family: Arial, Helvetica, sans-serif; |
|
43 } |
|
44 |
|
45 h1 { |
|
46 font-size: 1.4em; |
|
47 } |
|
48 |
|
49 h2 { |
|
50 font-size: 1.4em; |
|
51 } |
|
52 |
|
53 h3 { |
|
54 font-size: 1em; |
|
55 } |
|
56 |
|
57 p, ul, ol { |
|
58 margin-top: 1.5em; |
|
59 } |
|
60 |
|
61 ul, ol { |
|
62 margin-left: 3em; |
|
63 } |
|
64 |
|
65 blockquote { |
|
66 margin-left: 3em; |
|
67 margin-right: 3em; |
|
68 font-style: italic; |
|
69 } |
|
70 |
|
71 a { |
|
72 text-decoration: none; |
|
73 color: #70A300; |
|
74 } |
|
75 |
|
76 a:hover { |
|
77 border: none; |
|
78 color: #70A300; |
|
79 } |
|
80 |
|
81 /* Header */ |
|
82 |
|
83 #header { |
|
84 width: 960px; |
|
85 height: 100px; |
|
86 margin: 0 auto; |
|
87 } |
|
88 |
|
89 #logo { |
|
90 float: left; |
|
91 height: 40px; |
|
92 } |
|
93 |
|
94 #logo h1, #logo h2 { |
|
95 float: left; |
|
96 margin-top: 20px; |
|
97 text-transform: lowercase; |
|
98 font-weight: normal; |
|
99 } |
|
100 |
|
101 #logo h1 { |
|
102 padding: 5px 0 0 0px; |
|
103 font-size: 2.6em; |
|
104 } |
|
105 |
|
106 #logo h2 { |
|
107 padding: 17px 0 0 6px; |
|
108 font-size: 1.2em; |
|
109 } |
|
110 |
|
111 #logo a { |
|
112 border: none; |
|
113 text-decoration: none; |
|
114 color: #FFFFFF; |
|
115 } |
|
116 |
|
117 #menu { |
|
118 float: right; |
|
119 height: 40px; |
|
120 } |
|
121 |
|
122 #menu ul { |
|
123 margin: 0; |
|
124 padding: 30px 0px 0 0; |
|
125 list-style: none; |
|
126 } |
|
127 |
|
128 #menu li { |
|
129 float: left; |
|
130 } |
|
131 |
|
132 #menu a { |
|
133 display: block; |
|
134 float: left; |
|
135 border-left: 2px solid #99C233; |
|
136 margin-right: 3px; |
|
137 padding: 5px 18px 5px 18px; |
|
138 text-transform: lowercase; |
|
139 text-decoration: none; |
|
140 font-size: 1.2em; |
|
141 color: #FFFFFF; |
|
142 } |
|
143 |
|
144 #menu a:hover { |
|
145 text-decoration: underline; |
|
146 color: #FFFFFF; |
|
147 } |
|
148 |
|
149 #menu .last a { |
|
150 margin: 0; |
|
151 padding-right: 0; |
|
152 } |
|
153 |
|
154 /* Page */ |
|
155 |
|
156 #page { |
|
157 width: 960px; |
|
158 margin: 0 auto; |
|
159 padding: 60px 40px 0px 40px; |
|
160 } |
|
161 |
|
162 /* Content */ |
|
163 |
|
164 #content { |
|
165 float: center; |
|
166 width: 960px; |
|
167 padding: 0 30px; |
|
168 } |
|
169 |
|
170 .center {text-align: center} |
|
171 |
|
172 #content #submit { |
|
173 padding: 3px 10px; |
|
174 margin: 5px 0 0 0; |
|
175 background: url(images/img04.jpg) repeat-x left top; |
|
176 border: none; |
|
177 text-transform: uppercase; |
|
178 font-family: Arial, Helvetica, sans-serif; |
|
179 font-size: 10px; |
|
180 font-weight: normal; |
|
181 color: #FFFFFF; |
|
182 } |
|
183 |
|
184 /* Footer */ |
|
185 |
|
186 #footer { |
|
187 clear: both; |
|
188 width: 960px; |
|
189 height: 40px; |
|
190 margin: 0 auto; |
|
191 background: url(images/img02.jpg) repeat-x left top; |
|
192 } |
|
193 |
|
194 #footer p { |
|
195 margin: 0; |
|
196 padding: 15px 0px; |
|
197 font-size: 11px; |
|
198 } |
|
199 |
|
200 #footer .legal { |
|
201 float: left; |
|
202 height: 40px; |
|
203 } |
|
204 |
|
205 #footer .credit { |
|
206 float: right; |
|
207 height: 40px; |
|
208 } |