sync up with google site
[bpac.git] / local.css
1 body {
2         background-color:#666666;
3         color:#000000;
4         margin:0;
5         font-family:Helvetica, Verdana, "Trebuchet MS";
6         padding: 0;
7         }
8         
9 #sidebar {
10 width: 100%;
11 padding: 6px;
12 }
13
14 #header {
15   /*top: 0;*/
16   margin-left: 10%;
17   margin-bottom: 0;
18   /*right: 0;*/
19   color: #FFFFFF;
20   /*background:#0072AC;*/
21   background: #FFFFFF;
22   /*background-image:url("/bwva-logo.gif");*/
23   background-repeat:no-repeat;
24   /*height: 130px;*/
25   width: 80%;
26   padding: 0;
27 }
28
29 #header h1 {
30   text-align: center;
31   font-size: 40pt;
32   padding: 0;
33   margin: 0;
34   font-family:Helvetica, Verdana, "Trebuchet MS";
35   font-weight:bold;
36   color:#009966;
37   line-height:40pt;
38 }
39
40 #navbarbox {
41   /*top: 200px;*/
42   width: 80%;
43   height: 50px;
44   margin-left: 10%;
45   margin-right: 10%;
46   margin-top: 0;
47   margin-bottom: 0;
48   text-align: center;
49   background-color: #0072AC;
50   color: #0072AC;
51   background: #0072AC;
52   padding: 0;
53   border: 0;
54 }
55
56 #main {
57   margin-left:15em;
58   margin-right:5em;
59   padding:0 3em 1em;
60   color: black;
61   background: #ffffdd;
62   border:0 solid #708090;
63 }
64
65
66 #bwa-footer {
67   clear: both;
68   width:80%;
69   margin-left: 10%;
70   margin-bottom: 0;
71   font-size: 10.0pt;
72   text-align:center;
73   padding: 5px 0 0 0;
74   background-color:#F1D88D;
75   color:#000000;
76   /*border:1px solid #708090;*/
77   border:0;
78 }
79
80 h1 {
81         font-family:Helvetica, Verdana, "Trebuchet MS";
82         font-size:17px;
83         font-weight:bold;
84         color:#009966;
85         line-height:22px;
86         }
87         
88 h2 {
89         font-size: 16px;
90         font-family:Helvetica, Verdana, "Trebuchet MS";
91         font-weight:bold;
92         line-height:22px;
93         margin:10px 0;
94         }
95         
96 h3 {
97         font-size: 14px;
98         font-family:Helvetica, Verdana, "Trebuchet MS";
99         font-weight:bold;
100         line-height:19px;
101         margin:10px 0;
102         }
103         
104 h4 {
105         font-size:13px;
106         font-family:Helvetica, Verdana, "Trebuchet MS";
107         font-weight:bold;
108         margin:10px 0;
109         line-height:16px;
110         }
111         
112  h5 {
113         font-size:11px;
114         font-family:Helvetica, Verdana, "Trebuchet MS";
115         font-weight:bold;
116         line-height:16px;
117         position:relative;
118         top:-10px;
119         }
120         
121 td {
122         font-family:Helvetica, Verdana, "Trebuchet MS";
123         font-size:13px;
124         line-height:17px;
125         }
126
127                 /* START STYLES FOR CONTENT */
128         
129         
130 #centerColumn .title {
131         display:block;
132         color:#000000;
133         font-size:16px;
134         font-family:Helvetica, Verdana, "Trebuchet MS";
135         font-weight:bold;
136         line-height:22px;
137         margin:5px 0 5px 0;
138         }
139         
140 .sectionName {
141         display:block;
142         color:#009456;
143         font-size:13px;
144         font-family:Helvetica, Verdana, "Trebuchet MS";
145         font-weight:bold;
146         line-height:18px;
147         margin:5px 0 5px 0;
148         }
149         
150 #leftColumn h1 {
151         font-family:Helvetica, Verdana, "Trebuchet MS";
152         font-size:15px;
153         font-weight:bold;
154         color:#009966;
155         line-height:20px;
156         }
157         /* END CONTENT STYLES */
158         
159 #leftColumn {
160         float: left;
161         margin-left: 10%;
162         width: 15%;
163         padding:6px 0 0 0;
164         background-color:#F8EBA4;
165         color:#000000;
166         font-size:13px;
167         font-family:Helvetica, Verdana, "Trebuchet MS";
168         line-height:17px;
169         }
170         
171 #leftColumn a {
172         color:#000066;
173         text-decoration:none;
174         line-height:20px;
175         font-weight:bold;
176         }
177         
178 #leftColumn a:hover {
179         text-decoration:underline;
180         }
181         
182 #leftColumn em {
183         display:inline;
184         font-size:13px;
185         font-family:Helvetica, Verdana, "Trebuchet MS";
186         }
187         
188 #leftColumn .contentbox {
189         padding: 0 7px 0 15px;
190         }
191 #rightColumn .contentbox {
192         padding: 0 7px 0 15px;
193         }
194         
195 #centerColumn {
196         margin-left: 25%;
197         margin-right: 25%;
198         /*padding:0 23px 10px 20px;*/
199         padding: 2.5%;
200         background-color:#FFFFFF;
201         color:#000000;
202         font-size:13px;
203         font-family:Helvetica, Verdana, "Trebuchet MS";
204         line-height:17px;
205         }
206
207 #centerColumn a {
208         color:#000066;
209         text-decoration:none;
210         font-weight:bold;
211         }
212         
213 #centerColumn a:hover {
214         text-decoration:underline;
215         }
216         
217 #sitemap ul {
218         list-style:none;
219         }       
220         
221 #sitemap ul li a {
222         color:#000066;
223         text-decoration:none;
224         font-weight:bold;
225         }
226         
227 #sitemap ul li a:hover {
228         text-decoration:underline;
229         }       
230         
231 #sitemap ul li ul li a {
232         color:#000066;
233         text-decoration:none;
234         font-weight:normal !important;
235         }
236         
237 #sitemap ul li ul li a:hover {
238         text-decoration:underline;
239         }       
240         
241 #centerColumn img {
242         border:1px solid #999999;
243         padding:4px;
244         margin:7px;
245         }
246         
247 .insideCenter {
248         padding:4px 23px 10px 25px;
249         }
250         
251 .divider {
252         border-top:1px dotted #009456;
253         width:100%;
254         height:3px;
255         margin:15px 0 5px 0;
256         }
257         
258 .leftBlock {
259         border-right:1px solid #DDDDDD;
260         padding-right:10px;
261         }
262         
263 .rightBlock {
264         padding-left:2px;
265         }
266         
267 #rightColumn {
268         float: right;
269         margin-right: 10%;
270         padding:4px 13px 10px 8px;
271         /* padding:6px 0 0 0;*/
272         background-color:#FFFFFF;
273         color:#000000;
274         font-size:13px;
275         font-family:Helvetica, Verdana, "Trebuchet MS";
276         line-height:16px;
277         text-align: center;
278         /*border-top:1px solid #083C79;*/
279         border-left:1px solid #083C79;
280         width: 15%;
281         }
282 #rightColumn a{
283         color:#000066;
284         font-weight:bold;
285         text-align:left;
286         font-size:12px;
287         font-family:Helvetica, Verdana, "Trebuchet MS";
288         line-height:16px;
289         text-decoration:none;
290         }
291 #rightColumn a:hover{
292         text-decoration:underline;
293         }
294         
295         
296 #rightColumn ul{
297 position:relative;
298 left:-10px;
299         }
300         
301         #rightColumn li{
302 margin:10px 0;
303         }
304         
305 #rightColumn .title{
306         color:#009456;
307         font-size:14px;
308         font-family:Helvetica, Verdana, "Trebuchet MS";
309         line-height:18px;
310         font-weight:bold;
311         text-align:center;
312         }
313
314         
315 #calendar {
316         text-align:left;
317         color:#000000;
318         font-size:12px;
319         font-family:Helvetica, Verdana, "Trebuchet MS";
320         line-height:16px;
321         font-weight:normal;
322         }
323 .month {
324         color:#0072AC;
325         font-size:14px;
326         font-family:Helvetica, Verdana, "Trebuchet MS";
327         line-height:19px;
328         font-weight:bold;
329         display:block;
330         margin:7px 0 2px 0;
331         }
332 .date{
333         color:#009456;
334         font-weight:bold;
335         }
336
337 a.event{
338         color:#000000;
339         font-weight:bold;
340         text-decoration:none;
341         }       
342
343 a.event:hover{
344         color:#663399;
345         }
346         
347
348 #newsletter {
349         text-align:center;
350         }
351         
352 #rightColumn .divider {
353         border-top:1px dotted #4D5B79;
354         }
355         
356         /*START FOOTER STYLES*/
357 #mmhidefooter {
358         background-color:#F1D88D;
359         color:#000000;
360         font-size:12px;
361         font-family:Helvetica, Verdana, "Trebuchet MS";
362         line-height:17px;
363         text-align:center;
364         text-decoration:none;
365         }
366         
367
368         
369 #mmhidefooter a {
370         color:#000000;
371         font-size:12px;
372         font-family:Helvetica, Verdana, "Trebuchet MS";
373         font-weight:bold;
374         text-align:center;
375         text-decoration:none;
376         text-transform:uppercase;
377         }
378         
379 #mmhidefooter a:hover {
380         color:#184982;
381         }
382 /* END FOOTER STYLES */
383 /* START LEFT COLUMN LINK STYLES-NOT FOR CONTENT */     
384 #leftColumnNav {
385         padding:15px 13px 5px 9px;
386         font-weight:bold;
387         background-color:#F9FAC6;
388         text-align:right;
389         }
390         
391 #leftColumnNav a {
392         color:#184982;
393         line-height:15px;
394         display:block;
395         padding:0;
396         margin:-3px 0;
397         }
398         
399 html>body #leftColumnNav a{ /* non IE browsers */
400         padding:0 0 0 0;
401         margin:0 0 0 0;
402 }
403         
404 #leftColumnNav a:hover {
405         }
406         
407 #leftColumnNav a.current {
408         color:#009456;
409         font-weight:bolder;
410         text-decoration:none;
411         }
412 /*END LEFT COLUMN LINK STYLES */
413
414 /* START STYLES FOR BASIC SITE STRUCTURE-NOT FOR CONTENT */
415 .container {
416         margin: auto;
417         padding: 0px;
418         border-top: 5px solid #0072AC;
419         border-bottom: 5px solid #0072AC;
420         width:760px;
421         background-color:#FFFFFF;
422         }
423         
424 .headerContainer {
425         width:760px;
426         height:204px;
427         }
428
429 .logoContainer {
430         margin: 0px;
431         padding: 0px;
432         border-top: 8px solid #F1D88D;
433         border-bottom: 8px solid #F1D88D;
434         font-family:Helvetica, Verdana, "Trebuchet MS";
435         font-size:14px;
436         line-height:17px;
437         text-align:center;
438         color:#104A86;
439         }
440         
441 .logo {
442         display:block;
443         margin:auto;
444         height:105px;
445         width:121px;
446         background:url(images/logo.gif) center center no-repeat;
447         text-align:center;
448         position:relative;
449         top:10px;
450         }
451
452 .tagline {
453         font-size:11px;
454         line-height:14px;
455         padding:0 0 0 0;
456         text-align:center;
457         color:#104A86;
458         }
459         
460 .headerPhoto {
461         margin: 0px;
462         padding: 0px;
463         background:url(images/photo_boyinredhelmet.jpg) top center no-repeat;
464         height:204px;
465         width:543px;
466         position:relative;
467         left:217px;
468         top:-204px;
469         }
470
471         
472 #leftColumn ul{
473         margin:0 0 0 -40px;
474         }
475         
476         
477 #leftColumn ul li{
478         padding:7px 0 5px 0;
479         list-style-position:inside;
480         list-style-type:disc;
481         list-style-image: url(images/bullet_bluearrow.gif);
482         }
483
484 #leftColumn, #rightColumn, #centerColumn { padding-bottom: 32767px;
485 margin-bottom: -32767px; }
486 #wrapper {
487 padding: 0;
488 overflow:hidden;
489 }
490
491         /* END STYLES FOR SITE STRUCTURE */
492         
493         
494         
495         /*                      CSS FOR DROP DOWN MENU                  */
496
497
498
499 .navigationLinks {
500         background-color:#0072AC;
501         font-family:Helvetica, Verdana, "Trebuchet MS";
502         font-size:11px;
503         text-align:center;
504         color:#FFFFFF;
505         background: #0072AC;
506   width: 100%;
507   height: 20px;
508   margin-left: 0;
509   margin-right: 0;
510   margin-top: 0;
511   margin-bottom: 0;
512   padding: 0;
513   border: 0;
514         }
515         
516 .navigationLinks a {
517         font-family:Helvetica, Verdana, "Trebuchet MS";
518         font-size:1.1em;
519         text-align:center;
520         color:#FFFFFF;
521         text-decoration:none;
522         text-transform:uppercase;
523         font-weight:bold;
524         background: #0072AC;
525         }
526         
527 .navigationLinks a:hover {
528         color:#FFE970;
529         background: #0072AC;
530         }
531         
532 .navigationLinks a.current {
533         color:#FFE970;
534         font-weight:bolder;
535         background: #0072AC;
536         }
537
538
539 #mmhidecsstopmenu, #mmhidecsstopmenu ul{ /* for all browsers */
540 padding: 0;
541 margin: 0;
542 list-style: none;
543 z-index:30;
544 }
545
546 html>body #mmhidecsstopmenu, #mmhidecsstopmenu ul{ /* for all browsers except IE */
547 padding: 0;
548 margin: 4px 0 0 15px;
549 list-style: none;
550 z-index:30;
551 position:static;
552 }
553
554 #mmhidecsstopmenu li{
555 float: left;
556 position: relative;
557 }
558
559 #mmhidecsstopmenu a{
560         text-decoration: none;
561         padding:0 2px;
562 }
563 html>body #mmhidecsstopmenu a{ /* non IE browsers */
564 }
565
566 #mmhidecsstopmenu a:hover{
567         text-decoration:underline;
568         }
569
570 .mmhidemainitems{
571 border: 0;
572 border-left-width: 0;
573 }
574
575 .mmhideheaderlinks a{
576 margin: 0 2px 2px 4px;
577 display:block;
578 float:left;
579 }
580
581 .mmhidesubmenus{
582 display: none;
583 position: relative;
584 top: 1.4em;
585 left: 0;
586 width:150px;
587 padding:0;
588 margin:0;
589 padding-bottom:10px !important;
590 margin-bottom:10px;
591 background-color:#0072AC;
592 text-transform:capitalize;
593 z-index:20;
594 }
595
596 .mmhidesubmenusResources{
597 display: none;
598 position: relative;
599 top: 1.4em;
600 left: -4em;
601 width:150px;
602 padding:0;
603 margin:0;
604 padding-bottom:10px !important;
605 margin-bottom:10px;
606 background-color:#0072AC;
607 text-transform:capitalize;
608 z-index:20;
609 }
610
611 html>body .mmhidesubmenusResources{ /* non IE browsers */
612 left: -6em !important;
613 }
614
615 .mmhidesubmenus li{
616 padding:0 0 0 10px;
617 margin: 7px 0 0 0;
618 }
619
620 .mmhidesubmenusResources li{
621 padding:0 0 0 10px;
622 margin: 7px 0 0 0;
623 }
624
625 html>body .mmhidesubmenus li{ /* non IE browsers */
626 margin: 7px 15px 3px 0;
627 }
628
629 html>body .mmhidesubmenusResources li{ /* non IE browsers */
630 margin: 7px 15px 3px 0;
631 }
632
633 .mmhidesubmenus li a{
634 display: block;
635 font-size:12px !important;
636 line-height:14px !important;
637 color:#FFFFFF !important;
638 width: 120px;
639 text-transform:capitalize;
640 text-align:left;
641 }
642
643
644
645 .mmhidesubmenusResources li a{
646 display: block;
647 font-size:12px !important;
648 line-height:14px !important;
649 color:#FFFFFF !important;
650 width: 120px;
651 text-transform:capitalize;
652 text-align:left;
653 }
654
655
656
657 .mmhidesubmenus li a:hover{
658 color: red;
659 }
660
661
662 .mmhidesubmenusResources li a:hover{
663 color: red;
664 }
665
666 /* use this to change positioning of submenus below menu links */
667 #mmhidecsstopmenu li>ul {/* non IE browsers */
668 top: 1em;
669 left: -10px;
670 padding-bottom:10px;
671 width:150px;
672 }
673
674 #mmhidecsstopmenu li:hover ul, li.over ul {
675 display: block;
676 position:absolute;
677 }
678
679
680
681 html>body #clearmenu{ /* non IE browsers */
682 height: 3px;
683 }
684
685
686
687
688 .mmhideseparator {
689         color:#d5d6e1;
690         text-decoration: none;
691         padding:0;
692 }
693         
694                 
695 /* Hides from everyone but IE/Win \*/
696 * html #mmhidemainLinks {
697         padding:0 0 0 0;
698         }