* {margin:0; padding:0;}

body {font:1.0em Verdana, Arial, Helvetica, sans-serif;background:url(../images/cloudbackground.jpg) fixed;text-align:center;color:#000;margin:0 auto;}
#container {position:relative; width:960px; text-align:left; font-size:0.8em; margin:0 auto; border:1px solid #333}

/****************************************************
	Header 
*****************************************************/
#header {height:57px; background:url(../images/header.jpg) no-repeat #21528D;}
#header h1 {font-size:0px; display:none}
#slogan{float:right; background:url(../images/slogan.gif) no-repeat; margin-top:37px; height:34px; width:270px; margin-right:60px;}
#specialimage {float:right; position:absolute; right:10px; top:5px;}
#skipnav {display:none;}
   
/***************************************************
	Top Navigation 
****************************************************/
#toplinks {text-align:left; padding:1px 2px 6px 4px; font-size:0.8em;color:#FFF;border-bottom:1px solid #000; font-weight:700; background:#21528D; color:#ffc;}
#topnav {border-bottom:1px solid; background: url(../images/menubackground.gif) repeat-x #696969; text-align:center; font-size:0.85em; clear:both; overflow:auto;}

/**************************************************
    Menu
**************************************************/
#menuwrapper {margin: 0 22px 0 22px;}
#menubar .border-left {border-left:1px solid #333;}
#menubar .borderleftsub {margin-left:0px;}
#menubar, #menubar ul {padding: 0; margin: 0; list-style: none;}
#menubar a {display: block;text-decoration: none; padding: 3px 8px 3px 8px; border-right:1px solid #333; text-align:left;}
#menubar a.trigger {padding: 3px 16px 3px 8px; background-image: url(../images/nav-arrow.gif); background-repeat: no-repeat;background-position: right;}
#menubar a.trigger:hover {padding: 3px 16px 3px 8px; background-image: url(../images/nav-arrow-hover.gif); background-repeat: no-repeat; background-position: right;}
#menubar li:hover .trigger {padding: 3px 16px 3px 8px;background-image: url(../images/nav-arrow-hover.gif); background-repeat: no-repeat; background-position: right;}
#menubar li {float: left;}
#menubar li ul, #menubar ul li {width: 150px;}
#menubar ul li a {color: #565656;border-right: 0; padding: 3px 5px 3px 5px;}
#menubar li ul {position: absolute; display: none; background-color: #21528D; border-bottom:1px solid #333; border-right:1px solid #333; border-left:1px solid #333; width:150px; padding-bottom:3px; padding-top:3px; margin-left:-1px; z-index:1000;}
#menubar li:hover a, #menubar li.hvr a {color: #ff3; background-color: #21528D; text-decoration:underline; cursor:pointer;}
#menubar li:hover ul, #menubar li.hvr ul {display: block;}
#menubar li:hover ul a, #menubar li.hvr ul a {color: #fff;background-color: transparent;border-bottom:1px solid #CCC;margin: 0px 5px 0px 5px;text-align:left;text-decoration:none;}
#menubar ul a:hover {background-color: #ffc !important; color: #000 !important; text-decoration: underline !important; border-bottom:1px solid #CCC;}
#menubar ul a {border-bottom:1px solid #CCC; margin: 0px 5px 0px 5px; z-index:1000;}
#menubar li {width:auto;}
#menubar .hurricanenav:hover {background:#f00;border-right:0px}

/*************************************************** 
	Main Content 
 ***************************************************/
#mainpagecontent {overflow:hidden; background:#fff;}
#mainContent {width:655px; background: #e2e2e2; margin:0 0px; padding:2px 0px 0; float:left; border-right:1px solid #333}

/*****ALET BOX PROPERTIES***/
#advisory {clear:both; padding:2px 2px 0px 4px; border-bottom:1px solid #fff; background:#f4F4F4; height:69px}
#alerts {font-size:.80em; padding:0px 2px 0px 12px; margin:2px 2px 0 0px; max-height:49px;}
#alerts p {padding: 1px 0 1px 0; }
#highlightnoalert {border-bottom:#999 1px dotted; background:#FFFFE8; padding-left:1px;color:#333; margin-bottom:2px; margin-right:60px;}
#highlightalert {border-bottom:#999 1px dotted; background:#FFFFE8; padding-left:1px;color:#333; margin-bottom:2px;}
#normal {color:#333; border-bottom:#999 1px dotted; background:#FFF; padding-left:1px; margin-right:60px; color:#333; margin-bottom:2px;}
#highlight {color:#333; border-bottom:#999 1px dotted; background:#FFF; padding-left:1px; margin-right:60px; color:#333; margin-bottom:2px;}
.alert2bottom {margin-bottom:-1px;}
#specialicon {float:right; margin-top:-15px; padding-right:5px}

#announcementcontent {float:left; width:348px;margin-right:5px;}
#alertcontent {float:left; width:215px; margin-top:0px;  }
#atomalerts {float:left; width:214px; height:45px; overflow:auto; padding:0px 0px 0px 5px}
#atomalerts p {margin-bottom:0px; background:#fffff8; border-bottom:1px dotted #999}
#atomalerts img {padding-left:3px;}
  
#advtitle {padding:1px 1px 0px 1px;}
#advtitle h2 {color: #FFF; font-size:1.05em; padding-left:1px; padding-bottom:1px;}
.blue {background:url(../images/titlebar/blue.gif) no-repeat;}
.orange {background:url(../images/titlebar/orange.gif) no-repeat;}
.red {background:url(../images/titlebar/red.gif) no-repeat;}
.green {background:url(../images/titlebar/green.gif) no-repeat;}
.purple {background:url(../images/titlebar/purple.gif) no-repeat;}
.yellow {background:url(../images/titlebar/yellow.gif) no-repeat;}
.brown {background:url(../images/titlebar/brown.gif) no-repeat;}
.darkblue {background:url(../images/titlebar/patriotic.gif) no-repeat;}
.mediumblue {background:url(../images/titlebar/medium-blue.gif) no-repeat;}
.maroon {background:url(../images/titlebar/maroon.gif) no-repeat;}
.titlebar {margin-left:10px;}
/******************************/

#currentconditions {margin-top:4px; width:655px; overflow:auto}
#wxicon {float:left; width:180px; margin-left:106px; background:url(../images/home/icon-background.png); margin-top:9px; height:162px;}
#wxicontitle h3 {font-size:0.9em; margin-top:9px;margin-left:2px}
#icon {text-align:center; margin-top:3px; }
#temp {padding-left:5px; font-size:220%; text-align:center; font-weight:bold; margin-top:2px}
#conditiontext {text-align:center; color:#036; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; margin-top:1px; font-weight:bolder}
#feelslike {width:178px; text-align:center; font-size:75%; margin-top:-4px;}
#dottedline {font-size:.60em;}
#info {float:left; margin-left: 40px; margin-top:7px;}
#precipcontainer {margin-top:10px; width:655px; overflow:auto}
#precip {margin:auto; clear:both; margin-bottom: 2px;}
#precip img {border:0;}
#almanaccontainer {border-top:1px solid #fff; background: #F4F4F4;clear: both; padding:2px 0px 3px 0px; margin-top:8px; width:655px;}
#records {float:left; padding-left:10px; font-size:.85em;}
#highlow {float:left; margin-left:7px; border-right:1px solid #CCC; font-size:.85em;}
#monthavg {float:left; margin-left:10px; border-right:1px solid #CCC; font-size:.85em;}
#statsnote {margin-left:210px; font-size:.70em; padding-top:2px; border-top:1px solid #e9e9e9; margin-top:2px; text-align:center; margin-right:8px;}

/*********************************************************
	Column 2
**********************************************************/
#sidebar {float:right; text-align:center; width:304px; padding:3px 0px 0px 0px; background:#FFF; }
#graphics {clear: both; margin:0px 9px 2px auto; overflow:hidden ; width:287px; height:328px}
#sevenday {float:left; margin-bottom:2px; clear:both;}
#forecast, #sat, #radar, #temperature {border:1px solid #000; margin-bottom:1px;}
#map {margin-top:0;}
#bottomsidebar { width:100%; margin-top:2px; clear:both; overflow:auto}	
#seasonalinfo {width:270px; margin:auto; margin-top:2px; background:#fffff8; border:1px solid #ccc; height:76px;}
#seasonalinfo p{font-size:.85em; margin-left:10px; padding-top:5px; text-align:left}
#seasonalinfo ul {text-align:left; margin-top:4px;}
#seasonalinfo img {border:none;}
#seasonalinfo h3 {margin-top:0; padding-top:3px}
#seasonalinfoimage {float:right; margin-top:2px; border:0px solid #666; margin-right:15px; text-align:left}
.icons-top {margin-top:6px;}
.icons-bottom {margin-top:5px;}

/********************************************************
	Footer
*********************************************************/
#footer {background: url(../images/footerbkgd.png) no-repeat; height:21px; text-align:center; color:#FFF; padding:0px; width:962px; margin:auto}
#footer p {margin:0; padding: 3px 0 3px 0; font-size:65%}

/****************************************************** 
	Link Properties 
*******************************************************/
#toplinks a,#toplinks a:link,#toplinks a:visited {color:#fff; text-decoration:none;}
#toplinks a:hover {text-decoration:underline; color:#FF3;}

#topnav a,#topnav a:link,#topnav a:visited, #footer a,#footer a:link,#footer a:visited {color:#fff; text-decoration:none;}
#topnav a:hover, #footer a:hover {text-decoration:underline; color:#FF3;}

#mainContent a,#mainContent a:link,#mainContent a:visited,#sidebar2 a, #ilink a,#ilink a:link,#ilink a:visited, #advisory a,#advisory a:link,#advisory a:visited{color:#03C; text-decoration:none;}

#alertannouncementcontainer a, #alertannouncementcontainer a:link,#alertannouncementcontainer a:visited{color:#03C; text-decoration:none;}
#alertannouncementcontainer a:hover {text-decoration:underline; color:#003}

#seasonalinfo a, #seasonalinfo a:link,#seasonalinfo a:visited{color:#03C; text-decoration:none;}
#seasonalinfo a:hover {text-decoration:underline; color:#003}

#advisory a, #advisory a:link,#advisory a:visited{color:#03C; text-decoration:none;}
#advisory a:hover {text-decoration:underline; color:#003}
 
#foliage a, #foliage a:link, #foliage a:visited{color:#600; text-decoration:none}
#foliage a:hover {text-decoration:underline; color:#003}

#winter a, #winter a:link, #winter a:visited{color:#60C; text-decoration:none}
#winter a:hover {text-decoration:underline; color:#003}

#hurricane a, #hurricane a:link, #hurricane a:visited{color:#f00; text-decoration:none}
#hurricane a:hover {text-decoration:underline; color:#003}

#ts a, #ts a:link, #ts a:visited{color:#f60; text-decoration:none}
#ts a:hover {text-decoration:underline; color:#003}

/********************************************************* 
	Image Properties 
*********************************************************/
img {border:1px solid;}
#wxicon img, #info img, #seasonalinfo img, #header img, #advisory img, #holiday img,#moon img, #currentsright img,#smalllogo img, a:link img, a img {border:none;}

/********************************************************
	Table Properties 
********************************************************/
caption {padding-bottom:3px; font-family: Arial, Helvetica, sans-serif;font-weight:700; }
th {text-align:left; border:1px solid #FDFDFD; padding:2px; background:#FFFFCC;}
td {color:#000; text-align:center; border:1px solid; border-color: #FDFDFD; background:#F4F4F4;}
#todaysvalues th{text-align:left; border:1px solid #F4F4F4; padding:1px; background:#F4F4F4;}
#todaysvalues td {color:#000; text-align:center; border:1px solid; border-color: #F4F4F4; background:#F4F4F4;}
#avg table {margin:auto}
#avg th{text-align:left; border:1px solid #F4F4F4; padding:1px; background:#F4F4F4;}
#avg td {color:#000; text-align:center; border:1px solid; border-color: #F4F4F4; background:#F4F4F4;}
#dailyrecords th{text-align:left; border:1px solid #F4F4F4; padding:1px; background:#F4F4F4;}
#dailyrecords td {color:#000; text-align:center; border:1px solid; border-color: #F4F4F4;background:#F4F4F4;}

/********************************************************
	List Properties 
********************************************************/
#advisory ul, #seasonalinfo ul {padding-left:30px; font-size: 0.85em;}

/*******************************************************
	Heading Properties
********************************************************/
h3{text-align:center; font-family: Arial, Helvetica, sans-serif;font-weight:700; font-size:0.85em;}

/*******************************************************
	Miscellaneous Properties
********************************************************/
p {margin:0; padding:0;}
.hrbar-main {border-bottom: #F2F2F2 1px solid; margin: 8px 0 5px 2px; padding:0;}

/**************************
   PRINT STYLES
***************************/
@media print {
body {background:none;}
}