html								{ height:100%;}
Body, .Normal, .NormalTextBox, td, p, .Normal, .NormalDisabled, .NormalBold{ font-family: Arial, Helvetica, sans-serif;line-height:1.4em; font-size:14px; color:#222; background-color: rgba(255, 255, 255, 1);}
p									{ padding:5px 0;margin:0px}
.Head								{ color:#517768;font:bold 1.2em Arial, Helvetica, sans-serif}
.SubHead							{ color:#222;font-size:13px;font-weight:normal; }

A.CommandButton:link,A.CommandButton:visited,
A.CommandButton:active				{ font:bold small Arial, Helvetica, sans-serif;color:#517768}
A.CommandButton:hover				{ color:#517768}
h1,h2,h3,h4,h5,h6						{ font-weight:bold;line-height:1em; margin:0px; padding:5px 0;}
h1,h2,h3								{ font-family: Arial, Helvetica, sans-serif;color:#546856;}
h4                                  { font-size:15px;}

.h1									{ font-size:26px; font-weight:bold;line-height:1em; margin:0px; padding:5px 0; font-family: Arial, Helvetica, sans-serif;color:#546856; }
h3									{ font-size:19px;}
h2									{ font-size:22px;}
h1									{ font-size:26px;}
a:link,a:active,a:visited			{ border:0;text-decoration:none;outline:none; color:#517768}
a:hover 							{ color:#333;text-decoration: underline}

li {list-style-type: none;}

ul
{
list-style-type: none;
}

/*Skin Layout Design*/

#DNN6								{ width:100%;position:relative;z-index:1;min-height:100%;background:url(images/body.png) center center no-repeat}
.skinwidth							{ width:975px; margin:0 auto; padding:20px 0 20px 0; background:#fff; height:100%;}


#links {
  position: relative;
  top: 90%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color:#333;
  font-size:13px;
  font-weight:normal;
}

iframe {
    position: relative;
}


body {
	background: #E9E9E9 url('./images/body.jpg') repeat-x scroll center center;
	color: #000000;
}

.sat_img {
    max-width: 760px;
    max-height: 900px;
	height: auto;
}


#image_1
{
   background-image: url('./images/water_quality/DET/DET_temp_plot_today_and_historic.png');
   height:99%;
   width:99%;
}

#runButton
{
    background-image: url('../images/arrow_green_right_24.png');
    width: 24px;
    height: 24px;
    border: 0 none transparent;
    padding:0;
    margin:0;
}


#rssFeed { width: 440px% 
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 text-wrap:unrestricted;
}

.tdContent {
 padding-left: 1px; padding-top:3px; padding-right:1px; padding-bottom:3px
 }

span { display:inline-block; vertical-align:middle }

.cHeaderText {
 font-family: Arial, Helvetica, sans-serif; color:#FFF;
 font-weight:bold;
 font-size:13px;
 } 

.CBox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#6D8C7C;
}

.CBox2 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #6D8C7C;
background:#FFF;
}


.CBoxContent {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#FFF;
}

.PageHeader {
    background-image: url('../images/nwpheader.png');
    height: 167px;
    width: 956px;
}

/*Makes the background of the table covering the header transparent*/
.PageHeader table tr td
{
	background-color: rgba(255, 255, 255, 0);
}

#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
}
    
    	/* column container */
    	.colmask {
    		clear:both;
    		float:left;
    		width:100%;			/* width of whole page */
    		overflow:hidden;		/* This chops off any overhanging divs */
    	}
    	/* common column settings */
    	.colright,
    	.colmid,
    	.colleft {
    		float:left;
    		width:100%;
    		position:relative;
    	}
    	.col1,
    	.col2,
    	.col3 {
    		float:left;
    		position:relative;
    		padding:0 0 1em 0;
    		overflow:hidden;
    	}
    	/* 2 Column (double page) settings */
    	.doublepage {
    		background:#eee;		/* right column background colour */
    	}
    	.doublepage .colleft {
    		right:50%;			/* right column width */
    		background:#fff;		/* left column background colour */
    	}
    	.doublepage .col1 {
    		width:46%;			/* left column content width (column width minus left and right padding) */
    		left:52%;			/* right column width plus left column left padding */
    	}
    	.doublepage .col2 {
    		width:46%;			/* right column content width (column width minus left and right padding) */
    		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
    	}