html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;background : #DCDFE8;}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
	
div#header{
background-color: #29457f;

/* background-image: url("/images/lightning.gif"); */
background-repeat: no-repeat;
padding-top:1px;
background-position: center;
height:65px;line-height:50px;
}

div#headertitle{
color: white;
font-size:36px;
font-weight:bold;
position:absolute;
left:50%;
margin-left:-280px;
top:-3px;
}

div#headersubtitle{
color: white;
font-size:12px;
position:absolute;
left:50%;
margin-left:-250px;
top:27px;
}

div#currently{
position:absolute;
left:50%;
margin-left:-387px;
top:-17px;
color: white;
font-size: x-small}

div#temptrend{
position:absolute;
left:50%;
margin-left:-415px;
top:4px; 
font-size: large;
color: white}

div#temp{
position:absolute;
left:50%;
margin-left:-400px;
top:5px; 
color: white}

div#read_time{
position:absolute;
left:50%;
margin-left:-394px;
top:27px;
color: white;
font-size: x-small}

table#frontcenter{
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* Start Main Table Section*/
table#extremes {	/* container table */
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 0.9em;
}

table#extremes caption{
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
}


table#today {
width:140px;
border: dotted #000 1px;
background: #ffffff url("/images/month.bmp") top left repeat-x;

}
table#today th {
	padding: 1px;
}
table#today td {
	padding: 1px;
}

 .todaytop {
font: bold italic 14pt Arial;
}

.todayheader{
text-align: center;
}

.todaydata {
width: 60px;
}

.leftheader {
font-weight: bold;
text-align: left;
}
/* End Today Table Section*/

/* Start Yesterday Table Section*/
table#yesterday {
width:140px;
border: dotted #000 1px;
background: #ffffff url("/images/month.bmp") top left repeat-x; /* blue is #b6c1e7 */
}
table#yesterday th {
	padding: 1px;
}
table#yesterday td {
	padding: 1px;
}

 .yesterdaytop {
font: bold italic 14pt Arial;
}

.yesterdayheader{
text-align: center;
}

.yesterdaydata {
width: 60px;
}

.leftheader {
font-weight: bold;
text-align: left;
}
/* End Yesterday Table Section*/

/* Start Month Table Section*/
table#month {
width:140px;
border: dotted #000 1px;
background: #ffffff url("/images/month.bmp") top left repeat-x; /* blue is #b6c1e7 */
}
table#month th {
	padding: 1px;
}
table#month td {
	padding: 1px;
}

 .monthtop {
font: bold italic 14pt Arial;
}

.monthheader{
text-align: center;
}

.monthdata {
width: 60px;
}

.leftheader {
font-weight: bold;
text-align: left;
}
/* End Month Table Section*/

/* Start Year Table Section*/
table#year {
width:140px;
border: dotted #000 1px;
background: #ffffff url("/images/month.bmp") top left repeat-x; 
}
table#year th {
	padding: 1px;
}
table#year td {
	padding: 1px;
}

.yeartop {
font: bold italic 14pt Arial;
}

.yearheader{
text-align: center;
}

.yeardata {
width: 60px;
}

.leftheader {
font-weight: bold;
text-align: left;
}
/* End Year Table Section*/


/* div#xtest{
position:absolute;
left:50%;
margin-left:-46px;
top:290px;}
 */
div#wind_sp{
font-weight:bold;
color: #f51919;}

div#fiveday{
text-align: center} 

div#livecenter{
text-align: center;
margin-left: auto;
margin-right: auto;
top:61px;}

/* div#content p{line-height:1.4;} */
/* div#extra{background:none} */
div#footer{background: #333; }
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:left; width:100%;}
/* div#content{margin: 0 25%;} */
div#navigation{float:left;width:220px;}
div#extra{float:right;width:330px;margin-left:3px;}
div#footer{clear:both; width:100%}

img.left {
float:left;
}
img.right {
float:right;
}
img.center {
display:block;
margin-left:auto;
margin-right:auto;
}

#center {}
#fiveday {margin-top: 700px;}