* {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:950px;border:1px solid #000;text-align:left;
font-size:80%;margin:0 auto; background:#FFF;}

#header {height:57px; background-image:url(../images/header.jpg); background-repeat:no-repeat}
#header h1 {margin:0;padding:10px; font-size:0px}
#link{float:left; margin-left:13px; margin-top:10px; height:28px; width:341px}

#mainContent {background:#E2E2E2; margin:0; padding:7px 15px 20px 15px;}
#content {padding-left:10px; padding-right:10px}

/****************footer ************************/
#footer {background:#21528D;text-align:center;border-top:1px solid #000;font-size:80%;
color:#FFF; padding:3px 10px 3px 10px; clear:left}

#footer p {margin:0;padding:10px 0}

/************************* main pages  ***************************/
#topnav {padding:3px; border-bottom:1px solid; padding-right:10px; background: #696969; text-align:center; font-size:85%}

#breadcrumbs {text-align:left;padding-top:3px;padding-bottom:3px;padding-left:2px;background-color:#21528D;font-size:80%;color:#FFF;border-bottom:1px solid;font-weight:700;border-color:#000}

#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;}
    #alerttitle {padding: 3px 3px 3px 0; border-bottom:1px solid #fff; margin-bottom:5px; margin-left:-4px; margin-top:-5px; }
#logo {float:right; padding-right:10px; clear:both; margin-left:70px;}

#publicinfo {font-family:"Courier New", Courier, monospace; margin-right: 5px; font-size:13px}

#stormreports {margin-right: 5px; word-spacing: 3px; font-family:"Courier New", Courier, monospace; margin-right: 5px; font-size:110% }

#trafficalert {background:#FFC; border:1px solid #999; padding:1px}

/***************** table properties *******************/
table {margin:auto}
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}	
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,#sidebar1 a,#sidebar1 a:link,#sidebar1 a:visited {color:#03C;text-decoration:none}

#mainContent a:hover,#sidebar1 a:hover {text-decoration:underline;color:#003}

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

#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}

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

/*************micellaneous 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; margin-right:1px}
h2 {font-size:130%;color:#00F; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
h3 {font-size:110%;}
h4 {font-size:100%}
hr {color:#FFF; margin: 10px 150px 10px 150px}

/******SubTitle Classes******/
.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{font-weight:bold; color:#006}
.year {font-size:75%}

/***************** image properties *******************/
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;}