* {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;text-align:left;
font-size:80%;margin:0 auto 0 auto; background:#e2e2e2; border:1px solid #333;}
#skipnav {display:none; }

/********************************
HEADER
*********************************/
#header {height:57px; background:url(../images/header.jpg) no-repeat #21528D;}
#header h1 {margin:0; padding:10px; font-size:0px; display:none}
#slogan{float:right; margin-top:37px; border:none; background:url(../images/slogan.gif) #21528D no-repeat; height:34px; width:270px}
#slogan img {border:none}
#link{float:left; margin-left:11px; margin-top:9px; height:26px; width:328px;}
#outsideTemp{float:right; margin-top:40px; font-size:1.3em; text-align:center; color:#EEE; width:60px; font-weight:bold;}

/*********************************
TOP NAVIGATION
**********************************/
#topnav {border-bottom:1px solid; background: url(../images/menubackground.gif) repeat-x #696969; text-align:center; font-size:0.85em; clear:both; overflow:auto}
#breadcrumbs {text-align:left; padding:1px 2px 6px 4px; font-size:0.8em; color:#fff; border-bottom:1px solid #000; font-weight:700; background:#21528D; }

/**********************************
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; border-right:0px solid #333}
#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 {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 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 PAGES  
****************************************/
#mainContent {background:#e2e2e2; margin:0; padding:7px 15px 20px 15px; }
#content {padding-left:10px; padding-right:10px;}
#pagetitle {border-bottom: 0px solid #fff; padding-bottom:4px; background:url(../images/pagetitle.gif) no-repeat; padding-top:6px; margin-right:85px; margin-top:-5px;}
#pagetitle h2 {color: #FFF;font-family: Arial, Helvetica, sans-serif; padding-left:10px; }
#pagedescription {margin: 2px 90px 5px 10px; font-size:.85em}
#pagedescription #nav { background:#F4F4F4; padding:2px; border-bottom:1px solid #fff; margin-bottom:4px; margin-right:3px; margin-top:-2px;font-size:.95em;}
#pagedescription p {padding-top:2px;}
#pagedescription h3 {font-size:1.4em; padding-top:2px}
#logo {float:right; padding-right:5px; clear:both; margin-left:80px;}
#publicinfo {font-family:"Courier New", Courier, monospace; margin-right: 5px; font-size:110%;}
#trafficalert {background:#FFFFD7; border:1px solid #ccc; padding:1px;}

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

/************************************* 
TABLE PROPERTIES 
**************************************/
table {margin:auto;}
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;}	
caption {font-size:110%; padding-bottom: 5px; color:#003; font-weight:bold; }

#iconkey td {text-align:left;font-size:80%;}
#iconkey th {text-align:center; background:#FFF; padding:1px; font-size:80%;}
.toprow {background:#21528D; color:#FFF; text-align:center; font-weight:bold; }
.currentmonth {background:#CFF;}
.title {text-align:left; border:1px solid #FDFDFD; padding:2px; background:#FFFFCC; font-weight:bold;}

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

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

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

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

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

/**************************************
MISCELLANEOUS PROPERTIES
***************************************/
.hrbar2 {border-bottom: #ccc 1px solid; padding: 2px 0 2px 0;}
.hrbar3 {border-top: #fff 1px solid; padding: 5px 0 5px 0; width:50%; height:10px; margin:5px 0 5px 0; width:100%;}
.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;}

h2 {font-size:130%;color:#003;}
h3 {font-size:100%; color:#003;}
h4 {font-size:100%}
hr {color:#FFF; margin: 10px 150px 10px 150px;}

/************************************
SUB-TITLE CATEGORIES
*************************************/
.watch-advisory {color:#F60;}
.warning {color:#F00;}
.flood-awareness {color:#060; margin-top:0px;}
.winter-awareness {color:#606; margin-top:0px;}
.severe-awareness {color:#f00; margin-top:0px;}
.lightning-awareness {color:#630; margin-top:0px;}
.county{color:#006;}
.year {font-size:75%;}

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

/*********************************** 
FEEDBACK FORM PROPERTIES
************************************/
#contact-wrapper {width:500px; border:1px solid #CCC; background:#F4F4F4; padding:12px; margin:auto; margin-top:28px;}
#contact-wrapper div {clear:both; margin:1em 0;}
#contact-wrapper #confirm {padding:10px; margin-top:40px; text-align:center; margin-bottom:40px;}
#contact-wrapper label {display:block; float:none; font-size:1.0em; width:auto;}
form#contactform input {padding:3px;border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; font-size:1.0em; border-width:1px; color:#333; border-style:solid;}
form#contactform textarea {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:1.0em; padding:2px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; color:#333;}
.error {color:#f00; font-size:0.85em !important;}

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