body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #181616;
	margin: 0pt;
	background-color: #FFFFFF;
	background-image: url(../images/page-bg.jpg);
	text-align: center;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #181616;
}

hr{
	color: #082963;
	background-color: #082963;
	height:1pt;
	border:none;
	margin:0pt;
	padding:0pt;
	
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	color:#181616;
	font-size:16pt;
	line-height:20pt;
	font-weight:bold;
	padding:0pt;
	margin:0pt;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	color:#082963;
	font-size:16pt;
	line-height:20pt;
	font-weight:bold;
	padding:0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 6pt;
	margin-left: 0pt;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	color:#08476f;
	font-size:13pt;
	line-height:20pt;
	font-weight:bold;
	padding:0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 3pt;
	margin-left: 0pt;
}

ul{
	margin-top: 6pt;
}

li{
	margin-bottom: 2pt;
}

a, a:visited {
	color: #4E3A17;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}

a:hover, a:active{
	color: #084786;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}

#page-container {
	width: 1008px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: top;
	margin-top: 15px;
	background-image: url(../images/content-bg.jpg);
	background-repeat: repeat-y;
}

#header{
	background-image: url(../images/hydrosystems-header.jpg);
	background-repeat: no-repeat;
	height: 124pt;
}

#header-page{
	margin-top: 14pt;
	margin-left: 50pt;
}

#header-swf{
	margin-top: 14pt;
	margin-left: 50pt;
}

#contentarea{
	width: 742.5pt;
	text-align: left;
	vertical-align: top;
	height: auto;
	margin-right: 7pt;
	margin-bottom: 7pt;
	margin-left: 7pt;
}


#interface {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	text-align: center;
	height: 24pt;
	width: 737pt;
	font-weight: normal;
	padding-top: 5pt;
	margin-right: auto;
	margin-left: auto;
	background-color: #0c43b3;
}

#interface a:link, #interface a:visited {
	color: #FFF;
	font-size: 15pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding-right: 15pt;
	padding-left: 15pt;
}

#interface a:hover, #interface a:active {
	color: #0C43B3;
	font-size: 15pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding-right: 15pt;
	padding-left: 15pt;
	background-color: #FFFFFF;
}

#footer-interface {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FFF;
	text-align: center;
	height: 20pt;
	width: 736pt;
	font-weight: normal;
	padding-top: 5pt;
	margin-right: auto;
	margin-left: auto;
	background-color: #0c43b3;
}

#footer-interface a:link, #footer-interface a:visited {
	color: #FFF;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding-right: 15pt;
	padding-left: 15pt;
}

#footer-interface a:hover, #footer-interface a:active {
	color: #0C43B3;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding-right: 15pt;
	padding-left: 15pt;
	background-color: #FFFFFF;
}

#full-content{
	height: auto;
	margin-top: 25pt;
	margin-right: 25pt;
	margin-bottom: 10pt;
	margin-left: 25px;
}

#left-content{
	float: left;
	height: auto;
	width: 450pt;
	margin-top: 25pt;
	margin-right: 22pt;
	margin-bottom: 10pt;
	margin-left: 25px;
}

#contact-content{
	float: left;
	height: auto;
	width: 250pt;
	margin-top: 25pt;
	margin-right: 22pt;
	margin-bottom: 10pt;
	margin-left: 25px;
}

#right-content{
	float: left;
	height: auto;
	width: 240pt;
	margin-top: 25px;
	margin-bottom: 10px;
}

#right-contactmap{
	float: left;
	height: auto;
	margin-top: 25px;
	margin-bottom: 10px;
}

#sidebar{
	background-image: url(../images/sidebar-bg.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 239pt;
}

#sidebar-txt{
	margin-right: 19pt;
	margin-left: 16pt;
	color: #2c3e5e;
}

#testybox{
	font-size: 11pt;
	padding-top: 10pt;
	padding-right: 15pt;
	padding-bottom: 10pt;
	padding-left: 15pt;
	text-align: left;
	vertical-align: top;
}

.testyheader{
	color: #999999;
}

#footer{
	background-image: url(../images/footerbar.jpg);
	background-repeat: no-repeat;
	height: 92pt;
	width: 735pt;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333;
	text-align: left;
	vertical-align: top;
	background-position: left bottom;
	margin-left: 3pt;
}

#footer-info{
	float: left;
	height: auto;
	width: 330pt;
	font-size: 9pt;
	color: #234074;
	margin-top: 63pt;
	margin-left: 110pt;
}

#footer-header{
	float: left;
	height: auto;
	width: 290pt;
	font-size: 11pt;
	font-weight: normal;
	color: #0631a7;
	margin-top: 33pt;
	line-height: 14pt;
	text-align: right;
	font-style: italic;
}

#footer-info a:link, #footer-info a:visited {
	font-size: 9pt;
	font-weight: normal;
	color: #234074;
	text-decoration: underline;
}

#footer-info a:hover, #footer-info a:active {
	font-size: 9pt;
	font-weight: normal;
	color: #234074;
	text-decoration: underline;
	background-color: #FFFFFF;
}


#copyright{
	font-size: 8.5pt;
	font-weight: normal;
	color: #666666;
	text-align: center;
	vertical-align: top;
}

#copyright a:link, #copyright a:visited {
	font-size: 8.5pt;
	font-weight: normal;
	color: #332620;
	text-decoration: underline;
}

#copyright a:hover, #copyright a:active {
	font-size: 8.5pt;
	font-weight: normal;
	color: #0C43B3;
	text-decoration: underline;
}

td.header{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #5C3828;
	text-align: left;
	vertical-align: top;
	padding: 6px;
}

td.subheader{
	text-align: left;
	vertical-align: top;
	padding: 6px;
	border: 1px solid #5C3828;
	font-size: 13px;
	font-weight: bold;
	background-color: #E1D0B9;
}
td.txt{
	text-align: left;
	vertical-align: top;
	padding: 6px;
	border: 1px solid #5C3828;
}


.formbutton{
	cursor:pointer;
	color:#333333;
	font-weight:bold;
	background-color: #E9E4D0;
	height: 20pt;
	padding-top: 1pt;
	padding-right: 2pt;
	padding-bottom: 1pt;
	padding-left: 2pt;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
}

.firstletter{
	font-size: 14pt;
	font-weight: bold;
}

.datecolor{
	font-weight: bold;
	color: #7d8592;
}

.clear-floats { 
	clear:both; 
}




/*Menu Creator CCS*/
#dropmenudiv{
	position:absolute;
	border:1pt solid #000000;
	border-bottom-width: 2;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18pt;
	z-index:100;
	margin-top: 5pt;
	font-weight: bold;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 5pt;
	padding: 2pt 0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5pt;
	color: #FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #FCFCFC;
	color: #0C43B3;
	text-decoration: none;
	width: 100%;
	display: block;
	text-indent: 5pt;
	padding: 2pt 0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5pt;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
}

#menuheader{
	text-align: left;
	text-indent: 5pt;
	vertical-align: top;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	height: 19pt;
}

/*Gallery CCS*/
.on 
     {
	border:1 solid #8ABBEC;
	background-color: #0070FD;
}

.off
     {
	border:1 solid #CCCCCC;
	background-color: #312320;
} 

.photolabel
	{
	color: #006CF9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	line-height: 18pt;
	
}

.photolabelsub
	{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	}
	
.photoheader{
	font-family: Arial, Helvetica, sans-serif;
	color:#182732;
	font-size:20pt;
	line-height:18pt;
	font-weight:bold;
}