Made website XHTML 1.0 Strict compliant.
[mspang/www.git] / default.css
1 body {
2     background: white;
3     color: black;
4     font-family:serif;
5         font-size:12px;
6         width:760px;
7         margin:0 auto;
8         padding:0 20px;
9 }
10
11 h1 {
12     font-size: x-large;
13 }
14 h2 {
15     font-size: large;
16         font-family:'Lucida Grande', Sans, Sans-serif;
17         text-transform: uppercase;
18     border-left:10px solid #ff9900;
19         padding-left:10px;
20     color: #000055;
21 }
22 h3 {
23     font-size: medium;
24     color: #0055aa;
25 }
26
27 a:visited {
28     background: transparent;
29     color: #8888aa;
30     text-decoration: none;
31 }
32 a:link {
33     background: transparent;
34     color: #0000aa;
35     text-decoration: none; 
36 }
37 a:active {
38     color: #0000cc;
39 }
40
41 table.newsandevents { background: black; }
42
43 td.button {
44     background: #eeeeee;
45     text-align: center;
46 }
47 td.newsdate {
48     background: #eeeeff;
49     font-family: sans-serif;
50     font-size: x-small;
51     text-align: center;
52     font-weight: bold;
53 }
54 td.newsitem {
55     background: white;
56     text-align: left;
57 }
58 td.newsauthor {
59     background: #eeeeff;
60     font-family: sans-serif;
61     font-size: x-small;
62     text-align: center;
63 }
64 td.eventdate {
65     background: #eeffee;
66     font-family: sans-serif;
67     font-size: x-small;
68     text-align: center;
69     font-weight: bold;
70 }
71 td.eventitem {
72     background: white;
73     text-align: left;
74 }
75 td.eventroom {
76     background: #eeffee;
77     font-family: sans-serif;
78     font-size: x-small;
79     text-align: center;
80 }
81 th.news {
82     background: #222255;
83     color: white;
84     font-family: sans-serif;
85     font-size: x-small;
86     text-align: left;
87 }
88 td.pagetitle {
89     font-size: large;
90     font-weight: bold;
91 }
92 th {
93     background: #002288;
94     color: white;
95 }
96 tr.members1 {
97     background: white;
98 }
99 tr.members2 {
100     background: #cee6ff;
101 }
102
103 img {
104         border-width:0;
105 }
106
107 div.footerlogo {
108     float: right;
109     padding-left: 5px;
110 }
111
112 p {
113         font-family:'Lucida Grande', Sans, Sans-serif;
114 }
115
116 div.webcam {
117     text-align: center;
118 }
119
120 div.biglogo {
121         background:url(./csc_welcome.jpg) -20px 25px transparent no-repeat;
122     height:340px;
123 }
124
125 div.biglogo table {
126     float:left;
127 }
128
129 table.template-header {
130         border-bottom:1px solid #ccc;
131         /*background-color:#cee6ff;*/
132         /*padding-top:65px;*/
133 }
134
135 div.webtitle {
136         /*position:absolute;
137         top:0;
138         left:0;*/
139     height:60px;
140         width:760px;
141         background-color:#215498;
142     border-bottom:4px solid #104387;
143 }
144
145 div.webtitle div.webtitle-inner {
146         width:760px;
147         padding:0 10px;
148 }
149
150 div.menuspace {
151         background:white;
152 }
153
154 div.menuspace table.menubar {
155         background-color: transparent;
156         padding:0;
157         margin:0 auto;
158         text-align: center;
159     height:90px;
160     vertical-align: middle;
161     font-size:11px;
162     text-transform: uppercase;
163 }
164
165 div.menuspace td.menuitem {
166         margin:0;
167         padding:0;
168     text-align: center;
169 }
170
171 div.menuspace td.menuitem a {
172         display:block;
173         text-align:center;
174         padding:5px;
175         margin:0;
176         text-decoration:none;
177         font-weight:400;
178         font-family:'Lucida Grande', Sans, Sans-serif;
179 }
180
181 div.menuspace td.menuitem a:hover {
182         font-weight:700;
183         color:black;
184         background-color:#eee;
185     border:1px solid #ccc;
186 }
187
188 div.menuspace div.menuitem a:hover img {
189         width:60px;
190         height:60px;
191 }
192
193 a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
194         font-family:'Lucida Grande', Sans, Sans-serif;
195         border-left:4px solid #ccc;
196         padding:0 15px 0 5px;
197         color:blue;
198 }
199
200 a.diritem:hover {
201         border-left:4px solid green;
202 }
203
204 a.headdir {
205         font-weight:700;
206 }
207
208 a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
209         font-family:'Lucida Grande',sans, sans-serif;
210         display:block;
211         padding:0 10px 10px 10px;
212         margin:10px 0 0 0;
213         border-top:1px solid #ccc;
214         background-color:#eee;
215         color:#999;
216         font-size:9px;
217         text-align:right;
218         text-transform:uppercase;
219 }
220
221 div.footer {
222         /*margin-top:10px;*/
223         padding-top:10px;
224         border-top:1px solid #ccc;
225         font-size:10px;
226         color:#666;
227         /*background:url('/logos/csc_80_35.png') right bottom no-repeat transparent;*/
228 }
229
230 p.infobox {
231         border:1px solid #ccc;
232         padding:5px 10px;
233 }