html, body, img, frame, iframe {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #000000;
	-webkit-text-size-adjust: none;
} 

pre {
	line-height: 1.8em;
}

span:hover {
	color: #dddddd;
	background-color: #171820;
}

#wrapper
{
	position: relative;
	margin: auto;
	margin-bottom: 12px;
}

#header_div {
	position: relative;
	top: 4px;
	width: 1000px;
	margin: auto;
	line-height: 1.06em;
}

.hhb {
	font-family: arial,verdana,helvetica;
	font-size: 1.06em;
}

#details_div {
	position: absolute;
	top: 98px;
	left: 0px;
	width: 340px;
	margin: 0;
	padding: 0px;
	padding-bottom: 15px;
}

#graphs_div {
	position: absolute;
	top: 98px;
	left: 337px;
	_width: 650px; /* ie 6 and below */
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
}

#graphsframe {
	width: 680px;
	height: 800px;
}

#livestatsframe {
	position: relative;
	margin: auto;
	width: 341px;
	height: 160px;
}

#livestatsframe2 {
	position: relative;
	margin: auto;
	width: 100%;
	height: 100%;
}

#livestatsframe table {
	height: 170px;
}

/*row highlight feature*/
.tr_highlight {
	background-color:#5A2F28;
}
.tr_normal {
	background-color:#000000;
}

/*raw data display monospace text <pre>*/
#revdownld02,#revdownld08,#noaamob,#noaaprmob,#noaayr,#noaapry, #noaamoh, #noaaprmohr {
	background-color:#000000;
	color:#99cc33;
	padding:0;
	border:0;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
}  
.evenRows {
	background-color: #000000;
	border-collapse: collapse;
}
.oddRows, .oddRowss {
	background-color: #041010;
	border-collapse: collapse;
}
.evenRows, .oddRows, .oddRowss {
	color:#99cc33;
}

/*72 hours frames page*/
#home_header, #forecast2,#forecast4,#chbotlnks,#monthly_summary,#raw_data, #raw_datah, #current_details, .cdhistory_report {
	margin-top:0;
	border:0;
	padding:0;
}

#cdhistory_report_frame {
	width: 750px;
	height: 100%;
}

#home_header {
	height:80px;
}

#monthly_summary {
	height: 600px;
	width: 1000px;
	margin: auto;
	text-align: right;
	font-family:arial;
	font-size: 0.8em;
}

#forecast2 {
	width:1000px;
}

/*daily summary for monthly report*/

#dsheading {
	font-family: arial;
	font-size:1.1em;
	color:#00edff;
	text-align:center;
	background-color:#006400;
}  
table.dstable {
	table-layout: fixed;
	padding:0;
	border-spacing: 0;
	border-collapse:collapse;
	margin-top:1px;
	line-height: 1.6em;
}
#dsheading, table.dstable {
	width:740pt;
}
table.fht {
	width:1100px;
	table-layout: fixed;
	padding:0;
	border-spacing: 0;
	border-collapse:collapse;
	vertical-align:top;
}
td.ftdata, td.ftdate, td.fttime {
	line-height: 2.3em;
	font-size: 0.96em;
}
td.ftdate, td.fttime {
	text-align: right;
}

td.ftdate {
	width: 7%;
}
td.fttime {
	width: 7%;
}
td.ftdata {
	width: 86%;
	padding-left: 25px;
}


/*forecast history*/

#forecast4 {
	position: relative;
	top: 5px;
	width: 1020px;
	margin: 0 auto auto auto;
}
#t1news,#t2news,#t3news,#t4news,#t4news a:link,#t4news a:visited,#t4news a:hover  {
	color: white;
}
table.fht, td#t1,td#t1news, td#t2,td#t2news, td#t4 ,td#t4news {
  	font-size:85%;
	font-family:verdana,arial,helvetica,sans-serif;
	color:#ffcc33;
}
/*--------------------*/

/* current forecast */
table.fb {
	table-layout: fixed;
	width:740pt;
	margin:0;
	padding:0;
	background-color:#000000;
}
tr.fb2{
	border-width: 0;
	height: 16pt;
}
td.fb1 {
	background-color:#3c0800;
	vertical-align:top;
} 
td.fb1,.chlnk {
	text-align:center;
}

/*forecast is a href link*/
#chcam,#forecastbanner {
	font-family:geneva,arial,verdana,helvetica,sans-serif;
	font-size:1em;
	color: #ffcc33;
}

