/* 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;
}