* { margin: 0; padding: 0; }

body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background: url(../images/cloudbackground.jpg) fixed; margin: 0 auto; text-align: center; color: #000;}
#container { position: relative; width: 960px; background:#e2e2e2; margin: 0 auto; text-align: left; font-size: 80%; border:1px solid #000;} 
#hurricaneheader { height: 57px; background: url(../hurricanetracker/images/header-hurricane.jpg) no-repeat #036} 
#hurricaneheader h1 { margin: 0; padding: 10px; font-size:0px; display:none }
#skipnav {display:none; }
#link{float:left; margin-left:13px; margin-top:10px; width:345px; height:31px}
#siteicon {float:right; margin-top:37px; text-align:center; width:20px;height:29px; margin-right:30px;}
#slogan{float:right; background:url(../hurricanetracker/images/slogan-hurr.gif) no-repeat; margin-right:5px; margin-top:37px; height:29px; width:240px; display:block }
#slogan a {display:block; height:29px;}

/*********************************************************
MENU
**********************************************************/
#menuwrapper {margin-left:20px;}
#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 7px 3px 7px;border-right:1px solid #333;text-align:left;}
#menubar a.trigger {padding: 3px 16px 3px 7px;background-image: url(../images/nav-arrow.gif);background-repeat: no-repeat;background-position: right;}
#menubar a.trigger:hover {padding: 3px 16px 3px 7px;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;border-right:0px solid #333}
#menubar li ul {position: absolute;display: none;background-color: #036;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: #036;text-decoration:underline;cursor:pointer;}
#menubar li:hover ul, #p7menubar 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}
#menubar li {width: auto;}
#menubar .hurricanenav:hover {background:#f00;border-right:0px}

/*********************************************************
MAIN CONTENT
**********************************************************/
#mainContent {background:#e2e2e2; padding:7px 15px 5px 15px; margin-bottom:10px;}
#content {background:#e2e2e2; padding-left:10px; padding-right:10px; margin-bottom:0px; overflow:auto; width:920px; min-height:355px;}   
#breadcrumbs {text-align:left; padding:1px 2px 6px 4px; font-size:0.8em;color:#FFF;border-bottom:1px solid #000; font-weight:700; background:#036; }
#topnav {border-bottom:1px solid; background: url(../images/menubackground.gif) repeat-x #696969; text-align:center; font-size:0.85em; clear:both; overflow:auto}
#logo {float:right; padding-right:5px; clear:both; margin-left:80px; overflow:visible }
#activecontent {width: 740px}
#misc {margin: 5px 0px 10px 10px; }
#nav { background:#F4F4F4; padding:2px; border-bottom:1px solid #fff; margin: -5px 93px 5px 0px; font-size:.80em; }
#frequency {float:left; padding-left:30px }
#preparelogo {float:right; padding-top:30px; padding-left:10px; padding-right:5px;}
#potentiallink {background: #F90; margin-right: 430px; margin-left: 75px; padding: 5px; border: 1px solid; color:#FFF}
#hurricanepagetitle {border-bottom: 0px solid #fff; padding-bottom:4px; background: url(../hurricanetracker/images/pagetitle-hurricane.gif) no-repeat; padding-top:6px; margin-right:85px; margin-top:-5px;}
#hurricanepagetitle h2 {color: #fff;font-family: Arial, Helvetica, sans-serif; margin-left:10px; }
#disclaimer {font-size:.70em; text-align:center;border-top: 1px dotted #fff; background:#F4F4F4; padding-bottom:5px; clear:both; padding-top:10px}

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

