body {
	background-color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	color: black;
	text-align: left;
	margin: 0;
	padding: 0;
}
caption {
	font-size: 0.95em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: .1em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
	text-align: left;
}

.labels {
	font-weight: bold;
	background-position: left;
}
.site_data {
	text-align: right;
}
img.logos {
	vertical-align: middle;
}

a.logolink:link, a.logolink:visited, a.logolink:hover, a.logolink:active {
	text-decoration: none;
	border-width: 0px;
}

.indent {
	margin-left: 15px;
	margin-right: 15px;
}

a.top:link, a.top:visited {
	font-size: 1em;
	text-decoration: none;
	background-color: #ffffff;
	color: #000000;
}

a.top:hover, a.top:active {
	font-weight: bold;
}

img.browser {
	vertical-align: middle;
	padding: 10px;
}
a.new:link, a.new:visited, a.new:hover, a.new:active {
	color: #c60909;
	text-decoration: underline;
	font-weight: bold;
}

/* --------------------------------------  Gallery Styles  -------------------------------------- */

#photosheading {
	font-size: 2.3em;
	font-family: Gill Sans MT, Verdana;
	font-weight: bold;
	color: #b00000;
	font-style: normal;
}

.caption {
	font-family: Arial;
	color: #000000;
	text-align: left;
}
.category {
	font-family: Gill Sans MT, Verdana;
	font-weight: bold;
	color: #001eb0;
	font-size: 1.75em;
	text-align: center;
}

/* --------------------------------------  Climate Styles  -------------------------------------- */

h4.maintitle {
	text-align: center;
	font-size: 1.9em;
	font-weight: bold;
	font-family: Gill Sans MT;
	color: #05129f;
	margin-bottom: 4px;
	margin-top: 11px;
}

.generalclimate {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Gill Sans MT, Verdana;
	color: #000000;
}

#bigtemp {
	margin: 10px 0 0 0; 
	text-align: right; 
	font-size: 2em; 
	color: #003fd0;
	font-weight: bold; 
	font-family: verdana;
}
#sunmoonetc {
	color: #000000; 
	background-color:#ffffff; 
	width: 800px;
}

/* -------------------------------------Banner Styles----------------------------------*/

#page {
	width: 900px;
	height: 148px;
	padding-top: 10px;
}
#header {
	text-align: center;
	font-family: verdana;
	font-size: 3.5em;
	color: #ffffff;
	font-weight: bold;
	background-image: url('headingbanner2.jpg');
}

/* --------------------------------Begin Styles for Content Layout----------------------------*/

.page_format_index {
	width: 960px;
	background-color: #ffffff;
}

/*-----------------------------------------Begin Table Styles-------------------------------*/

table.fonts {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/*---------------------------------Begin Styles for Navigation Menu----------------------------*/

#menu table {width: 900px; margin:auto; font:1.1em "Trebuchet MS", Arial; font-weight:bold;}

#menu td {width: 150px; text-align: center; height:36px;}

#menu td a {width: 90px; text-decoration:none; color:#999999;}

#menu td:hover {background: url("../button.png") no-repeat center; }

#menu td:hover a {color:black; text-decoration:underline;}

#selected {background: url("../button.png") no-repeat center;}

#selected a {color:black !important;}

/* table styles */

table#rec {
	background-color: #ffffff;
	font-family: verdana;
	color: #000000;
	font-size: 0.9em;
	border: 1px solid #b9b9b9;
}
#rec_table_heading_cell {
	background-color: #110487;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #ffffff;
}
.rec_table_subtitle {
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	background-color: #90c1fc;
}
tr.height1 {
	height:40px;
}
tr.height2 {
	height:35px;
}
tr.height3 {
	height:29px;
}

/*----------------------------------------------- New Layout 29 Aug 2010 -----------------------------------------------*/

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

