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

Design by: ArtGirl Design (http://www.artgirldesign.com)
Production 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, #wrapper_2
{margin:0 auto 10px auto; padding:0; background-color:#CDE3EF; width:800px; min-height:600px;}
/*wrapper 2 is galactic guy page*/
#wrapper_2 {background-color:#FFFFFF; min-height:1200px;}

	/*Header*/
	/* 1)Big Pipes 2)Dos & Don'ts 3)FAQ 4)Links 5)Galactic Guy 6)Glossary 7)About Us */
	#header {}
	#header_1, #header_2, #header_3, #header_4, #header_5, #header_6
	{background-color:#CDE3EF; width:800px; height:115px; margin:0 0 25px 0; padding:0; border:0;}
	#header_1 {background-image:url(../images/content/school/pipe/pipe_header.gif);}
	#header_2 {background-image:url(../images/content/school/do/do_header.gif);}
	#header_3 {background-image:url(../images/content/school/faq/faq_header.gif); height:280px;}
	#header_4 {background-image:url(../images/content/school/links/links_header.gif);}
	#header_5 {background-image:url(../images/content/townhall/gg_header.gif); height:300px; background-color:#FFFFFF;}
	#header_6 {background-image: url(../images/content/glossary/glossary_header.gif); height:115px;}
	#header_7 {background-image: url(../images/content/company/about/about_header.gif); height:115px;}
	#header_8 {background-image: url(../images/content/townhall/statelocal_header.gif); height:115px;}
		#header_button {width:110px; top:45px; left:680px; position:relative;}
		#header_button_left {width:125px; margin:0; padding:0; border:0; position:relative; left:10px; top:45px;}
		#header_button_left_3 {width:125px; margin:0; padding:0; border:0; position:relative; left:10px; top:110px;}

			#header_nav_faq {width:525px; left:50px; top:155px; position:relative;}
				.header_nav_faq_item {display:inline;}
	
	#content_wrapper_1 {width:800px; margin:0; padding:1px 15px 0 15px; border:0; clear:both; min-height:500px;}
	* html #content_wrapper_1 {padding:0;}

		/*MOST LAYOUTS WILL USE CONTENT_1*/
		#content_1 {font-size:0.76em; line-height:1.35em;}
			#content_1_a {margin:10px 50px; padding:0; border:0;}
			#content_1_a p {margin:0; padding:0 0 15px 0;}
		#content_5 {margin:10px 50px; padding:0; border:0;}
			#content_5 p {margin:0; padding:10px 0 15px 0; font-size:1.35em; line-height:1.45em; font-weight:bold;}			
		#content_6 {text-align:center;}

		/*SUBHEAD*/
		#subhead {text-align:center;}

		/*CONTENT_FOOTER*/
		#content_footer {margin:15px 0 15px 20px;}
			#content_footer_1 {margin:0; height:215px;}
				#content_footer_1_a {width:170px; float:left; }
				#content_footer_1_b {margin-left:175px;}
			#content_footer_2 {margin:50px 0 15px 120px; display:block; height:150px;}
			#content_footer_3 {margin:0; height:265px;
			background-image:url(../images/content/school/faq/faq_flowers.gif); background-repeat: no-repeat;}
			#content_footer_7 {margin:0; height:235px; width:785px;}
				#content_footer_7_a {width:170px; float:left;}
				#content_footer_7_b {margin-left:175px; float:right;}

			/*CONTENT FOOTER BUTTONS*/			
			#content_footer_buttons, 
			#content_footer_buttons_2, #content_footer_buttons_3, #content_footer_buttons_5, 
			#content_footer_buttons_right, #content_footer_buttons_right_6
			{width:125px; margin:0; padding:0; border:0; position:relative; left:10px; top:10px;}
			
			#content_footer_buttons {top:25px;}
			#content_footer_buttons_2 {left:645px; top:10px; height:50px;}
			#content_footer_buttons_3 {width:775px;}
			#content_footer_buttons_5 {left:10px; top:10px;}
			#content_footer_buttons_right {left:600px; top:150px;}
			#content_footer_buttons_right_6 {left:600px; top:10px; height:50px;}
			
			#content_footer_buttons_5 img {padding:0; margin:0 0 10px 0; border:0;}

	/*PAGE FOOTER*/
	#footer {clear:both; height:65px; text-align:center; margin:15px 25px 10px; font-size:0.72em; line-height:1.25em;}
		.footer_button_right {left:665px;}

/**************
CLASSES/PAGES
**************/
/*BIG PIPE*/
.face_list {margin:10px 50px; padding:0; border:0;}
.face_list p {clear:left; padding:3px 0;}
.face_list img {float:left;}
.face_list_except img {padding:0; margin:-5px 0 0 0;}

/*DO DON'T*/
.do_list {margin:5px 50px; padding:7px 3px; border:0; height:50px;}
.do_list p {clear:left; widows:2;}
.do_list img {margin:-5px 10px 0 0;}
.septic_do {font-size:1.65em; font-weight:bold; color:#281384;}

.do_list_2 {margin:15px 0; padding:0; border:0; height:110px; width:500px;}
.do_list_a {width:150px; float:left;}
.do_list_b {margin-left:-155px;}
.do_list_b p {padding:7px 0 0 0;}
.do_list_b strong {color:#281384;}

/*STATE-LOCAL*/
.sl_section {margin:0 25px 25px 50px; width:600px;}
	.sl_title_left {width:65px;float:left;}
	.sl_title_right {margin-left:70px;}
	.sl_title_right img {margin:15px 0 0 0;}
.sl_location {clear:both; margin-top:15px;}
.sl_location p {font-size:1.45em; font-weight:bold; color:#281384; margin-left:75px;}
.sl_item {margin-left:75px;}
	.sl_description {margin-top:5px;}
	.sl_link {margin-bottom:10px;}


/*FAQ*/
.faq_list {margin:0; padding:3px; border:0; clear:left;}
.faq_list p {margin:3px; padding:5px 0; border:0;}
.faq_text {margin-left:118px; margin-right:50px;}
.faq_list img {}
.faq_qmark, .faq_qmark_except {width:110px; margin:50px 0 0 0; padding:0; border:0; float:left;}
.faq_qmark_except {margin:0px 0 0 0;}
#faq_bigdeal_l {padding:0; margin:0 0 10px 0;}
#faq_bigdeal_r img {padding:0; margin:0 0 7px 7px;}
.faq_text_2 {margin-left:118px; margin-right:50px;}

/*LINKS PAGE*/
#links {margin:0 50px 0 75px; padding:0; border:0;}
#links_arrow {width:150px; float:right;}
#links p {line-height:1.65em;}

/*GALACTIC GUY*/
#gg_hydro {width:335px; float:right; margin:15px 0 15px 25px;}
#gg_thankyou {width:350px; float:right; margin:0;}

/*GLOSSARY */
#glossary_abc {margin:10px auto; padding:0 0 0 20px; display:block; height:150px;}
	.glossary_abc_item {float:left; padding:10px 0 5px 0; margin:0; width:58px;}
#glossary_defn {width:580px; margin:25px auto 0 auto; padding:0; min-height:175px;}
	#glossary_defn_left {width:280px; float:left; border:0;}
	#glossary_defn_right {margin-left:295px; border:0;}
	.glossary_defn_item {font-size:1.25em; padding:5px 0; border:0;}
.glossary_sources {font-size:0.9em; height:35px; text-align:center; width:425px; margin:25px auto 0 auto; padding:0; clear:both; border:0;}

/*GLOSSARY DEFINITION*/
#wrapper_defn {margin:0 auto 10px auto; padding:0; background-color:#CDE3EF; width:425px; min-height:275px;}
#header_defn {background-color:#CDE3EF; width:425px; height:85px; margin:0 0 10px 0; padding:0; border:0; background-image:url(../images/content/glossary/defn_header.gif);}
#content_defn {margin:0; padding:10px 20px; min-height:150px;}
	#content_defn p {font-size:0.76em; margin:0; padding:0 0 10px 0;}
	#content_defn strong {color:#281384; font-size:1.5em;}
#footer_defn{height:25px;}
	#footer_defn img {float:right; padding:0; margin:0 10px 0 0;}

/*About Us*/
.aboutus_list_item {clear:both; margin:15px 0; width:700px; min-height:110px;}
.aboutus_img {width:160px; float:left;}
.aboutus_txt {margin-left:160px;}
	.aboutus_txt p {margin:0; padding:5px 0 0;}
	.aboutus_txt span {color:#281384; font-weight:bold;}


/*GLOBAL*/
.closeprint {margin:0; padding:0; border:0;}
.glossary {color:#281384; font-weight:bold;}
.links {}
.floatleft {float:left;}
.floatright {float:right;}

/**************
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;}

/*global links to glossary popup*/
.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;}

/*glossary page iteself, highlighted terms*/
.glossary_defn_item a:link {color:#281384; text-decoration:none; font-weight:bold;}
.glossary_defn_item a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
.glossary_defn_item a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

/*definitions*/
a.definition {position:relative; z-index:9; cursor:help;}
a.definition:hover {z-index:10; white-space: normal;}
a.definition span {display:none;}
a.definition:hover span {display:block; position:absolute; 
top:20px; left:30px; padding:5px; border:1px solid #281384; width:325px;
background-color:#ffffff; color:#0671B0; text-align:left; font-size:.76em; font-weight:normal;}

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

/*links on statelocal results page */
.sl_link a:link {color:#281384; text-decoration:none; font-weight:bold;}
.sl_link a:visited {color:#0671B0; text-decoration:none; font-weight:normal;}
.sl_link a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

.clear {clear:both;}

/**************
IE ONLY HACKS - SHOW ALL IE
**************/
* html #wrapper {height:600px; width:800px;}
* html #wrapper_2 {height:1200px;}
* html #content_wrapper_1 {height:500px;}
* hmtl #glossary_defn {height:175px;}
* html #wrapper_defn {height:275px;}
* html #content_defn {height:150px;}
* html .aboutus_list_item {height:110px;}

/**************
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!)
**************/
	/*\*//*/
	
	#wrapper {height:auto;}
	#wrapper_2 {height:auto;}

	.face_list p {clear:none; float:left;}
	.face_list {clear:left;}

	.do_list p {clear:none; float:left;}
	.do_list {clear:left;}
	
	.faq_list {clear:left;}
	
	#content_footer_buttons_2 {clear:left;}
	
	/**/
	
/* End Mac Only hacks */