@import url(/css/form_style.css);
/* TF1.css */
/* ------------ */
/* ------------ */
body {
	font-family: Verdana, sans-serif;
	font-size: 77%;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	text-align: center;
	behavior:url(/css/csshover.htc); /* dragging in the script that enables rollovers (hover pseudo class) on selectors (i.e. <li>)*/
}

#container {
	margin:0px auto;
	width: 736px;
	padding: 0px;
	text-align: left;
}

logo {
	margin: 0px;
	padding:0px;
	width: 317px;
	height: 65px;
}

.terms {margin: 0px 0px 10px 38px;}

img {
	margin: 0px 0px 0px 50px;
	border:none;
}

#tank_top {
	padding: 0px 0px 0px 0px;
	margin:0px;
	width:734px;
	height: 78px;
	background:url("/images/tank_top.gif") no-repeat;
}

#content {
	margin:0px;
	width: 716px;
	height: 430px;
	border-left: solid 9px #D1D2D4;
	border-right: solid 9px #D1D2D4;
	background:url("/images/yellowandwhiteX.gif") repeat-x;
	background-color:#F8B900;
}

#left_column {
	padding: 0px;
	margin: 0px 0px -20px 32px;
	position:relative;
	top:-20px;
	width: 235px;
	float:left;
}

#left_column.leftAdmin{width:1%;}

#right_column {
	padding: 0px;
	margin: 0px;
	width: 360px;
	position:relative;
	top:-20px;
	float:left;
}

#right_column.admin{width:600px; margin:15px;} 

#white_box {
	padding:0px;
	margin:0px;
	width: 235px;
	background-color:#FFF;
}

#white_bottom {
	padding: 0px;
	margin: 0px;
	width: 235px;
	height: 19px;
	background:url("/images/white_bottom.gif") no-repeat;
}

#tel_no {
	padding: 0px;
	margin: 0px;
	width: 235px;
	height: 30px;
	background:url("/images/tel_no.gif") no-repeat
}

p, .list  {
padding: 0px; 
margin: 0px 0px 15px 40px; 
font-size:.9em; 
color: #111111;
}

.smallText{font-size:.8em; font-family: Arial, sans-serif;}

.right {margin:-15px 0px 0px 550px; font-size:.8em;}
.left {margin:-15px 0px 0px 60px; font-size:.8em;}

a {color: #111111;}
a:hover {color: #999999;}

h1 {
	padding:0px;
	margin: 0px 0px 10px 40px;
	font-size:1.2em;
	color: #111111;
}

#bullets {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
	position: absolute;
	top: 220px;
	width: 309px;
	height: 155px;
	background:url("/images/bullets.gif") no-repeat;
		height:155px; /* IE treats this almost as a minimum height. If the contents are larger than the height of the element IE will expand to contain the element. Other browsers are more strict in their interpretation. */
	min-height:155px; /* The above problem is overcome by setting a min-height of 100%, which IE ignores but other compliant browsers understand */
}

#bulletsNEW {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 190px;
	width: 340px;
	height: 155px;
height:155px; /* IE treats this almost as a minimum height. If the contents are larger than the height of the element IE will expand to contain the element. Other browsers are more strict in their interpretation. */
	min-height:155px; /* The above problem is overcome by setting a min-height of 100%, which IE ignores but other compliant browsers understand */
}

html>body #bullets{height:auto;}

#tank_bottom {
	margin:0px;
	width: 734px;
	height: 78px;
	background:url("/images/tank_bottom.gif") no-repeat;
}
	
/* -------------- */
/* Top Navigation */
/* -------------- */

#nav_box {
	padding: 0px;
	margin: 0px 0px 0px 407px;
}


#utilityNav {
	margin:0px;
	padding:0px;
	position:relative;
	top:8px;
	font-size:1em;
	display:inline;
}

#utilityNav li {
	margin:0px;
	padding:55px 0px 5px 0px;
	display:inline;
	/*border-right:1px solid #F8B900;	*/
}

#utilityNav li:hover, #utilityNav li.currentSection {
	background:url("/images/drip.gif") no-repeat center;
}

#utilityNav li a.lastitem {
	border:none;
}

#utilityNav a {
	margin:0px;
	padding:0px 11px 0px 10px;
	color:#111111;
	text-decoration:none;
	border-right:1px solid #F8B900;
}

/*#utilityNav a:hover, #utilityNav li.currentSection a{
	margin:0px 0px 0px 0px;
	/*padding:48px 11px 0px 10px;*/
	/*color:#111111;
	text-decoration:none;
	/*background:url("/images/drip.gif") no-repeat center;*/
/*}

/* -------------- */
/* left Navigation */
/* -------------- */

#Nav_left {
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 235px;
	/*height: 368px;*/
	font-size:1em;
	list-style:none;
}

#Nav_left li {
	margin:0px 0px 0px 0px;
	padding:40px 0px 0px 30px;
	height: 66px;
	width: 169px;
}

#Nav_left a.home {
	margin:0px 0px 0px 0px;
	padding:26px 38px 25px 97px;
	background:url("/images/home_button.gif") no-repeat;
	text-decoration:none;	
}

#Nav_left a.quote {
	margin:0px 0px 0px 0px;
	padding:26px 18px 25px 77px;
	background:url("/images/quote_button.gif") no-repeat;
	text-decoration:none;
}
	
#Nav_left a.contact {
	margin:0px 0px 0px 0px;
	padding:26px 34px 25px 92px;
	background:url("/images/contact_button.gif") no-repeat;
	text-decoration:none;
}
	
#Nav_left a.home:hover {
	margin:0px 0px 0px 0px;
	padding:26px 38px 25px 97px;
	background:url("/images/home_button_over.gif") no-repeat;
	text-decoration:none;
}

#Nav_left a.quote:hover {
	margin:0px 0px 0px 0px;
	padding:26px 18px 25px 77px;
	background:url("/images/quote_button_over.gif") no-repeat;
	text-decoration:none;
}

#Nav_left a.contact:hover {
	margin:0px 0px 0px 0px;
	padding:26px 34px 25px 92px;
	background:url("/images/contact_button_over.gif") no-repeat;
	text-decoration:none;
}

#Nav_left a.contact:hover, #Nav_left a.quote:hover, #Nav_left a.home:hover, #Nav_left a.contact, #Nav_left a.quote, #Nav_left a.home {color:#111111;}

/* --------------------- */

/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */