BODY { background-color: #F5F5F5; color: #333; font: 0.8125em/1.1em Verdana, sans-serif; margin-top: 0; }

a:link { color: #00F; }
a:visited { color: #00F; }
a:active { color: #7B7DC6; }

IMG, TABLE { border: 0; }
FORM { margin: 0 0 0 0; }
BR.clear { clear: both; }
P.gap { margin: 0; padding: 0; line-height: 20px; }
.b { font-weight: bold; }
.red { color: #F00; }
.gray { color: #F00; }
.icons { border: 1px solid #999; }
.wuLink { color: #008; font-size: 0.85em; font-weight: normal; }
.extLink { color: #F00; font-size: 0.85em; font-weight: normal; }

#adsense { clear: both; text-align: center; margin: 10px 0 10px 0; }
#container { width: 750px; margin-left: auto; margin-right: auto; border: 1px solid #4245AD; background-color: #FFF; color: #333; }
#validate { width: 750px; text-align: right; margin-left: auto; margin-right: auto; }
#validate IMG { margin: 5px; }

#header { background-color: #FFF; color: #333; }
#header #logo { width: 150px; text-align: center; float: left; }
#header #logo #websites { font-size: 0.85em; line-height: 1em; color: #666; margin-top: 3px; padding: 0; text-align: center; }
#header #logo #websites A { text-decoration: none; }
#header #logo #websites A:hover { text-decoration: underline; }
	
#header #display { width: 600px; text-align: left; float: right; }
#header #display #prefs { border: 0; height: 21px; }
#header #display #prefs #menu { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#header #display #prefs #menu LI { float: right; list-style-type: none; margin: 0 0 0 0; }
#header #display #prefs #menu LI A { display: block; text-align: center; height: 20px; line-height: 20px; text-decoration: none; }
#header #display #prefs #menu LI A:hover { text-decoration: underline; }
#header #display #prefs #menu LI A.unit { border-bottom: 1px solid #7B7DC6; border-left: 1px solid #7B7DC6; background-color: #F5F5F5; width: 60px; color: #008; text-transform: lowercase; }
#header #display #prefs #menu LI A.set { background-color: #DEF }
#header #display #prefs #menu LI A.page { border-bottom: 1px solid #7B7DC6; border-left: 1px solid #7B7DC6; background-color: #4245AD; width: 118px; color: #FFF; }
#header #display #prefs #menu LI A.page:hover { background-color: #7B7DC6; color: #FFF; }
#header #display #search { clear: both; border: 0; }
#header #display #search #searchText { border: 1px solid #999; width: 250px; background-color: #FFC; color: #333; }
#header #display #search #searchButton { font-size: 10px; }
#header #display #search P { font-size: 0.8em; color: #666; margin: 5px 0 5px 0; }
#header #display #search P SPAN { font-weight: bold; }

#header #recent { clear: both; }
#header #recent P { font-size: 0.9em; line-height: 1em; color: #666; margin: 0; padding: 0; }
#header #recent DIV { font-size: 0.9em; }
#header #recent A { color: #4245AD; white-space: nowrap; }

#content { width: 750px; padding-bottom: 10px; }
#content H1 { font-size: 1.3em; margin: 0; }
#content H2 { font-size: 1em; padding: 2px 0 2px 0; margin: 0 0 0 0; background-color: #4245AD; color: #FFF; border-bottom: 1px solid #7B7DC6; }
#content H3 { font-size: 1.2em; margin: 5px 0 5px 0; }
#content H4 { font-size: 1.1em; margin: 10px 0 0 0; font-weight: normal; }
#content H5 { font-size: 0.9em; margin: 0; font-weight: normal; }

#content #mapBox { clear: both; height: 380px; margin: 10px 10px 10px 20px; }
#content #mapBox #mapTypes { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; margin-top: 10px; width: 126px; float: left; background-color: #F5F5F5; }
#content #mapBox #mapTypes DIV { background-color: #DDD; font-weight: bold; padding: 2px 0 2px 2px; font-size: 0.8em; }
#content #mapBox #mapTypes UL { list-style: none; margin: 0; padding: 0; }
#content #mapBox #mapTypes UL LI { list-style: none; margin: 0; padding: 0; }
#content #mapBox #mapTypes UL LI A { background-color: #F5F5F5; height: 1.2em; line-height: 1.2em; width: 120px; border-left: 3px solid #F5F5F5; padding-left: 3px; display: block; color: #0D2474; text-decoration: none; margin: 3px 0 3px 0; }
#content #mapBox #mapTypes UL LI A.set { background-color: #FFF; font-weight: bold; height: 1.2em; line-height: 1.2em; width: 120px; border-right: 1px solid #FFF; border-left: 3px solid #7B7DC6; padding-left: 3px; display: block; color: #0D2474; text-decoration: none; margin: 3px 0 3px 0; }
#content #mapBox #mapTypes UL LI A:hover { background-color: #FFF; height: 1.2em; line-height: 1.2em; width: 120px; border-right: 1px solid #FFF; border-left: 3px solid #4245AD; padding-left: 3px; display: block; color: #0D2474; text-decoration: none; margin: 3px 0 3px 0; }

#content #dailyBox { margin: 20px 20px 0 20px; border: 1px solid #7B7DC6; }
#content #dailyBox #dailyPic { float: left; width: 125px; text-align: center; margin: 10px 0 0 0; }
#content #dailyBox #dailyPic IMG { border: 1px solid #333; }
#content #dailyBox #dailyPic H6 { margin: 5px 0 5px 0; }
#content #dailyBox #dailyPic H6 A { color: #4245AD; }
#content #dailyBox #dailyText { padding: 0 10px 10px 10px; }
#content #dailyBox #dailyText P { margin: 10px 0 10px 0; }

#warningNotice { margin: 20px 20px 0 20px; }
#warningNotice SPAN { font-weight: bold; color: #F00; }
.warning { margin: 20px 20px 0 20px; border: 1px solid #7B7DC6; text-align: center; }
.warning H2 { text-align: left; margin-bottom: 10px; }
.warning SPAN { font-weight: bold; white-space: nowrap; }
.warning .text { width: 500px; text-align: left; margin: 5px 0 10px 20px; }
.warning .text H4 { color: #F00; }

#current { margin: 20px 20px 0 20px; }
#current H1 { margin: 0 0 10px 0; }
#current #conditions { width: 300px; display: block; float: left; border: 1px solid #7B7DC6; }
#current #conditions #icon { width: 80px; height: 50px; margin: 10px 0 10px 0; display: block; float: left; text-align: right; }
#current #conditions #main { width: 200px; height: 50px; margin: 10px 0 10px 0; display: block; float: right; text-align: center; }
#current #conditions #other { clear: both; }
#current #conditions #other BR { clear: both; }
#current #conditions #other H5 { clear: both; background-color: #F5F5F5; color: #333; font-size: 0.8em; text-align: center; }
#current #conditions #other DIV { display: block; width: 200px; float: right; margin-bottom: 10px; }
#current #conditions #other SPAN { font-weight: bold; }
#current #conditions #other LABEL { display: block; width: 80px; float: left; margin-bottom: 10px; text-align: right; }
#current #radar { width: 140px; display: block; float: left; margin-left: 20px; border: 1px solid #7B7DC6; }
#current #radar .expand { background-color: #F5F5F5; color: #333; font-size: 0.8em; padding-left: 3px; }

#forecast { margin: 0 20px 0 20px; border: 1px solid #7B7DC6; }
#forecast #warning { border-bottom: 1px solid #CC9; background-color: #FFC; font-weight: bold; color: #F00; padding: 3px; }
#forecast TABLE { width: 100%; }
#forecast SPAN { font-weight: bold; }
#forecast TD { width: 19.9%; padding: 3px 3px 3px 3px; border-right: 1px solid #D3D8E1; border-bottom: 1px solid #D3D8E1; border-left: 1px solid #D3D8E1; font-size: 11px; text-align: center; vertical-align: top; background-color: #F5F5F5; }
#forecast TD IMG { border: 1px solid #9EA2A8; width: 50px; height: 50px; margin: 3px 0 3px 0; }
#forecast P { margin: 5px 0 10px 10px; padding: 0 0 0 0; }
#forecast .click { text-align: center; font-size: 0.8em; margin: 5px 0 5px 0; }
#forecast .click A { color: #00F; text-decoration: underline; }
#forecast #details { padding: 10px 5px 5px 5px; clear: both; }
#forecast #details1 { display: block; }
#forecast #details2 { display: none; }
#forecast #details3 { display: none; }
#forecast #details4 { display: none; }
#forecast #details5 { display: none; }
#forecast .on { border-bottom: 1px solid #FFF; background-color: #FFF; cursor: default; }
#forecast .off { border-bottom: 1px solid #D3D8E1; background-color: #F5F5F5; cursor: pointer; }
#forecast SPAN.hi { font-weight: normal; color: #F00; }
#forecast SPAN.lo { font-weight: normal; color: #00F; }

#intForecast { margin: 0 20px 0 20px; border: 1px solid #7B7DC6; }
#intForecast TABLE { width: 100%; }
#intForecast TABLE TR TD { padding: 5px; border-bottom: 1px solid #CCC; }
#intForecast TABLE TR TD IMG { border: 1px solid #9EA2A8; width: 50px; height: 50px; }
#intForecast SPAN { font-weight: bold; }
#intForecast P { font-size: 0.8em; text-align: center; background-color: #F5F5F5; margin: 0; padding: 2px 0 2px 0; }
#intForecast #nonCA TR TD { text-align: center; font-size: 0.85em; }
#intForecast #nonCA TR TD .intIcon { margin: 3px 0 3px 0; }
#intForecast SPAN.hi { font-weight: normal; color: #F00; }
#intForecast SPAN.lo { font-weight: normal; color: #00F; }

#nexrad { margin: 20px 20px 10px 20px; text-align: center; }
#nexrad DIV { margin: 20px 0 10px 0; }
#nexrad #mapControls { list-style: none none; margin: 0 0 0 175px; padding: 0 0 5px 0; }
#nexrad #mapControls LI { margin: 10px 0 10px 20px; padding: 1px 0 1px 5px; float: left; }
#nexrad #mapControls LI A { border: 1px solid #7B7DC6; background-color: #FFF; height: 20px; line-height: 20px; width: 140px; display: block; color: #0D2474; text-decoration: none; text-align: center; }
#nexrad #mapControls LI A:hover { text-decoration: underline; }
#nexrad #mapControls LI A.set { background-color: #DEF; }

#radarMap { margin: 20px 20px 10px 20px; text-align: center; }
#radarMap #imageMap IMG { border: 1px solid #666; }
#radarMap #iconKey { margin: 10px 0 20px 0; line-height: 15px; white-space: nowrap; }
#radarMap P SPAN { font-weight: bold; }

#locations { display: block; float: left; width: 224px; background-color: #F5F5F5; border: 1px solid #DDD; margin-left: 20px; }
#locations #nearby DIV { background-color: #DDD; font-weight: bold; padding: 2px 0 2px 2px; font-size: 0.8em; }
#locations #nearby UL { margin: 0; padding: 0; list-style-type: none; }
#locations #nearby UL LI { margin: 5px 5px 5px 5px; background-color: #FFF; border: 1px solid #DDD; }
#locations #nearby UL LI A { font-weight: normal; font-size: 0.9em; }
#locations #nearby UL LI DIV { background-color: #FFF; font-weight: normal; }
#locations #nearby IMG { height: 30px; width: 30px; display: block; float: left; border-right: 1px solid #DDD; margin-right: 5px; }

#mapImages { float: left; width: 577px; }
#mapActive { width: 345px; float: left; padding: 10px 0 0 0; margin: 0 0 0 10px; }
#mapActive DIV { margin-top: 5px; }
#mapActive #mapControls { list-style: none none; margin: 0 0 0 0; padding: 0 0 5px 0; }
#mapActive #mapControls LI { margin: 10px 0 10px 20px; padding: 1px 0 1px 5px; float: left; }
#mapActive #mapControls LI A { border: 1px solid #7B7DC6; background-color: #FFF; height: 20px; line-height: 20px; width: 140px; display: block; color: #0D2474; text-decoration: none; text-align: center; text-transform: capitalize; }
#mapActive #mapControls LI A:hover { text-decoration: underline; }
#mapActive #mapControls LI A.set { background-color: #DEF; }
#mapActive H6 { clear: left; text-align: center; width: 345px; margin: 5px 0 5px 0; font-weight: normal; font-size: 0.8em; }
#mapActive H6 SPAN { font-weight: bold; }
#mapLocation { float: right; width: 210px; text-align: center; }
#mapLocation IMG { margin: 20px 0 5px 0; }
#mapLocation SELECT { margin: 5px 0 0 0; width: 200px; border: 1px solid #999; background-color: #FFC; }
#mapLocation #mapMore P { font-weight: bold; font-size: 0.85em; text-align: left; margin: 20px 0 5px 0; }

#cityList { margin: 20px 20px 10px 20px; border: 1px solid #7B7DC6; }
#cityList H2 SPAN { color: #FFF; font-size: 0.8em; font-weight: normal; padding: 2px 0 2px 3px; margin: 0; }
#cityList TABLE { width: 100%; }
#cityList TABLE THEAD TR TD { padding: 3px 0 3px 3px; background-color: #7B7DC6; border-bottom: 1px solid #4245AD; color: #FFF; }
#cityList TABLE TBODY TR TD { padding: 3px 0 3px 3px; border-bottom: 1px solid #CCC; font-size: 0.9em; }
#cityList TABLE TBODY TR TD A { text-decoration: none; display: block; width: 100%; }

#severe { margin: 20px 20px 10px 20px; }
#severe #usMap { text-align: center; }
#severe #usMap SPAN { font-weight: bold; }
#severe #states { background-color: #F5F5F5; border: 1px solid #CCC; padding: 0 10px 20px 10px; }
#severe #states P { font-weight: bold; }
#severe #counties FIELDSET { margin-top: 20px; padding: 20px 10px 20px 10px; }
#severe #counties FIELDSET LEGEND { font-weight: bold; font-size: 1.2em; }
#severe #counties FIELDSET DIV { font-weight: bold; margin-top: 20px; }
#severe #counties FIELDSET P { margin: 10px 10px 10px 10px; }
#warningZone { margin: 20px 20px 10px 20px; }

#tropical { margin: 20px 20px 10px 20px; }
#tropical H1 { text-align: center; }
#tropical #tropicalMap { margin-top: 20px; text-align: center; }
#tropical #advisories { margin-top: 20px; border: 1px solid #7B7DC6; }
#tropical #advisories H4 { margin: 0; padding: 1px 0 1px 5px; font-weight: bold; font-size: 0.85em; background-color: #F5F5F5; border-bottom: 1px solid #CCC; }
#tropical #advisories .storm { padding: 10px; }
#tropical #advisories .storm P { margin: 5px 0 0 20px; }
#tropical #advisories .storm DIV { font-weight: bold; }
#tropical #resources { margin-top: 20px; border: 1px solid #7B7DC6; }
#tropical #resources H4 { margin: 0; padding: 1px 0 1px 5px; font-weight: bold; font-size: 0.85em; background-color: #F5F5F5; border-bottom: 1px solid #CCC; }
#tropical #resources #si { padding: 10px 20px 10px 20px; }
#tropical #resources #si TD { height: 1.5em; line-height: 1.5em; padding-right: 50px; white-space: nowrap; }
#tropical #resources #hurricanes UL { margin: 5px 0 10px 20px; padding: 0; }
#tropical #resources #hurricanes UL LI { margin: 5px; list-style-type: none; float: left; }
#tropical #resources #hurricanes UL LI A { display: block; width: 150px; height: 1.5em; line-height: 1.5em; text-align: center; border: 1px solid #CCC; }
#tropical #resources #hurricanes UL LI A:hover { background-color: #DEF; }
#tropical #resources #hurricanes P { clear: both; text-align: center; margin: 10px 0 20px 0; padding-top: 10px; }
#tropical #resources #hurricanes A { text-decoration: none; color: #4245AD; }
#tropical #resources #hurricanes A:hover { text-decoration: underline; }
#tropical #additional { margin-top: 20px; border: 1px solid #7B7DC6; }
#tropical #discussions { margin-top: 20px; border: 1px solid #7B7DC6; }

#storm { margin: 20px 20px 10px 20px; }


#zoomSat { margin: 20px 20px 10px 20px; text-align: center; }
#zoomSat P { text-align: left; }
#zoomSat #flashcontent { width: 700px; display: block; overflow: hidden; text-align: center; margin-top: 20px; }
#aboutSat { margin: 20px 20px 10px 20px; }
#aboutSat H1 { margin-bottom: 20px; }
#aboutSat TABLE { border-bottom: 1px solid #4245AD; margin-top: 10px; }
#aboutSat TD { vertical-align: top; }
#aboutSat .titleBar { background-color: #7B7DC6; color: #FFF; border-bottom: 1px solid #4245AD; padding: 1px 0 1px 3px; font-weight: bold; }
#aboutSat .sideBar { padding: 5px; font-weight: bold; background-color: #F5F5F5; border-right: 1px solid #EEE; border-left: 1px solid #4245AD; }
#aboutSat .answer { padding: 5px; border-right: 1px solid #4245AD; }

#blog { margin: 20px 20px 10px 20px; }
#blog .entry { margin: 10px 0 20px 0; }
#blog .entry .time { background-color: #F5F5F5; padding: 2px; margin-bottom: 10px; border-top: 1px solid #CCC; }
#blog .entry IMG { margin: 10px; max-width: 640px; }
#blog .entry .comments { background-color: #F5F5F5; padding: 2px; margin-top: 5px; text-align: center; }
#blog .short { padding: 5px; border: 1px solid #CCC; margin: 5px 0 20px 0; }
#blog .short .time { background-color: #F5F5F5; padding: 2px; margin-bottom: 10px; }
#blog .short IMG { margin: 10px; max-width: 640px; }

#background { margin: 20px 20px 10px 20px; }
#bio { margin: 20px 20px 10px 20px; }
#bio #person { display: block; float: left; width: 300px; }
#bio #person P { text-align: justify; }
#bio #person DIV { margin-top: 5px; }
#bio #person IMG { border-top: 1px solid #999; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #999;  }
#bio #staff { display: block; float: right; width: 380px; background-color: #F5F5F5; margin-top: 35px; }
#bio #staff #title { background-color: #DDD; font-weight: bold; padding: 2px 0 2px 2px; font-size: 0.8em; }
#bio #staff .staffCol { display: block; float: left; width: 185px; }
#bio #staff .staffCol UL { list-style-type: none; margin: 0; padding: 0; }
#bio #staff .staffCol UL LI { margin: 10px 0 5px 10px; background-color: #FFF; padding: 3px; border: 1px solid #DDD; }
#bio #staff .staffCol UL LI A { font-weight: normal; color: #00F; }
#bio #staff .staffCol UL LI DIV { margin-top: 5px; font-size: 0.8em; }
#bio #staff #hiring { background-color: #FFF; clear: both; text-align: center; border-left: 10px solid #F5F5F5; border-right: 10px solid #F5F5F5; border-top: 5px solid #F5F5F5; padding: 5px; }
#bio #staff #hiring A { text-decoration: none; color: #4245AD; white-space: nowrap; font-weight: bold; }
#bio #staff #hiring A:hover { text-decoration: underline; }

#employment { margin: 20px 20px 10px 20px; }
#employment UL LI { margin-top: 5px; }
#employment H3 { background-color: #F5F5F5; border-bottom: 1px solid #DDD; padding: 2px; font-size: 1.2em; margin-top: 10px; }

#aboutLite { margin: 20px 20px 10px 20px; }
#aboutLite H1 SPAN { font-style: italic; }
#aboutLite UL { margin-top: 0; padding-bottom: 10px; }
#aboutLite UL LI { margin-top: 20px; list-style-image: url(http://icons.wunderground.com/graphics/wund/right_arrow.gif); }
#aboutLite UL LI SPAN { font-weight: bold; }
#aboutLite UL LI P { margin: 5px 0 5px 0; }
#aboutLite UL LI DIV A { text-decoration: none; color: #7B7DC6; }
#aboutLite UL LI DIV A:hover { text-decoration: underline; }

#careers { margin: 20px 20px 10px 20px; }
#careers #open { margin-top: 20px; border: 1px solid #7B7DC6; }
#careers #open H4 { margin: 0; padding: 1px 0 1px 5px; font-weight: bold; font-size: 0.85em; background-color: #F5F5F5; border-bottom: 1px solid #CCC; }
#careers #open .description { margin: 10px; }

#error { margin: 20px 20px 10px 20px; }
#error #message { font-weight: bold; color: #F00; }
#error SPAN { font-weight: bold; }

#footer { clear: both; text-align: center; border-top: 1px solid #CCC; margin: 20px 20px 0 20px; padding-bottom: 10px; }
#footer P { font-size: 0.8125em; margin: 0 0 0 0; padding: 5px 0 5px 0; }