/*********************************************************
LINK PROPERTIES
**********************************************************/
#topnav a,#topnav a:link,#topnav a:visited {color:#fff;text-decoration:none}
#topnav a:hover {text-decoration:underline; color:#FF3}

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited  {color:#FFC; text-decoration: underline; }
#breadcrumbs a:hover  {text-decoration: none; color:#FF6; }

#link a {display:block;width:100%;height:100%;text-decoration:none;}
#link a:hover { text-decoration:none;}

#link-main a {display:block;width:100%;height:100%;text-decoration:none;}
#link-main a:hover { text-decoration:none;}

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

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

#hurricanefooter a,#hurricanefooter a:link,#hurricanefooter a:visited {color:#FFF;text-decoration:none}
#hurricanefooter a:hover {text-decoration:underline; color:#FF3}

/*********************************************************
TABLE PROPERTIES
**********************************************************/
th {text-align:left; border:1px solid #FFF; padding:2px; background:#FFFFCC}
td {color:#000;text-align:center; border:1px solid; border-color: #FFF; background:#F9F9F9}
table {margin: auto}
caption {font-size:14px; padding-bottom: 5px; color:#333; font-weight:bold}
.toprow {background: #036; color:#FFF; text-align:center; font-weight:bold}
.leftcolumn {text-align:left; background:#FFFFCC; padding:2px; font-weight:bold}
#weather td {border:0; padding:0}

/*********************************************************
PAGE PROPERTIES
**********************************************************/
.hrbar { border-bottom: #fff 2px solid; padding: 2px 0 2px 0; margin:0 20px 0 20px }
.hrbar2 { border-bottom: #fff 1px solid; margin:-10px 5px -10px 0px }
.hrbar3 { border-top: #fff 1px solid; padding: 0px 0 0px 0; width:50%; height:10px; margin:auto}
.hrbar4 { border-top: #fff 1px solid; width:50%; height:5px; margin-top:5px;}
.hrbar5 { border-top: #fff 1px solid; width:100%; height:5px; margin-top:5px; margin-right:1px}
h2 {font-size:130%}
h3 {font-size:105%; color:#003; margin-top:15px; text-align:left; }
h4 {font-size:110%}
pre {font-size:100%}
.hurricane {color:#F00;}
.tropicalstorm {color:#F60}
.depression {color:#060}

/********************************************************
IMAGE PROPERTIES
********************************************************/
img {border:1px solid;}
.external {border:0;}
a:link img { border: none }
a img { border: none }
#preparelogo img {border: none;}
#logo img {border:none;}

/*******************************************************
STORM DETAILS PAGE DIVS
********************************************************/
#misc h3 {font-size:120%;}
#windcontainter {margin-right:-50px; float:right; width:35%; overflow: visible;}
#nhc {float:right; text-align:right; margin-right:20px; margin-top:-17px; font-size:85%;}
#winds {background:#FF9; width:70px; float:right; font-size:1.0em; margin-top:-15px; border:1px solid #F00; padding:3px; text-align:center;}
#storminfo {margin-top:0}
#storminfo h2 {display:none;}
#stormdetailscontainer ul, #watchwarn ul, #stormhazard ul {margin-left:30px;}
.topheader {margin:0;}
.mapcourtesy, #advmap .mapcourtesy {font-size:.75em; text-align:right; padding-top:3px; clear:both; font-family:Verdana, Geneva, sans-serif;}
#sat {float:right; padding:0px 40px 5px 5px;}
#forecastdiscussion p, #watchwarn p, #watchwarn ul, #stormhazard p, #forecastcontent pre {font-family:'Courier New', Courier, monospace;font-size:1.0em;}
#advmap {float:right; padding: 0px 40px 5px 5px;}
#bottom {margin-right:5px; overflow:auto; border: 1px solid #FFF; background:#F4F4F4; margin-bottom:0px; clear:both; margin-top:10px;}
#forecast {float:left; padding-top:5px; padding-left:3px; width:39%}
#forecast pre {height:112px; font-size:1.05em}
#key {border-top:1px solid #666; font-size:80%; padding:1px; clear:both;}
#weather {float:left; padding-top:5px; margin-left:5px; padding-left:12px; width:58%;}
#weather h4 {font-size:.9em;}
#weather img {border:none;}
#weather ul {margin-left:20px;}
#cityconditions {float:left; width:32%; margin-left:6px; border-left:2px dotted #CCC; padding-left:15px; margin-top:5px; height:110px }
#nocities {margin-top:10px;}
#citynoscript {margin-top:5px; font-size:.85em; color:#F00;}
.currentcityheader {margin-top:4px;}
.currentupdate {font-size:.75em; padding-top:2px;}
.currentimage {float:left; padding:6px 6px 3px 0; }
.currenttemp {font-size:1.1em; padding-top:6px;}
.currentwind {font-size:.85em;}
#cityconditions img {padding-top:3px;}
#cities {float:left; margin-left:0px; margin-top:5px; width:61%; height:110px}
#advisories {margin-top:5px; font-size:.85em; overflow:auto; width:100%}
#ts {float:left; width:45%; padding-left:20px; height:90px; margin-top:0px; border-left:1px dotted #CCC}
#hurricane {float:left; ; width:46%; height:90px; padding-left:5px; margin-top:0px}
#weatherdisclaimer {text-align:center; font-size:.85em; padding:1px; margin:2px 0 0 0px; border-top:1px solid #666}

/**************************
PRINT STYLES
***************************/
@media print {
body {background:none;}
#topnav {display:none;}
#slogan {margin-right:20px;}
}