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         }