/* CSS Document */
/**************
SepticGuy.com
Main Style Sheet
version 1.1
March 16, 2005

Design by: ArtGirl Design (http://www.artgirldesign.com)
Production etc by: Product 9 DESIGN (http://www.product9.com)
**************/

body {margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; color:#0671B0; background-color:#B4D4E7;}
p {margin:0; padding:0;}
img {border:0;}

/**************
LAYOUT
**************/
#wrapper {margin:0 auto 0 auto; padding:0; background-color:#CDE3EF; width:800px; height:600px;}
	#header {background-color:#0671B0; width:800px; height:65px; margin:0; padding:0; border:0;}
	
	#content_wrapper, #content_wrapper_2 {width:800px; height:535px; margin:0; padding:0; border:0; background-color:#CDE3EF;}
	#content_wrapper_2 {background-color:#B8DEC7;}
	
		/*NAVIGATION*/
		#content_left {float:left; width:145px; height:535px; background-color:#ffffff;}
			#subhead_left {height:35px;}
			#nav {float:left; width:140px; height:500px; background-color:#0D8E41;}
			.nav {height:40px; background-color:#0D8E41;}

		/*MAIN CONTENT*/
		#content_right, #content_right_2 {margin-left:145px; width:655px; height:535px; background-color:#CDE3EF;}
		#content_right_2 {background-color:#B8DEC7;}
			#subhead_right {width:655px; height:35px; margin:0; padding:0; background-color:#FFFFFF;}
			#content {font-size:0.76em; line-height:1.25em;}
			
			/*****Content Layout 1 - has two columns, left 335, right 320*/
				#content_layout_1 {float:left; width:655px; margin:0; height:500px;}
					#content_layout_1_left  {float:left;  width:335px; height:500px;}
						#content_layout_1_left p {margin:0; padding:7px 7px 3px 15px;}
					#content_layout_1_right {float:right; width:320px; height:500px;}
			
			/*****Content Layout 2 - has two columns, left 235, right 420*/
				#content_layout_2 {margin:0;}
					#content_layout_2_left {width:235px; float:left;}
						#content_layout_2_left p {margin:0; padding:7px 10px 3px 20px;}
					#content_layout_2_right {width:420px; float:right;}

			/*****Content Layout 3 - one column, 655, septicville.php */
				#content_layout_3 {margin:0; width:655px;}
						#content_layout_3 p {margin:0; padding:7px 10px 3px 20px;}
				
				
	#footer {clear:both; background-color:#B4D4E7; height:150px; text-align:center; font-size:0.7em;}
		#footer p {margin:0; padding:10px 0 10px 0;}
		.footer {display:inline;}
			

/**************
LINKS
**************/
a:link {color:#281384; text-decoration:none; font-weight:bold;}
a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

.footer a:link {color:#0671B0; text-decoration:none; font-weight:normal;}
.footer a:visited {color:#0671B0; text-decoration:none; font-weight:normal;}
.footer a:hover {color:#0D8E41; text-decoration:none; font-weight:normal;}

.glossary a:link {color:#281384; text-decoration:none; font-weight:bold;}
.glossary a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
.glossary a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

/**************
CLASSES
**************/
.glossary {color:#281384;}
.green {color:#0D8E41;}
.red {color:#CB2229;}
.signpost {margin:0; padding:0; border:0;}
.signpost img {margin:0; padding:0; border:0;}

.septicville img{float:left; margin:0; border:0; padding:0;}
#traintable td p {margin:0; padding:0 0 3px 20px;}

.septicschool {margin:0; padding:5px 0 0 20px; border:0;}
.septicschool_txt {text-align:center;}
.septicslides {margin:0; padding:2px 0 0 50px; border:0;}

.rulesregs {margin:0; padding:0 0 10px 35px; border:0;}
.rulesregs_txt {margin:0; padding:20px 20px 20px 0; text-align:center;}

#contactform {margin:0; padding:5px 5px 0 35px;}
.contactus {margin:0; padding: 20px 0 0 0;}

/* form */
#onsitepro_state_wrapper {text-align:center; margin:10px 0 0 50px; width:200px;}
#onsitepro_state {width:200px; height:100px;
	background-image:  url('/images/content/onsitepro/onsitepro_envelope.gif');
	background-color:#B4D4E7; }
#onsitepro_state_form {font-size:0.95em; margin:0; padding:50px 0 0 0; border:0;}

/* list */
.onsitepro {margin:0; padding:0 0 5px 20px; border:0; height:50px;}
.onsitepro img {margin:0; padding:0 10px 0 0; border:0;}
.onsitepro p {margin:0; padding:5px 0 0 5px;}

/**/
#onsitepro p {margin:0; padding:7px 25px 3px 15px; line-height:1.35em;}


/**************
IE ONLY HACKS - SHOW ALL IE
**************/
* html #onsitepro_state_form  {padding:30px 0 0 0;}
* html #content_right, * html #content_right_2 {margin-left:142px;}
* html #content_left {margin-right:-3px;}

/**************
IE MAC ONLY HACKS - HIDE from mac
**************/
	/* Hide from IE5-mac. Only IE-win sees this. \*/

	
	/* End hide from IE5/mac */

/**************
IE MAC ONLY HACKS - SHOW to mac
(no comments in hack area!)
**************/
	/*\*//*/
	

	
	/**/
	
/* End Mac Only hacks */