/* monthly yearly table */
table.my {
table-layout: fixed;
border: 1px solid #006400;
border-collapse:collapse;
width: 250px;
padding:0;
margin: 5px 5px 5px 55px;
line-height: 1.3em;
}

table.my td {
	padding-left: 5px;
}

.mylc {
	width: 50%;
	color:#99cccc;
	text-align:left;
}  /* current details left column */
.myrc {
	width: 50%;
	color:#ffcc33;
	text-align:left;
}  /* current details right column */
.myrc,.mylc {
	vertical-align:top;
	font-family:geneva,verdana,arial,helvetica;
	font-size:0.75em;
}

/* monthly yearly section headings */
.mysh {
	color:#0099cc;
	text-align:center;
	line-height:112%;
}

/* monthly yearly left column, right column, section headings */
.mylc,.myrc,.mytdsh  {
	border-color:#006400;
	border-width: 1px 1px 0 0;
	border-style:solid;
	vertical-align:middle;
	padding-left:1px;
}
.mytdsh {
	text-align:center;
	color:#bbccee;
}


.hhtr {
	height:12pt;
	vertical-align:top;
}
.tophead {
	height:13pt;
	vertical-align:middle;
}

.hhtd {
	border:0;
	margin:0;
	padding:1px;
	background-color:#000000;
	vertical-align:middle;
	text-align: center;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size:0.9em;
	font-weight: normal;
	white-space:pre;
	color:#b3ebf7;
}

.hhtd2 {
	border:0;
	margin:0;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size:0.9em;
	font-weight: normal;
	color:#b3ebf7;
}

#revdownld02,#revdownld08,#noaamob,#noaamoh,#noaaprmob,#noaaprmoh,#noaayr,#noaapryr {
	background-color:#000000;
	color:#99cc33;
	padding:0;
	border:0;
	margin-top:0;
}  
#noaamoh,#noaaprmoh {
	color: #FFFFFF;
}

#livetxt {
	width: 332px;
	height: 100px;
	margin: auto;
}

#wvd_outside_body {
	min-width: 200px;
	max-width: 1016px;
	margin: auto;
}

#climato_div {
	position: relative;
	margin: auto;
	width: 650px;
}

#climato_report {
	position: relative;
	top:  10px;
	width: 620px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
}

#climato_table {
	line-height:0.9em;
}

.climato_heading {
	color: #FFFFFF;
}

.climatoEvenRows {
	background-color:#000000;
}
.climatoOddRows {
	background-color:#111517;
}
.climatoEvenRows, .climatoOddRows {
	color:#99cc33;
}

#header_div_frame {
	position: relative;
	margin: auto;
	width: 100%;
	height: 85px;
	text-align: center;
}

#forecasthistory_div {
	position: relative;
	top: 10px;
	margin: auto;
}

#wcmstaldiv {
	position: relative;
	top: 720px;
}

#rawdataheader_div {
	position: relative;
	min-width: 1000px;
	max-width: 100%;
	height: 46px;
	top: 0px;
	left: 0px;
}

#raw_data {
	position: relative;
	overflow: auto;
	height: 741px;
	min-width: 1000px;
	max-width: 100%;
}

#raw_data pre {
	position: relative;
	top: -12px;
}

#rawdata_wrapper {
	position: relative;
	width: 100%;
	height: 775px;
	margin: auto;
	top: 5px;
}


/*links*/
a:link, #chcam b {
	text-decoration: none; 
	color:#ffcc33;
	font-style:normal;
	font-weight:normal;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 0.9em;
	cursor: default;
	padding: 0px;
}
a:visited, #refreshFormHome, #webCamHome {
	text-decoration: none; 
	color:#ffcc99;
	font-style: normal;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 0.9em;
	cursor: default;
}
a:active {
	text-decoration: none; 
	color:#ffcc33;
	font-style: normal;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 0.9em;
	cursor: default;
}
a:hover, a:focus {
	text-decoration: underline; 
	background-color:#A52A2A; 
	color:#FFFFFF;
	font-style: normal;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 0.9em;
	cursor: default;
}

#errorMsg {
	position: relative;
	top: 10px;
	width: 250px;
	margin: auto;
	border: 2px solid #171717;
	padding: 5px;
	text-align: center;
}

#weather_cam_div_live #livestatsframe {
	left: 1px;
}

#weather_cam_div {
	top: 6px;
}

#dir_div {
	position: relative;
	top: 10px;
	min-width: 700px;
	max-width: 1330px;
	height: 815px;
	margin: auto;
}

