* {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:950px; background:#FFf;border:1px solid #000; text-align:left; font-size:0.8em; margin:0 auto}
#header {height:57px; background-image:url(../images/header.jpg);}
   #header h1 {font-size:0px; visibility:hidden}
   #topicon{float:right; margin-right:25px; margin-top:5px}
   #text {float:right; margin-right:25px; margin-top:3px; }
    .codeorange {color:#Fff; text-align:center; padding:2px 4px 2px 4px; border:1px solid #FF0; background:#f90; font-size:.75em; font-family:Verdana, Geneva, sans-serif}
	.codered {color:#Fff; text-align:center; padding:1px 4px 1px 4px; border:1px solid #FF0; background:#f00; font-size:.75em; font-family:Verdana, Geneva, sans-serif}
	#holiday{float:right; margin-right:5px; margin-top:0px}
    #holidaytext {float:right; margin-right:10px; margin-top:5px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:#F00; text-align:right; font-size:.90em}
/****************footer ************************/
#footer {background:#21528D; border-top:1px solid #000; color:#FFF; padding:3px 10px 3px 10px; font-size: 0.8em; text-align:center }
   #footer p {margin:0;padding:10px 0}

/*************************top navigation **************************/
#toplinks {text-align:left; padding-top:3px; padding-bottom:3px; background-color:#21528D; font-size:0.8em;color:#FFF;border-bottom:1px solid; font-weight:700; padding-left:2px; border-color:#000}
#topnav {padding:3px; border-bottom:1px solid; padding-right:10px; background: #696969; text-align:center; font-size:0.85em}
#shortmsg {float:right; color:#FF0; padding-right:3px;}

/************************* main ***************************/
#mainContent {width:650px; border-right:1px solid #000; background: #E2E2E2; margin:0 0px; padding:2px 0px 0}

#advisory {clear:both; padding:1px 2px 2px 2px; border-bottom:1px solid #FFF; margin-left:5px; margin-right:5px; margin-top:1px;}
  #advtitle {margin-right:46px; 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}
  .patriotic {background:url(../images/titlebar/patriotic.gif) no-repeat}
  .maroon {background:url(../images/titlebar/maroon.gif) no-repeat}
  .titlebar {margin-left:10px}
  
  
  /******red value is #F00*****/
  /******orange value is #FF9900*****/
  
#snow {float: right; background:#ffc; padding:2px 5px 2px 5px; margin-top:1px; margin-right:10px; font-size: 0.85em; margin-bottom:-2px}

#currentconditions {margin-top:5px;margin-left:102px  }
  #wxicon {float:left; width:180px; background: url(../images/home/icon-background.png); margin-top:9px; height:162px; }
  #wxicontitle h3 {font-size:0.95em; margin-top:9px}
  #icon {text-align:center; margin-top:2px;}
  #feelslike {width:176px; text-align:center; font-size:85%; margin-top:-5px}
  #info {float:left; padding-left: 41px; margin-top:7px;}
 
#currentscontainer {clear:both; margin-top:10px; width:650px}
  #currentsright {float:left; padding-left:50px; clear:both; margin-bottom: 2px;}

#almanaccontainer {border-top:1px solid #fff; background: #F4F4F4;clear: both; padding:2px 0px 3px 0px; margin-top:10px; width:650px}
  #moon {text-align: center; margin-right:12px; margin-left:6px; background:#000; border: 1px solid #666; padding-bottom:1px; }
  #monthavg {float:right; margin-right:10px}
  #highlow {float:left; margin-left:15px}
  #astro {float:left; margin-left: 53px}

/************* column 2*******************/
#sidebar2 {position:absolute;right:10px;width:276px;background:#FFF;padding:4px 3px 0px 0px;text-align:center; margin:auto}
#graphics {clear: both; margin-bottom:4px;}
   #sevenday {float:left; margin-bottom:2px; clear:both}
#bottomsidebar { width:100%}	
#flood {margin:3px 25px 0px 25px; background:green; border:#C0C0C0 1px solid; padding:2px}

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

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

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

/***************** image properties *******************/
img {border:1px solid;}
#wxicon img, #info 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}
#sunrisesunset th{text-align:left; border:1px solid #F4F4F4; padding:1px; background:#F4F4F4}
#sunrisesunset td {color:#000;text-align:center; border:1px solid; border-color: #F4F4F4;background:#F4F4F4}

/***************** list properties *******************/
ul {padding-left:30px; font-size: 0.85em;}
li {padding-bottom:0.95px; padding-top:0.95px;}
.mainbullet {list-style:none;}
.mainbullet-2adv {list-style:disc; margin-left:10px}
.sub-bullet-disc {list-style:square; font-size:1.15em;}
/**************header properties***************/
h3{text-align:center; font-family: Arial, Helvetica, sans-serif;font-weight:700; font-size:0.85em;}
#bottomsidebar h3 { margin-top:15px}
/*******************miscellaneous properties*****************/
p {margin:0; padding:0}
.hrbar-main {border-bottom: #ccc 1px solid; margin: 10px 0 10px 0px; padding:0 }
.icons-top {margin-top:12px;}
.icons-bottom {margin-top:6px;}