#row1, #row2, #row3, #row4, #row5 {width: 930px; margin:auto;}
#row1 ul, #row2 ul, #row3 ul, #row4 ul, #row5 ul {list-style-type: none;}
#row1 ul li, #row2 ul li, #row3 ul li, #row4 ul li, #row5 ul li {padding: 0; float:left; background-color:#cbe4ff;}
#row1 ul li {margin: 10px 10px 0px 10px; width: 400px;}
#row2 ul li {margin: 0px 10px 0px 10px; width: 400px;}
#row3 ul li {margin: 0px 10px 10px 10px; width: 820px;}
#row5 ul li {margin: 10px 10px 0px 10px; width:820px;}
#row4 ul li {margin: 0px 10px 10px 10px; width: 400px;}
#row1 ul li div, #row2 ul li div, #row3 ul li div, #row4 ul li div, #row5 ul li div {margin-left: 5px; margin-right:5px; background-color: #deecff;}
#row1 ul li div {height:216px}
#row2 ul li div {height:197px}
#row3 ul li p, #row5 ul li p, #row3 ul li table, #row5 ul li table, #row1 ul li p, #row2 ul li p {margin-bottom:8px;}
.boxtitle {color: black; letter-spacing: 0; margin-top: 3px; padding-bottom: 5px; font:bold 1.3em verdana; color:#003fd0; background-color: #cbe4ff; text-align:center;}
.data-table {color: black; font-size: 0.9em;}
#data_time {font: bold 1.5em verdana; margin-bottom:3px;}
#next {font-size: 0.6em; font-weight:normal;}
#dry {color:#5a190c; font:bold 2em arial;}
tr#largetemp {height: 30px}
a.graphlinks:link, a.graphlinks:visited {font-size:0.8em; color:#757575; text-decoration:none;}
#hide1 a:link, #hide1 a:visited, #hide2 a:link, #hide2 a:visited, #hide3 a:link, #hide3 a:visited {font-size:0.8em; color:black; text-decoration:none;}
a.graphlinks:hover, a.graphlinks:active, #hide1 a:hover, #hide1 a:active, #hide2 a:hover, #hide2 a:active, #hide3 a:hover, #hide3 a:active {color:blue; text-decoration:underline;}
#moreinfo {background-color:#deecff; margin: 10px 10px 10px 10px; width:400px; padding:0; float:left;}
#moreinfo p {margin-top:8px; margin-bottom:8px; font-size:0.9em; padding-left:10px;}
#temprain, #windbaro {margin:0;}

/*---------------------------------------Weather Table: Images and their Table Cells, J-Script Styles---------------------------------------*/

#thermo_pic {
	text-align: center;
}
#rain_icon_cell {
	text-align: center;
}
#baro {
	margin-top: 3px;
	margin-bottom: 3px;
}
#baro_arrow {
	text-align: center;
}
#baro_trend {
	font-size: 0.9em;
	color: #5c00c5
}
#rain_status {
	color: #000000;
	font-weight: bold;
	font-family: verdana;
}
#temp_vcold {
	color: #001fd0; 
	font-weight: bold; 
}
#temp_cold {
	color: #008cd7; 
	font-weight: bold; 
}
#temp_cool {
	color: #00beb4; 
	font-weight: bold; 
}
#temp_mild {
	color: #89ab00;
	font-weight: bold; 
}
#temp_warm {
	color: #ffd500; 
	font-weight: bold; 
}
#temp_vwarm {
	color: #ff8800; 
	font-weight: bold; 
}
#temp_hot {
	color: #ff0000; 
	font-weight: bold; 
}
#muggy {
	color: #000000;
	font-family: arial;
}
#light {
	color: #000000;
	font-family: arial;
	font-weight: bold;
	font-style: italic;
}

/* ------------------------------------- Weather Graphs Page ---------------------------------- */

h2.wdsubtitle {
	font-family: Verdana;
	letter-spacing: 0em;
	font-weight: bold;
	font-size: 1.5em;
	color: #000b8a;
	letter-spacing: 0em;
	text-align: center;
	background-color: transparent;
	text-transform: none;	
}

/* ------------------------------------- About Page Styles ---------------------------------- */

p.just {
	text-align: justify;
	font-family: helvetica, geneva;
	color: #000000;
	margin-left: 20px; 
	margin-right: 20px;
}
p.center {
	text-align: center;
	font-family: helvetica, geneva;
	color: #000000;
	margin-left: 20px; 
	margin-right: 20px;
}
h4.about {
	margin: 0;
	text-align: center;
	font-size: 1.7em;
	font-weight: bold;
	font-family: Gill Sans MT;
	color: #05129f; 
}
table#abouttable {
	margin: auto;
	width: 770px;
	border: 0;
}