/* layout ********************************/ body { background-color: #FFFFFF; margin: 0; border: 0; } #widthAdjuster { position: absolute; left: 50%; top: 0; margin: 0; border: 0; padding: 0; margin-left: -385px; width: 770px; } /* content panel: left column ********************************/ #leftColumn { float: left; width: 470px; margin: 0; padding: 0; border: 0; } /* the notify network bar */ #notifyNetwork { background-color: #5F87B0; margin: 0; padding: 0; border: 1px #004586 solid; } #notifyNetwork th { font-family: Verdana, Arial, sans-serif; font-size: 80%; color: #ffffff; font-weight: normal; padding: 0; margin: 0; } #notifyNetworkLinks { float: right; font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #ffffff; width: 120px; background-color: #709FCF; border: 1px #90B7DF solid; padding: 2px; } #notifyNetworkLinks A { color: #ffffff; } /* content box */ .contentBox { border: 2px outset; padding: 3px 3px 10px 3px; margin: 3px 0 0 0; } .contentBox h2 { margin: -3px -3px 5px -3px; font-family: Verdana, Arial, sans-serif; font-size: 90%; font-weight: bold; text-decoration: none; padding: 3px 2px 3px 15px; background-color: #E1E6F1; background-image: url("images/content_h2.gif"); background-repeat: no-repeat; background-position: top right; border-bottom: 1px #808080 solid; color: #000000; } .contentBox p, .contentBox .text, .contentBox ol, .contentBox ul, .contentBox dl { font-family: Verdana, Arial, Verdana, sans-serif; font-size: 70%; color: #000000; line-height: 140%; } .contentBox ol, .contentBox ul, .contentBox dl { margin: 0 0 1.5em 1em; padding-left: 1em; } .contentBox .text { margin: 0 0 1.5em 0; } .contentBox A:link, .contentBox A:visited, .contentBox A:active, .contentBox A:hover{ color: #0000ff; font-weight: bold; text-decoration: underline; } .contentBox A:hover { color: #000000; } .contentBox .insetBox { padding: 0; border: 0; margin: 0; text-align: left; } .contentBox .insetBox td { font-weight: normal; vertical-align: top; } .contentBox .twoCol { text-align: left; } .contentBox .twoCol th { width: 50%; font-family: Verdana, Arial, sans-serif; font-size: 80%; color: #000000; background-color: #EFC83F; background-image: none; margin: 0; padding: 1px 0px 1px 3px; border-right: 2px #ffffff solid; } .contentBox .twoCol td { font-family: Verdana, Arial, Verdana, sans-serif; font-size: 70%; color: #000000; line-height: 140%; vertical-align: top; } .contentBox .twoCol ul { font-size: 100%; } .contentBox .twoCol A:link, .contentBox .twoCol A:visited, .contentBox .twoCol A:hover, .contentBox .twoCol A:active { font-weight: normal; } /* content panel: right column ********************************/ #rightColumn { float: left; width: 297px; margin-left: 3px; padding: 0; border: 0; } /* width adjustments ********************************/ /* IE */ #leftColumn .contentBox { width: 460px; } #leftColumn .contentBox .twoCol, #leftColumn .contentBox .insetBox { width: 450px; } #rightColumn .contentBox { width: 287px; } /* Mozilla (subtract 10) html>body #leftColumn .contentBox { width: 460px; } html>body #leftColumn .contentBox .twoCol, #leftColumn .contentBox .insetBox { width: 450px; } html>body #rightColumn .contentBox { width: 287px; } */ /* title banner ********************************/ #titleBar { width: 770px; height: 60px; margin: 0; padding: 0; padding-left: 1px; padding-right: 1px; } /* accessibility panel ********************************/ #accessWrapper { border: 0; margin: 0; padding: 0; width: 770px; font-size: 0.0em; } #access1, #access1 h1, #access1 .nosee { margin: 0; padding: 0; font-size: 0.0em; visibility: hidden; height: 0px; } #access2 { margin: 0; font-size: 0.0em; height: 1px; color: #ffffff; } /* top navigation row ********************************/ .rowLinksWrapper { width: 770px; display: block; background-color: #1F2F8F; border-bottom: 1px #ffffff solid; padding: 0; margin: 0; height: 24px; } .rowLinks ul { display: inline; list-style: none; position: relative; margin: 0; padding: 0; } .rowLinks li { display: inline; margin: -1px; } .rowLinks li a:link, .rowLinks li a:hover, .rowLinks li a:visited, .rowLinks li a:active { display: inline; font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; margin: 0px; padding: 0px 5px 0px 5px; color: #ffffff; border-right: 1px #ffffff solid; } .rowLinks li a:hover { background-color: #EFC83F; color: #000000; } .rowLinks li.last a:link, .rowLinks li.last a:hover, .rowLinks li.last a:visited, .rowLinks li.last a:active{ border: 0; } html>body .rowLinks li a { width: auto; } /* local forecast row ********************************/ #localforecast { width: 770px; background-color: #EFC83F; margin: 1px 0 1px 0; padding: 0; } #localforecast table { margin: 0; padding: 0; border: 0; } /* bottom info panel **********************************/ #bottomWrapper { float: left; width: 770px; border: 0; padding: 10px 0 20px 0; margin: 0; } #bottomWrapper table { width: 770px; border: 0; padding: 0; margin: 0 0 10px 0; font-family: Verdana, Arial, sans-serif; color: #000000; } #bottomWrapper th { text-align: left; font-size: 80%; font-weight: bold; background-color: #EFC83F; padding: 2px 0 2px 10px; border-bottom: 4px #999900 solid; } #bottomWrapper td { text-align: left; vertical-align: top; font-size: 70%; padding: 1px 0 1px 15px; font-weight: normal; } #bottomWrapper td a:link, #bottomWrapper td a:visited, #bottomWrapper td a:active { color: #000000; text-decoration: underline; } #bottomWrapper td a:hover { color: #0000ff; text-decoration: none; } /* unclassified fonts **********************************/ .smallText { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: normal; color: #000000; text-decoration: none; } .smallText a:link, .smallText a:active, .smallText a:hover, .smallText a:visited { font-weight: normal; color: #0000FF; text-decoration: underline; } .smallText a:hover { color: #000000; text-decoration: underline; } /* random stuff **********************************/ img { border: 0; } table caption, label { font-size: 0.0em; visibility: hidden; margin: 0; padding: 0; }