body {background:url('background.gif') repeat-y top center #fff; color:#404040; font:76% Tahoma,Verdana,Arial,sans-serif; line-height:1.3em; margin:0 auto; padding:0;}
a {color:#4088b8; font-weight:700; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}

.templink { font-family:verdana;
	
	font-size: 8pt;
	
	
	color: #3D3D3D;
	border: 0px solid #ccc;
	/*padding: 4px;*/
	background-color: #FFF;
    text-valign: center}
.container { margin: 5px auto; width: 990px; min-height: 600px; }
.maincontainer { margin: 0 0 10px 20px; width: 900px; }
.topmenubar { margin: 10px 10px 10px 20px; background-color: #BDD2FF; width: 930px; height: 30px;
	 }
.topmenu a:link, .topmenu a:visited {color:#27537a; text-decoration:none; display: block;white-space: nowrap; padding: 0px 10px 0px 10px;margin-top: 0px;font-family: Arial; margin-left:3%;}
.topmenu ul {margin:0; list-style:none; padding-left:0px;}
.topmenu ul li {float:left; padding:0; line-height:30px;}
.topmenu ul li a:hover {color:#EBF0F6;background-color: #27537a;}
.main { width:810px; padding: 0 0 0 175px; }
.mainII { width:850px; padding: 0 0 0 135px; }
.sidebar { width: 160px; float:left; }
.sidebarII { width: 120px; float:left; }
.center { text-align: center; }

h3 {font-size:1.7em; font-weight:400; font-family: tahoma; margin:10px 0 15px;line-height:1.3em; padding-top: 2px; border-bottom: 1px solid #ccc;}
h4 {font-size:1.4em; font-weight:400; font-family: tahoma; margin:10px 0 15px;line-height:1.3em; padding-top: 2px;}
h5 {font-size:1.4em; font-weight:400; font-family: tahoma; margin:10px 0 15px;line-height:1.3em; padding-top: 2px;}

.faqbox {border: 1px solid #ccc; background-color: #f2f2f2;padding:4px;}
.faqboxII {border: 1px solid #ccc; background-color: #f2f2f2;padding:4px;}

.micro, .tbl_a {
background-color: #fff; height: 24px; padding-left: 4px;
}
.micro_b, .tbl_b{
background-color: #EBF0F6; height: 24px; padding-left: 4px;
}
.tbl_bb{
background-color: #27537a; height: 24px; padding-left: 4px;color:#EBF0F6;
}

.tbl {
	font-family:verdana;
	margin:10px 0pt 10px;
	font-size: 8pt;
	
	
	color: #3D3D3D;
	border: 1px solid #ccc;
	/*padding: 4px;*/
	background-color: #FFF;
    text-valign: center
}

.tbl_header {
        background-color: #D9EAF4;
	border: 0px solid #red;
	color: #27537a;
	font-size: 8pt;
	padding: 3px 10px 3px 3px;
}

.column-dark {
	border: 1px solid #BCD2EE;
	background-color: #EBF0F6;
	text-align: left;
	padding: 4px;
	height: 22px;
}
.column-light {
	border: 1px solid #BCD2EE;
	background-color: white;
	text-align: left;
	padding: 4px;
	height: 22px;
}

.anim_txt {
  color: #4F94CD;
  font-size: 11px;
  font-weight: bold;
}
.anim_txt {
  cursor: pointer;
  display: block;
  margin: 1px 2px;
}

/* GAUGES */

    #placeholder .button {
        position: absolute;
        cursor: pointer;
    }
    #placeholder div.button {
        font-size: smaller;
        color: #999;
        background-color: #eee;
        padding: 2px;
    }

		/* small gauges */
		div.graph {
			width: 115px;
			height: 115px;
			background-image: url('/flot/gauge.png');
			/*float: middle;*/
		}
		
		/* raingauges */
		div.raingraph {
			width: 100px;
			height: 180px;
			background-image: url('/flot/biggauge.png');
			/*float: center;*/
		}
		
		/* gaugelabels */
		.gaugeLabel div {
			font-size: 9px;
			font-family: Tahoma, sans-serif;
			font-weight: bold;
			color: #555;
			text-align: center;
		}
		
		/* gaugevalues */
		.valuelabel div {
			font-size: 11px;
			font-family: Tahoma, sans-serif;
			font-weight: bold;
			color: #555;
			text-align: center;
			width:40px;
		}
		
.currentcond_header {
font-size:1.0em; font-weight:600; margin:0;
text-align: center;
}
.gauges {
text-align: center;
vertical-align: top;
height: 160px;
}
.maxmin {
font-size: 0.9em;
line-height: 1.2em;
text-align: center;
}

/* TOPFORECAST */

.topforecast {
line-height : 1.4em;
vertical-align : top;
text-align : center;
font-size : 12px;
}
.topforecasttemp {
line-height : 1.4em;
font-size : 12px;
vertical-align : top;
text-align : center;
}
.topforecast IMG {
background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;
}
.topforecasttext {
line-height : 1.4em;
text-align : left;
font-size : 12px;
}

.footer {
background-color: #666; height: 80px; color: #fff; padding: 10px;
}
.footer a { color: #FFF; }

.sunmoon {
background : #000000;
text-align : center;
border : 3px double #333333;
width : 800px;
color : #f2f2f2;
padding: 4px;
}
h3.sun {
border-bottom : 3px double #333333;
color : #ff8000;
padding: 6px 0 7px 0;
}
.sunsubs {
color : #ff8000;
font-weight:bold;
}

a.nexlink {
width: 120px;
height:22px;
display:block;
color:#505050;
padding: 0 2px 0 2px; 
font-family: Arial;
background:#eee;
line-height: 24px;
font-size:93%;
border-bottom: 2px solid #fff;
}
a.nexlink:hover {
color:#ccc;background-color: #555;text-decoration:none;
}