#dir_div #dirframe {
	position: relative;
	width: 100%;
	height: 95%;
	margin: auto;
}

#dir_div_raw {
	position: relative;
	min-width: 700px;
	max-width: 1600px;
	height: 600px;
}

#dir_div_raw #dir_frame_raw {
	position: relative;
	top: 5px;
	width: 1570px;
	height: 750px;
	margin: auto;
}

#raw_datah {
	position: relative;
	top: 10px;
	width:1566px;
	margin: 0;
	padding: 0;
}

#wrapper_dir {
	position: relative;
	margin: auto;
	width: 400px;
	height: 600px;
}

.dstable tr:hover, .fht tr:hover {
	color: #FFFFFF;
}

#refreshFormHome {
	position: relative;
	height: 40px;
	top: 20px;
	width: 240px;
	margin: auto;
	text-align: center;
}

#refreshFormHome input {
	width: 120px;
	background-color: #000000;
	border: 0;
	color: #99cc00;
}

#camImageDiv {
	width: 320px;
	height: 240px;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
}

/*
#camPic - used on mobile site for smaller picture
*/

#camPic, #camPicHome {
	border: 1px dotted #202020;
}
#camPic {
	position: relative;
	width: 320px;
	height: 240px;
}

/*
Full Version Site Weather Cam:
#fullVersion: body id of index pages
#fullVersion #camPic: set the image size to large
*/

#fullVersion #camPic {
	position: relative;
	top: -15px;
	left: -150px;
	margin: auto;
	width: 640px;
	height: 480px;
}

#fullVersion #slideShowControls, #fullVersion #webcamtext, #fullVersion #preloadText {
	position: relative;
	top: 240px;
}

#fullVersion #slideShowSettings, #fullVersion #ssHeading {
	position: relative;
	top: 260px;
}

#fullVersion #slideShowSettings form fieldset {
	position: relative;
	top: 0px;
}

#fullVersion #livestatsframe {
	position: relative;
	margin: auto;
	width: 341px;
	height: 165px;
}

/* 
#campPicHome:  
web cam picture on: home_page_history_graphs.php,
graphs_hour_select.php  
*/

#camPicHome {
	width: 320px;
	height: 200px;
}

#webCamHome {
	position: relative;
	margin: auto;
}

#webCamHome {
	position: relative;
	margin: auto;
	top: 20px;
	width: 250px;
	height: 50px;
	vertical-align: top;
}



#rawDataArchiveForm {
	position: relative;
	margin: auto;
	top: 12px;
	width: 500px;
	height: 200px;
	text-align: center;
	color: #99cc00;
	font-size: 0.96em;
	line-height: 1.6em;
}

#rawDataArchiveForm form {
	position: relative;
	top: 15px;
}

#rawDataArchiveForm input {
	background-color: #171719;
	color: #99cc00;
	width: 50px;
	margin: 8px;
	padding: 3px;
	border: 1px solid #903030;
	text-align: center;
}

#rawDataArchiveForm label {
	color: #99cc00;
}

#rawDataArchiveForm #subBut {
	border: 1px solid #556545;
	color: #abcdef;
}


#current_details_body {
	background-color: #000000;
}

#monthly_graphs #wrapper #details_div, #yearly_graphs #wrapper #details_div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 340px;
	margin: 0;
	padding: 0px;
	padding-bottom: 15px;
}

#monthly_graphs #wrapper #graphs_div, #yearly_graphs #wrapper #graphs_div {
	position: absolute;
	top: 0px;
	min-width: 650px;
	left: 337px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
}

#dirframe {
	top: -10px;
}

#mr_frame {
	height: 650px;
	width: 100%;
}

.forecastDayHead {
	width: 100%;
	text-align: center;
}

.uvAlert {
}


#livestatsDivFull {
	position: relative;
	top: 0px;
	left: 0px;
}

#livestatsframefull {
	position: relative;
	top: 0px;
	left: 0px;
	margin: auto;
	width: 100%;
	height: 160px;
;
}

#currentDetailsDiv {
	position: relative;
	top: 5px;
}

#webcamtext {
	z-index: 1;
}

#webcamtextns {
	position: relative;
	top: 2px;
	height: 50px;
	z-index: 1200;
	font-size: 0.75em;
	width: 325px;
	text-align: center;
}

#fullVersion #wrapper #wrapper_weather_cam #weather_cam_div #chcam #webcamtextns {
	position: relative;
	top: 250px;
}