body  {
	color : black;
	font-family : Arial, sans-serif;;
	margin : 0px 0px 0px 0px;
	background-color : #06799F;
	font-size : 100%;
}

#banner {
		left: 20px;
		height:159px;
		width : 100%;
		background-image : url(/weather/template/images/banner_september.jpg);
		background-color : #06799F;
		background-size : 100%;
		position : relative;
}

#navmenu {
        position: absolute;
        top: 198px;
       right: 50px;
        width: 170px;	
}

#navmenu dl {
  width: 200px;
  margin: 0 0 0px 0px;
  background: #9cf url(/images/template/boxbottom.gif) no-repeat bottom left;
  }


#navmenu dt {
		margin: 0 0 10px 0;
		padding: 10px;
		font-size: 130%;		
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #69c url(/images/template/boxtop.gif) no-repeat top left;
		text-align : center;
		}

#navmenu dd {
	  margin: 0;
	  padding: 10px;
  }

#navmenu li {
	margin: -10px 0 0 -10px;
	padding: 7px;
	font-size : 14px;
  }
    
#navmenu a {
	text-decoration : none;
	color : Black;
	font-size : 100%;
}

#navmenu a:hover {
	text-decoration : underline;
	color : Black;
	font-size : 100%;
}


#midcol{
        margin: 0px 240px 20px 20px;
        border: 1px solid Silver;
        background: #FFFFFF;
        color: #333333;
        padding: 10px;
        overflow : visible;
        height : 100%;
        min-height : 1200px;
        clear : both;
      }
    	
	
h3  {
	color : #3300FF;
	border-bottom-color : #CCCCCC;
	border-bottom-style : groove;
	border-bottom-width : 1px;
}

h4  {
	color : #06799F;
	font-size : 95%;
}

h5  {
	color : #000000;
	font-size : 90%;
}

p {
	color : black;
	font-family : Arial, sans-serif;;
	font-size : 80%;
}


p.smallprint {
	font-family : Arial, sans-serif;;
	font-size : 70%;
	color : Black;
}

li {
	color : black;
	font-family : Arial, sans-serif;
	font-size : 90%;
}

li.smallprint {
	color : black;
	font-family : Arial, sans-serif;
	font-size : 70%;	
}


table.monthlystats {
	border: 1px solid #666666;
	width:600px;
	border-collapse: collapse; 
}

th.current {
	border: 0px solid #666666;
	font-family : Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	font-size : 90%;
	color : 06799F; 
	text-align : left;
	padding-right:10px;
	background: #FF8300; 
}

th.current_tight {
	border: 0px solid #666666;
	font-family : Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	font-size : 60%;
	color : 06799F; 
	text-align : left;
	padding-right:1px;
	background: #FF8300; 
}

td.current {
	border: 0px solid #666666;
	font-family : Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	font-size: 13px;
	color : black;
	text-align : left;
	padding-right:50px; 
}

td.current_tight {
	border: 0px solid #666666;
	font-family : Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	font-size: 12px;
	color : black;
	text-align : left;
	padding-right:1px; 
}

td.current_higher {
	border: 0px solid #666666;
	font-family : Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	font-size: 13px;
	color : red;
	text-align : left;
	padding-right:50px; 
}


td.current_lower {
	border: 0px solid #666666;
	font-family : Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	font-size: 13px;
	color : blue;
	text-align : left;
	padding-right:50px; 
}

td.current_same {
	border: 0px solid #666666;
	font-family : Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	font-size: 13px;
	color : green;
	text-align : left;
	padding-right:50px; 
}

td.record {
	border: 0px solid #666666;
	font-family : Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	font-size: 13px;
	color : red;
	text-align : left;
	padding-right:0px; 
	
}

tr:hover td.current
{
	background: #d0dafd;
	color: blue;
}

tr:hover td.record
{
	background: #d0dafd;
	color: red;
}

tr:hover td.current_higher
{
	background: #d0dafd;
	color: red;
}

tr:hover td.current_lower
{
	background: #d0dafd;
	color: blue;
}

th.monthly {
	border: 1px solid #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
	color : Blue;
}

th.statsheader {
	border: 1px solid #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
	color : Blue;
	text-align : left;

}

td.statsheader {
	border: 1px solid #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
	color : Blue;
	text-align : left;
	font-weight : bold;

}


td.imagesleft {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	text-align : left;
	vertical-align : top;
	width : 33%;
}

td.imagesright {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	text-align : right;
	vertical-align : top;
	width : 33%;
}

td.imagescenter {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	text-align : center;
	vertical-align : top;
}

img.pagepicturesleft {
  	margin : 3px;
  	padding : 3px;
  	border-color:#666666; 
	border: 1px solid;
	float : left;  
}

img.pagepicturesright {
  	margin : 3px;
  	padding : 3px;
  	border-color:#666666; 
	border: 1px solid;
	float : right;
  
}















#table_container {
	width: 900px;
	margin: 0 auto;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #585858;
}

#table_container table {
	border-width: 0px;
	border-spacing: 0px 0px;
}
#table_container table td,table th {
	width: 65px;
	text-align: right;
	padding: 2px 5px 2px 0px;
}

#table_container table th {
	background-color: #FF8300;
}

#table_container .highlight { background-color: #F5E0CC; cursor: pointer;}
#table_container .smallfont { font-size: 70%;}
#table_container .zerovalue { color: #999999;}

#table_name {
	font-size:140%;
	text-align: center;
	height: 30px;
}
#table_menu { text-align: center;}

#table_menu ul {
	list-style-type: none;
}

#table_menu li {	
	display: inline;	
	margin-right: 20px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #999999;
	background-color: #e2e2e2;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#table_menu a { text-decoration: none; color: #333333;}
#table_menu a:hover { color: #0000FF;}
#table_year { width: 80px;}
















/*Button Style*/
.button {
    float:left;
    height:auto;
    font:76%/150% "Lucida Grande", Geneva, 
    Verdana, Arial, Helvetica, sans-serif;
    width:10em;
    text-align:center;
    white-space:nowrap;
}
/*Button Arrow Styles*/
.arrows {
    font-size:90%;
    margin:0.2em;
}
/*Button link styles*/
.button a:link, .button a:visited {
    color: #eee;
    background-color:#1e5184;
    font-size:1em;
    font-weight:bolder;
    text-decoration: none;
    border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;
    margin: 0.2em;
    padding:0.2em;
    display:block;
}
.button a:hover {
    background-color:#003366;
    color:#999;
    border-top:0.1em solid #777;
    border-left:0.1em solid #777;
    border-bottom:0.1em solid #aaa;
    border-right:0.1em solid #aaa;
    padding:0.2em;
    margin: 0.2em;
}


/*Button Style*/
.button_month {
    float:left;
    height:auto;
    font:76%/150% "Lucida Grande", Geneva, 
    Verdana, Arial, Helvetica, sans-serif;
    width:5em;
    text-align:center;
    white-space:nowrap;
}
/*Button Arrow Styles*/
.arrows {
    font-size:90%;
    margin:0.2em;
}
/*Button link styles*/
.button_month a:link, .button_month a:visited {
    color: #eee;
    background-color:#1e5184;
    font-size:1em;
    font-weight:bolder;
    text-decoration: none;
    border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;
    margin: 0.2em;
    padding:0.2em;
    display:block;
}
.button_month a:hover {
    background-color:#003366;
    color:#999;
    border-top:0.1em solid #777;
    border-left:0.1em solid #777;
    border-bottom:0.1em solid #aaa;
    border-right:0.1em solid #aaa;
    padding:0.2em;
    margin: 0.2em;
}