BODY { background:#232323; color:#999999;font-size:8pt; margin: 0px 0px 0px; font-family: Georgia,sans-serif; }
SELECT { font-size:8pt }
INPUT  { font-size:8pt }
TD  { font-size:8pt }

img.block { display: block; }
TEXTAREA { font-size:8pt; font-family: Georgia,sans-serif; }
.title { color: #ffffff }
.title a { color: #ffff00 }
.group_level {
        list-style: none;
        margin: 0;
        padding: 2px;
}
.code_level {
        list-style: none;
        margin: 0 0 0 20px;
        padding: 2px;
}
.file_closed {
        list-style: none;
        background: #fff url(images/common/file_closed.jpg) no-repeat center left;
        text-indent: 20px;
}
.file_open {
        list-style: none;
        background: #fff url(images/common/file_open.jpg) no-repeat top left;
        text-indent: 20px;
}
TD.menu_inactive { background: #000000; text-align: center }
TD.menu_active { background: #df0032; text-align: center }
TD.submenu_inactive { background: #121212; font-family: Georgia,sans-serif; }
TD.submenu_active { background-color: #000000; font-family:Georgia,sans-serif; }
TD.panel { border: solid #004a80 1px; height: "100%" }
TH.panel { background: #004a80; height: 20 }
TD.t {
	border-top: solid;
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.b {
	border-top: none;
	border-bottom: solid;
	border-right: none;
	border-left: none;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.r {
	border-top: none;
	border-bottom: none;
	border-right: solid;
	border-left: none;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.l {
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: solid;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.tb {
	border-top: solid;
	border-bottom: solid;
	border-right: none;
	border-left: none;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.tr {
	border-top: solid;
	border-bottom: none;
	border-right: solid;
	border-left: none;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.tl {
	border-top: solid;
	border-bottom: none;
	border-right: none;
	border-left: solid;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.br {
	border-top: none;
	border-bottom: solid;
	border-right: solid;
	border-left: none;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.bl {
	border-top: none;
	border-bottom: solid;
	border-right: none;
	border-left: solid;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.rl {
	border-top: none;
	border-bottom: none;
	border-right: solid;
	border-left: solid;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.tbr {
	border-top: solid;
	border-bottom: solid;
	border-right: solid;
	border-left: none;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.tbl {
	border-top: solid;
	border-bottom: solid;
	border-right: none;
	border-left: solid;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.trl {
	border-top: solid;
	border-bottom: none;
	border-right: solid;
	border-left: solid;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.brl {
	border-top: none;
	border-bottom: solid;
	border-right: solid;
	border-left: solid;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
TD.tbrl {
	border-top: solid;
	border-bottom: solid;
	border-right: solid;
	border-left: solid;
	border-color: #122451;
	border-width: 1px;
	border-height: "100%"
}
P {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	WHITE-SPACE: normal;
	TEXT-ALIGN: left
}
P.center { TEXT-ALIGN: center }
P.right { TEXT-ALIGN: right }
P.justify { TEXT-ALIGN: justify }
P.bold { FONT-WEIGHT: bold }
P.tab { COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: bold }
P.submenu { COLOR: #ffffff; FONT-SIZE: 8pt }
P.th { COLOR: #cccccc; FONT-SIZE: 8pt; FONT-WEIGHT: bold }
P.td { COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: normal }

DIV {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	WHITE-SPACE: normal;
	TEXT-ALIGN: left
}
DIV.center { TEXT-ALIGN: center }
DIV.submenu { COLOR: #ffffff; FONT-SIZE: 8pt }

H1 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	TEXT-ALIGN: left
}
H1.center { TEXT-ALIGN: center }
H1.right { TEXT-ALIGN: right }
H1.justify { TEXT-ALIGN: justify }

H2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 16pt;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	TEXT-ALIGN: left
}
H2.center { TEXT-ALIGN: center }
H2.right { TEXT-ALIGN: right }
H2.justify { TEXT-ALIGN: justify }

H3 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14pt;
	COLOR: #aaaaaa;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	TEXT-ALIGN: left
}
H3.center { TEXT-ALIGN: center }
H3.right { TEXT-ALIGN: right }
H3.justify { TEXT-ALIGN: justify }

H4 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	TEXT-ALIGN: left
}
H4.center { TEXT-ALIGN: center }
H4.right { TEXT-ALIGN: right }
H4.justify { TEXT-ALIGN: justify }
.form { COLOR: #DF0032; FONT-WEIGHT: bold }

H5 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	WHITE-SPACE: normal;
	TEXT-ALIGN: left
}
H5.center { TEXT-ALIGN: center }
H5.right { TEXT-ALIGN: right }
H5.justify { TEXT-ALIGN: justify }
H5.tkr { padding-left: 1em }
H5.bold { FONT-WEIGHT: bold }
H5.date { COLOR: #000000 }
H5.news { COLOR: #ffffff }

H6 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 7pt;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	WHITE-SPACE: normal;
	TEXT-ALIGN: left
}
H6.center { TEXT-ALIGN: center }
H6.right { TEXT-ALIGN: right }
H6.justify { TEXT-ALIGN: justify }

A {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #0000ff;
	FONT-STYLE: normal;
	FONT-FAMILY: Georgia,sans-serif;;
	TEXT-DECORATION: none
}
A:hover { TEXT-DECORATION: underline }
A:visited {  }
A.menu_inactive { COLOR: #cccccc; FONT-SIZE:8pt; FONT-WEIGHT: bold }
A.menu_inactive:hover { COLOR: #ffffff; TEXT-DECORATION: underline }
A.menu_inactive:visited { }
A.menu_active { COLOR: #000000; FONT-SIZE: 8pt; FONT-WEIGHT: bold }
A.menu_active:hover { COLOR: #ffffff; TEXT-DECORATION: underline }
A.menu_active:visited { }


A.submenu_inactive { color:#CCCCCC;}
A.submenu_inactive:hover { color:#FFFFFF; text-decoration:underline;}
A.submenu_inactive:visited {color:#CCCCCC;}
A.submenu_active { color:#FFFFFF;}
A.submenu_active:hover {color:#FFFFFF; text-decoration:underline;}
A.submenu_active:visited {color:#FFFFFF; }


A.LI { color:#CCCCCC; }
A.LI:hover {  color:#CCCCCC; text-decoration:underline;}
A.LI:visited { color:#CCCCCC; }
A.H1 { FONT-SIZE: 20pt }
A.H1:hover { TEXT-DECORATION: underline }
A.H1:visited { FONT-FAMILY:Georgia,sans-serif; COLOR: #0000ff }
A.H2 { FONT-SIZE: 16pt }
A.H2:hover { TEXT-DECORATION: underline }
A.H2:visited { FONT-FAMILY:Georgia,sans-serif; COLOR: #0000ff }
A.H3 { FONT-SIZE: 14pt }
A.H3:hover { TEXT-DECORATION: underline }
A.H3:visited { FONT-FAMILY:Georgia,sans-serif; COLOR: #0000ff }
A.P  { FONT-SIZE: 8pt }
A.P:hover { TEXT-DECORATION: underline }
A.P:visited { FONT-FAMILY:Georgia,sans-serif; COLOR: #0000ff }
A.H4 { FONT-SIZE: 8pt }
A.H4:hover { TEXT-DECORATION: underline }
A.H4:visited { FONT-FAMILY:Georgia,sans-serif; COLOR: #0000ff }
A.H5 { color:#CCCCCC; }
A.H5:hover { color:#CCCCCC; text-decoration:underline; }
A.H5:visited { color:#CCCCCC; }

.section_title { 
background-image:url(/images/common/main_title_bg.jpg);
background-repeat:repeat-x;
width:640px;
height:44px;
font-family:'Trebuchet MS';
text-transform: uppercase; 
font-size:16px;
font-weight:900;
color:#FFF;
vertical-align:middle;
text-align:left;
padding:9px 12px 12px 10px;
}

.section_text{
line-height: 18pt;
font-size:12px;
}

A.extra_links{
float: left;
font-family:'Trebuchet MS';
font-size: 10px, 
text-transform: uppercase; 
color:#666666;
text-decoration: underline;
}


.in_text_link
{
color:#cc0000;
text-decoration: underline;
}

.loc_link
{
color:#990000;
text-decoration: underline;
}

.loc_row
{
height:30px;
background-color:#cccccc;
}

 
 
.my_ruler
{
background-color:#333333;
color:#232323;
}


.top_left_corner
{ 
font-family: Georgia,sans-serif; 
font-size:12px;
color:#999999;
}


.pdf_string { 
background-image:url(/images/common/main_title_bg.jpg);
background-repeat:repeat-x;
font-family:'Trebuchet MS';
font-size:9px;
color:#cc0001;
vertical-align:middle;
text-align:left;
padding:5px 5px 5px 10px;
}

#whats-new-mini-list
{
	height: 528px;
	width: 230px;
	padding: 15px;
	background-image:url( "/images/whatsnew/whatsnew_sidebar_bg.jpg" );
	background-repeat:no-repeat;
}

	#whats-new-mini-list h2
	{
		margin: 0px;
		padding: 5px 0px 7px 0px;
	}
	
	#whats-new-prev-page a, #whats-new-next-page a
	{
		display:block;
		background-color: #000;
		opacity: .5;
		text-align:center;
		padding: 5px 0px;
		color: #FFF;
		height: 15px;
	}
	
	#whats-new-next-page
	{
		margin-top: 7px;
	}
		#whats-new-next-page, #whats-new-prev-page
		{
			background-repeat:no-repeat;
			background-position: 50% 50%;
		}
	
		#whats-new-next-page
		{
			background-image:url( "/images/whatsnew/arrow_down_active.png" );
		}
		
		#whats-new-next-page.disabled
		{
			background-image:url( "/images/whatsnew/arrow_down_disabled.png" );
		}
		
		#whats-new-prev-page
		{
			background-image:url( "/images/whatsnew/arrow_up_active.png" );
		}
		
		#whats-new-prev-page.disabled
		{
			background-image:url( "/images/whatsnew/arrow_up_disabled.png" );
		}

		
div.whats-new-item-mini
{
	width: 230px;
	height: 80px;
	margin-top: 7px;
	z-index: 0;
}

	div.whats-new-item-mini div.whats-new-item-outline
	{
		position: absolute;
		display:none;
		width: 261px;
		height: 105px;
		background-image:url( "/images/whatsnew/item-outline.png" );
		background-repeat: no-repeat;
		margin-top: -10px;
		margin-left: -10px;
		z-index: 200;
	}
	
		div.whats-new-item-mini.selected div.whats-new-item-outline
		{
			display:block;
			z-index: 200;
		}

	div.whats-new-item-mini .thumb
	{
		float: left;
		height: 80px;
		width: 110px;
	}
		
		div.whats-new-item-mini .thumb img
		{
			height: 80px;
			width: 110px;
			border-style: none;
		}
			div.whats-new-item-mini.selected .thumb img
			{
				position: absolute;
				z-index: 500;
			}
		
	div.whats-new-item-mini .item-title
	{
		float: left;
		width: 120px;
		_width: 120px;
		height: 80px;
		_height: 80px;
		color: #FFF;
		background-color: #333;
	}
		div.whats-new-item-mini .item-title-z
		{
			width: 110px;
			_width: 120px;
			height: 70px;
			_height: 80px;
			color: #FFF;
			background-color: #333;
			padding: 5px;
		}
		
		div.whats-new-item-mini.selected .item-title-z
		{
			position: absolute;
			z-index: 500;
		}
	
		div.whats-new-item-mini .item-title a
		{
			color: #FFF;
		}
		
div.whats-new-item
{
	width: 620px;
	height: 90px;
	margin-bottom: 5px;
}

	div.whats-new-item .thumb
	{
		float: left;
		height: 90px;
		width: 120px;
	}

		div.whats-new-item .thumb img
		{
			height: 90px;
			width: 120px;
			border-style: none;
		}
		
	div.whats-new-item .item-title
	{
		float: left;
		width: 490px;
		height: 80px;
		_height: 90px;
		color: #FFF;
		background-color: #333;
		padding: 5px;
	}
	
		div.whats-new-item .item-title a
		{
			color: #FFF;
		}
		
		div.whats-new-item .item-title p
		{
			color: #FFF;
			padding: 0px;
			margin: 2px 0px;
		}
		
		div.whats-new-item .item-title .item-title-desc
		{
			margin-top: 10px;
		}
p.show-more
{
	clear: both;
	margin-top: 10px;
	padding-top: 8px;
	margin-bottom: 15px;
}
		
a.show-more
{
	color: #FFF;
	padding: 10px 0px;
	margin-top: 10px;
}

.align-right
{
	text-align: right;
}

.clear
{
	clear: both;
}

div#whats-new-head div.thumb
{
	width: 530px;
	text-align: left;
	overflow: hidden;
	float: left;
}

	div#whats-new-head div.thumb img
	{
		max-width: 530px;
	}
	
	div#whats-new-head p
	{
		color: #FFF;
		line-height: 18pt;
		font-size: 12px;
		margin: 0px;
	}
	
	div#whats-new-head.head-bottom-margin
	{
		margin-bottom: 10px;
	}

div#whats-new-head div.item-title
{
/*	float: left;
	height: 90px;
	width: 490px;
	padding: 5px;*/
}

	div#whats-new-head div.item-title h1
	{
		color: #FFF;
	}
	


div#whats-new-images
{
	margin-left: 10px;
	width: 80px;
	float: left;
}
	div#whats-new-images h3
	{
		margin: 5px 0px;
		padding: 5px 0px;
		border-top: 1px solid #333;
		border-bottom: 1px dotted #333;
	}

	div#whats-new-images div.img-item
	{
		height: 80px;
		width: 80px;
		margin-bottom: 10px;
		cursor: pointer;
		overflow: hidden;
	}
	
	div#whats-new-images img
	{
		border-style: none;
	}
	
div#whats-new-desc
{
	padding: 10px 0px;
	line-height: 18px;
	color: #FFF;
	clear: both;
	width: 530px;
}

	div#whats-new-desc p
	{
		color: #FFF;
		width: 100%;
	}

div#whats-new-desc h2, div#whats-new-videos h2
{
	color: #CC0001;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
}

#whats-new-videos
{
	display: none;
}

div.video-div
{
	clear: both;
	margin-bottom: 10px;
}

div.vid-thumbnail
{
	float: left;
	width: 240px;
	height: 180px;
	cursor: pointer;
}

div.vid-content
{
	float: left;
	width: 360px;
	_width: 380px;
	height: 160px;
	_height: 180px;
	padding: 10px;
	background-color: #222;
	color: #EEE;
}

div.vid-caption
{
	color: #999;
	margin-bottom: 10px;
}

div.vid-link a
{
	color: #EEE;
}

div#whats-new-container
{
	width: 370px;
	position:relative;
}

	#whats-new-container #slider-prev, #whats-new-container #slider-next
	{
		color: #000;
		width: 45px;
		height: 277px;
		cursor: pointer;
		font-size: 12px;
		margin-bottom: 5px;
		background-color: #000;
		position: absolute;
		z-index: 1000;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
		#slider-prev:hover, #slider-next:hover
		{
			text-decoration: underline;
		}
		
	#whats-new-container #slider-pager
	{
		color:#FFF;
		float:left;
		width: 250px;
		font-size: 12px;
		list-style-type: none;
		margin: 15px 0px;
		padding: 0px;
	}
		#slider-pager li
		{
			float: left;
			margin-right: 5px;
		}
		
		#slider-pager a
		{
			display: block;
			color: #FFF;
			padding: 0px;
			width: 35px;
			height: 15px;
			background-color: #444;
			border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
		}
			#slider-pager li.activeSlide a
			{
				color: #999;
				text-decoration: underline;
				background-color: #888;
			}
	
	#whats-new-container #slider-next
	{
		text-align: right;
		right: 0px;
		background-image:url( "/images/home_page/arrow-next.png" );
	}
	
	#whats-new-container #slider-prev
	{
		float: left;
		background-image:url( "/images/home_page/arrow-prev.png" );
	}

div#whats-new-slider
{
	width: 370px;
	height: 280px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	clear: both;
}

	#whats-new-slider ul
	{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#whats-new-slider li
	{
		height: 250px;
	}

	#whats-new-slider img
	{
		width: 370px;
		border: none;
		display: block;
	}
	
	#slider-desc
	{
		clear: both;
		background-color: #333;
		color: #FFF;
		padding: 5px;
	}
	
	#prevBtn a,#nextBtn a
	{
		color: #FFF;
		font-size: 16px;
	}
	
	#nextBtn, #prevBtn
	{
		position: absolute;
		margin-top: -25px;
		background-color:#000;
		padding: 3px 5px;
	}
	
	#nextBtn
	{
		right: 0px;
	}
	
	#whats-new-container p.whats-new-more
	{
		margin: 15px 0px;
	}
	
	
#water-septic-content
{
	color: #FFF;
}

	#water-septic-content h4
	{
		color: #FFF;
		font-size: 16px;
		font-weight: bold;
		margin: 0px 0px 20px;
	}
	
	#water-septic-content p
	{
		color: #FFF;
		font-size: 12px;
		line-height: 18pt;
		padding: 0px;
		margin: 20px 0px;
	}
	
	#water-septic-image
	{
		width: 620px;
	}	
	
	#water-septic-content .water-septic-group
	{
		background-color: #222;
		padding: 20px 20px 0px 20px;
		margin-bottom: 20px;
	}
	
		div.water-septic-item
		{
			clear: both;
			color: #FFF;
			padding-bottom: 20px;
		}
		
			.water-septic-item .item-thumb
			{
				width: 240px;
				height: 180px;
				float: left;
				margin-right: 20px;
			}
			
			.water-septic-item .item-title
			{
				color: #FFF;
				width: 310px;
				float: left;
				margin-bottom: 20px;
				font-size: 14px;
				font-weight: bold;
			}
			
			.water-septic-item .item-desc
			{
				color: #FFF;
				width: 310px;
				float: left;
				margin-bottom: 20px;
			}
			
			.water-septic-item .item-extras
			{
				width: 310px;
				float:left;
			}
				.item-extras h5
				{
					color: #FFF;
					margin: 0px 0px 5px 0px;
				}
				
				.item-extras ul
				{
					list-style-type: none;
					padding: 0px;
					margin: 0px;
				}
					.item-extras ul a
					{
						color: #AAA;
					}