* {margin:0; padding:0}

body {font:100% Verdana, Arial, Helvetica, sans-serif;background:url(../images/cloudbackground.jpg) fixed;text-align:center;color:#000;margin:0 auto}
#container {position:relative; width:960px; background:#fff; text-align:left; font-size:80%; margin:0 auto; border:1px solid #000;}
#hurricaneheader {height:57px; background: url(../hurricanetracker/images/header-hurricane.jpg) no-repeat #036;}
#hurricaneheader h1 {font-size:0px; display:none}
#siteicon {float:right; margin-top:35px; 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;}
   
/****************************************
FOOTER PROPERTIES
****************************************/
#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%}

/***************************************
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:#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}

/**************************************
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 
***************************************/
#mainpagecontent {overflow:hidden;}
#mainContent {float:left;width:655px; border-right:1px solid #333; background: #e2e2e2; margin:0 0px; padding:2px 0px 0}
#advisory {clear:both; padding:2px 2px 0px 4px; border-bottom:1px solid #fff; background:#f4F4F4;}
#advtitle {padding:1px 1px 0px 1px;}
#advtitle h2 {color: #FFF; font-size:1.05em; padding-left:1px; padding-bottom:1px;}
.orange {background:url(../images/titlebar/orange.gif) no-repeat;}
.red {background:url(../images/titlebar/red.gif) no-repeat;}
.blue {background:url(../images/titlebar/medium-blue.gif) no-repeat }
.grey {background:url(../images/titlebar/grey.gif) no-repeat }
.green {background:url(../images/titlebar/green.gif) no-repeat;}
.titlebar {margin-left:10px;}
#alerts {font-size:.80em; padding:0px 2px 0px 12px; margin:2px 2px 0 0px; height:49px;}
#alerts p {padding-bottom:1px; padding-top:1px}
.siteslogan {border-bottom:#999 1px dotted; background:#FFFFE8; padding-left:1px; margin-right:60px; 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;}
.alert2bottom {margin-bottom:-1px;}
#specialicon {float:right; margin-top:-15px; padding-right:5px}

/****************************************
STORM INFORMATION 
****************************************/
#storminfo {margin-left:4px; margin-top:11px; padding-bottom:13px; clear:both; overflow:auto; margin-right:4px}
#activitymap {float:left; width:44%; margin-left:12px}
#storminformation {float:left; width:51%; margin:auto; background:#F4f4f4; ; margin-left:5px; border:1px solid #fff; height:210px;}
#activestorminfo {height:122px;}
#activestormnotes {padding-top: 3px; margin-left:10px; font-size:.75em; color:#666;}
#noactivestormnotes {padding-top: 3px; margin-left:10px; font-size:.85em;}
.active {margin:5px 10px 7px 10px; padding-bottom:1px; height:16px; font-size:.85em; background:#FFFFFF; border-bottom:1px dotted #CCCCCC; padding:2px 0 0 2px}
.winds {color:#999999; font-size:1.0em; float:right; margin-top:-13px; padding-right:3px}
#activedevelopmentinfo {height:88px;}
#developmenttitle, #activestormtitle {padding:1px; padding-left:2px; background:#FFFFD7; border-bottom:1px solid #ccc; color:#036; margin-left:5px; width:315px}

/****************************************
SAFFIR SIMPSON SCALE/DISCLAIMER
****************************************/
#saffirsimpson {margin-bottom:4px; width:100%; padding-bottom:10px; clear:both; padding-top:0px; overflow: auto}
#disclaimer {text-align:center; font-size:.70em;}
#disclaimer p {padding-bottom:6px;}

/******************************************** 
SIDEBAR PROPERTIES
*********************************************/
#sidebar {float:right; width:285px; padding:3px 11px 3px 3px; text-align:center;}
#graphics {clear: both; margin-bottom:2px; overflow:hidden ; width:287px; height:328px}
#atlsat {float:left; margin-bottom:3px; clear:both;}
#map {margin-top:0;}
#bottomsidebar {  width:287px; margin-top:6px; clear:both; overflow:hidden}
#dropdowns {overflow:auto; margin-top:10px; width:285px; margin:auto; padding-bottom:5px; margin-left:0px; height:60px; padding-top:5px}
#atlstorms {background:#FFFFE8; border:1px solid #CCC; font-size:.85em; width:265px;  padding:3px 0 3px 0; margin:2px 10px 10px 10px}
#monthlysummary {float:right;  width:48%}
#archive {float:left;width:48%; padding-left:3px}
  
/******************************************** 
LINK PROPERTIES
*********************************************/
#toplinks a,#toplinks a:link,#toplinks a:visited {color:#FFC;text-decoration:underline}
#toplinks a:hover {text-decoration:none;color:#FF6}

#topnav a,#topnav a:link,#topnav a:visited, #hurricanefooter a,#hurricanefooter a:link,#hurricanefooter 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, #bottomsidebar a, #bottomsidebar a:link, #bottomsidebar a:visited{color:#03C;text-decoration:none}

#mainContent a:hover, #ilink a:hover, #advisory a:hover, #bottomsidebar a:hover {text-decoration:underline; color:#003}

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

#mainContent .hurricane a, #mainContent .hurricane a:link, #mainContent .hurricane a:visited {color:#F00; text-decoration:none}
#mainContent .hurricane 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}

/*******************************************
IMAGE PROPERTIES
*******************************************/
img {border:1px solid;}
#bottomsidebar img {border:none}
#header img, #advisory img, a:link img, a img {border:none;}

/***************************************** 
TABLE PROPERTIES
******************************************/
caption {font-size:1.1em; padding-bottom: 5px; color:#333; font-weight:bold}
table {margin:auto; font-size:.85em}
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}
.toprow {background: #036; color:#FFF; text-align:center; font-weight:bold }
.leftcolumn {text-align:center; background:#FFFFCC; padding:2px; font-weight:bold}

/*****************************************
HEADING PROPERTIES
******************************************/
h2 {font-size:85%}
h3{font-size:85%;}
#bottomsidebar h3 {margin-top:10px; font-size:85%; padding-bottom:2px; padding-top:2px}

/****************************************
MISCELLANEOUS PROPERTIES
****************************************/
p {margin:0; padding:0}
.hrbar-main {border-bottom: #ccc 1px solid; margin: 0px 0 5px 3px; padding:0 }
.hrbar {border-bottom: #fff 1px solid; margin: 10px 0 10px 3px; padding:0 }
.hurricanearrow {color:#FF0000;}
.tropstormarrow {color:#FF9900;}
.depressionarrow {color:#060;}

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