@charset "utf-8";
/* CSS Document */

body { background: #FFF; color: #000; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
textarea { font-family: Arial, Helvetica, sans-serif; }
img { border: none; }
img.right { float: right; margin-left: 10px; }
img.left { float: left; margin-right: 10px; }
a { text-decoration: none; }

/* PNGfix */
img, div { behavior: url(iepngfix.htc) }

/*  Layout  */
#outer { }
.wrapper { width: 960px; min-height: 32px; margin: 0 auto; }

/*~> Navigation <~*/
#navmenu {   width: 780px; margin: 0 auto; font: bold 12px/25px Arial, Helvetica, sans-serif; }
#nav a { background: #FFF; margin:0;  border: none; padding:0; border-left: 1px solid #BCD2E6; }
#nav a span.menutab { display:block; background:url("../css/tabright1.gif") no-repeat right top #FFF; color:#627EB7;  padding:9px 20px 10px 6px;}
#nav ul a { color: #627EB7; background: none #FFF; padding:9px 10px 10px 6px; }
#nav ul li { border-top: 1px solid #BCD2E6; }
#nav a:hover span.menutab , #nav ul a:hover { color:#cc0000; }
#nav a:hover { background-position:0% -42px; }
#nav a:hover span.menutab  { background-position:100% -42px; }
#nav #current a { background-position:0% -42px; }
#nav #current a span.menutab  { background-position:100% -42px; }

/* content */

#content { padding: 20px 90px; line-height: 1.5;}
#content h1 { color: #cc0000; margin: 0; font-size: 21px; }
#content p, #content li { font-size: 13px;}
#content p { margin: 0.5em 250px 0.5em 0;}
#content p a { color: #cc0000; text-decoration: underline; }
#content h2 { clear: left; font-size: 16px; border-bottom: 1px dotted #BCD2E6; margin-right: 250px; margin-top: 1.5em;}
#content img { border: 1px solid #BCD2E6; }
#content img.alright { clear: right; float: right;  margin: 20px; }
#content img.noborder { border: none; }
#content ul { margin-top: 0.5em; margin-right: 250px; }
#content ul.col { float: left; width: 200px; margin-right: 0px; }
#content h4 { margin-bottom: 0.5em; }

div.helpline { width: 170px; height: 150px; background: url(../images/helpline-callout-bkg.png) no-repeat; margin: 0 0 10px 10px; clear: right; float: right; padding: 0 10px; } 
div.helpline h3 { text-align: center; color: #cc0000; font-family:"Arial Black", Gadget, sans-serif; font-size: 21px; margin: 15px 0 0 0; line-height: 24px;} 
div.helpline h3 span { font-size: 24px; line-height: 1.1; }

#header { background: url(header-bkg.png) repeat-x bottom; height: 107px; 	border-bottom:1px solid #BCD2E6; }
#header .logos { width: 780px; height: 64px; padding: 12px 50px 0; margin: 0 auto;}
#header span.telno { font-family: "Arial Black", Gadget, sans-serif; font-size: 18px; line-height: 22px; color: #cc0000; float: left; margin: 8px 0 0 50px; text-align: center; }
#header span.telno span {font-size: 22px;  }

#callouts { clear: both; padding: 20px 90px; }
.callout { width: 250px ; height: 190px ; background: url(../images/callout/callout-bkg.png) no-repeat; float: left; margin: 0 10px 10px 0; padding: 10px 0;}
.callout h2 { font-size: 16px; padding: 4px 10px 4px 10px; margin: 0 10px 0 0; color: #FFF; position:relative; left:0px; top:0px; z-index:100; }
.callout h2.orange { background: url(../images/callout/callout-headline-bkg-orange.png) no-repeat right; }
.callout h2.blue { background: url(../images/callout/callout-headline-bkg-blue.png) no-repeat right; }
.callout h2.purple { background: url(../images/callout/callout-headline-bkg-purple.png) no-repeat right; }
.callout h2.red { background: url(../images/callout/callout-headline-bkg-red.png) no-repeat right; }
.callout img {margin-left: 10px; position:relative; top:-50px; }
.callout h4 { font-family: Verdana, Geneva, sans-serif; text-align: right; font-size: 13px; padding:6px 12px; margin: 0; color: #FFF; position:relative; right:0px; top:115px; z-index:100; }
.callout h4.orange { background: url(../images/callout/callout-button-bkg-orange.png) no-repeat right; }
.callout h4.blue { background: url(../images/callout/callout-button-bkg-blue.png) no-repeat right; }
.callout h4.purple { background: url(../images/callout/callout-button-bkg-purple.png) no-repeat right; }
.callout h4.red { background: url(../images/callout/callout-button-bkg-red.png) no-repeat right; }

#footer { font-size: 13px; clear: both; height: 162px; border-top: 1px solid #bcd2e6; border-bottom: 1px solid #bcd2e6; background:url(../images/footer-bkg.png) repeat-x 0; padding-top: 10px; }
#footer  .wrapper { width: 780px; padding: 0 90px; }
#footer .column { width: 250px; margin-right: 10px; float: left; } 
#footer h3 { margin: 0; padding: 0; }
#footer ul { margin: 0; padding: 0; }
#footer li { list-style:none;  padding: 2px 0; }
#footer li a { color: #000; text-decoration: none; font-size: 12px; }
#footer li a:hover { text-decoration: underline;  }

#slideshow { clear; both; position:relative; width: 780px; height:240px; margin: 20px auto 0; overflow: hidden; z-index: -1; }
#banner { position:relative; width: 780px; height:240px; margin: 20px auto 0;  }

#slideshow IMG {  position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active {  z-index:10;  opacity:1.0; }
#slideshow IMG.last-active {  z-index:9; }

#bottom { font-size: 11px; margin: 10px auto; height: 50px; width: 788px; line-height: 1.8em; }
#bottom ul { margin: 0; padding:  0; clear: left;}
#bottom li { float: left;  list-style: none;}
#bottom li:after { content: "|"; }
#bottom li.last:after { content: ""; }
#bottom li a { padding: 0 4px; color: #000; text-decoration: none; }
#bottom li a:hover { text-decoration: underline; } 

#byline { clear: both; width: 750px; margin: 0 auto; color: #ccc; font-size: 11px; text-align: center;}
#byline p { padding: 10px 0; }
#byline a { color: #ccc; }

#content .rightbox { clear: right; float: right; width: 250px; border: 1px solid #BCD2E6; padding: 10px; margin: 10px 0 20px 10px; background: #6CF; color: #1F2C60;  }
#content .rightbox h4 {font-size: 16px; margin-top: 0;}
#content .rightbox p { margin: 8px 0 0 0; font-size: 15px;}

form fieldset { width: 400px;  padding: 10px 20px; }
.label { margin: 10px 0 4px 0; }
#contact input, #contact textarea { padding: 4px; font-size: 16px; } 
input.button { clear: left; margin-top: 10px; }

.calltoaction { clear: right; float: right; width: 190px; background: url(../images/calltoaction/calltoaction-mid.png) repeat-y; }
.calltoaction a {color: #1F2C60;  }
.calltoaction h3 { font-size: 18px; line-height: 22px; background: url(../images/calltoaction/calltoaction-top.png) no-repeat top;  padding: 10px 10px 4px 16px; margin: 0;}
#content .calltoaction p { font-size: 13px; line-height: 16px; margin: 0; padding: 0 10px 20px 16px; background:url(../images/calltoaction/calltoaction-foot.png) no-repeat bottom; } 
#errorsDiv ul{ float: none; color:#cc0000;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.rounded { clear: right; float: right; margin: 20px 0 20px 20px; background-color: #ccc; border: 1px solid #ccc; padding: 10px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;  
	-moz-border-radius-bottomleft  : 8px; -webkit-border-bottom-left-radius: 8px;  
	}
	
.septictank {
	float: left; width: 350px; min-height: 250px; border: 1px solid #ccc; margin: 10px 10px 10px 0; padding: 10px;  color: #1f2c60;
}
.septictank h3 { margin: 0 0 0.5em 0; line-height: 1.5em;}
#content .septictank p {line-height: 1.5em; margin-right: 0;}
#content .septictank img { border: none; }