|
1 |
|
2 body { |
|
3 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
4 font-size: 11px; |
|
5 color: #333; |
|
6 text-align: center; |
|
7 margin: 0px; |
|
8 padding: 20px 0px 20px 0px; |
|
9 } |
|
10 #wrapper { |
|
11 width: 956px; |
|
12 padding: 10px; |
|
13 margin: 0px auto 0px auto; |
|
14 height: auto; |
|
15 text-align: left; |
|
16 border: 1px solid #ddd; |
|
17 } |
|
18 #header { |
|
19 margin: 0px; |
|
20 padding: 5px 0px 5px 0px; |
|
21 height: auto; |
|
22 width: auto; |
|
23 text-align: center; |
|
24 background-color: #f1f1f1; |
|
25 } |
|
26 #container { |
|
27 padding: 0px; |
|
28 margin: 10px 0px 0px 0px; |
|
29 background-attachment: scroll; |
|
30 background-image: url(back.gif); |
|
31 background-repeat: repeat-y; |
|
32 background-position: 0px 0px; |
|
33 height: auto; #default was 1% |
|
34 width: auto; |
|
35 } |
|
36 #left { |
|
37 margin: 0px; |
|
38 width: 160px; |
|
39 padding: 10px 20px 10px 20px; |
|
40 float: left; |
|
41 } |
|
42 #nav { |
|
43 margin: 0px; |
|
44 padding: 0px; |
|
45 list-style-image: none; |
|
46 list-style-type: none; |
|
47 } |
|
48 #nav li { |
|
49 margin: 0px; |
|
50 padding: 0px; |
|
51 display: block; |
|
52 background-attachment: scroll; |
|
53 background-image: url(bullet.gif); |
|
54 background-repeat: no-repeat; |
|
55 background-position: 0px 50%; |
|
56 } |
|
57 #nav li a:link, #nav li a:visited, #nav li a:active { |
|
58 color: #666; |
|
59 text-decoration: none; |
|
60 display: block; |
|
61 margin: 0px; |
|
62 padding: 3px 15px 3px 15px; |
|
63 width: 130px; |
|
64 } |
|
65 #nav li a:hover { |
|
66 color: #999; |
|
67 text-decoration: none; |
|
68 } |
|
69 #center { |
|
70 height: auto; |
|
71 width: 504px; |
|
72 padding: 10px 20px 10px 20px; |
|
73 float: left; |
|
74 margin: 0px 0px 0px 6px; |
|
75 line-height: 1.8em; |
|
76 } |
|
77 h1 { |
|
78 font-size: 14px; |
|
79 margin: 0px; |
|
80 padding: 0px; |
|
81 } |
|
82 #right { |
|
83 padding: 10px 20px 10px 20px; |
|
84 height: auto; |
|
85 width: 160px; |
|
86 float: left; |
|
87 margin: 0px 0px 0px 6px; |
|
88 } |
|
89 .clearer { |
|
90 font-size: 0px; |
|
91 line-height: 0px; |
|
92 display: block; |
|
93 margin: 0px; |
|
94 padding: 0px; |
|
95 clear: both; |
|
96 height: 0px; |
|
97 width: auto; |
|
98 } |
|
99 #footer { |
|
100 margin: 10px 0px 0px 0px; |
|
101 text-align: left; |
|
102 padding: 5px 0px 5px 0px; |
|
103 background-color: #f1f1f1; |
|
104 } |
|
105 #footer p { |
|
106 color: #999; |
|
107 margin: 0px auto 0px auto; |
|
108 padding: 0px; |
|
109 } |
|
110 #footer a:link, #footer a:visited, #footer a:active { |
|
111 color: #999; |
|
112 text-decoration: none; |
|
113 } |
|
114 #footer a:hover { |
|
115 color: #ccc; |
|
116 text-decoration: none; |
|
117 } |