
/* Global */
html{font-size:100.01%;}
body{
	background:#006A4E url(../images/body-back-stripe.gif) repeat-x center bottom;
	font:64.5% "Trebuchet MS", Trebuchet, Arial,Verdana, Tahoma, Geneva, Helvetica, sans-serif;
	margin:0;
}
form,fieldset{margin:0;padding:0;border: none;}
a{
	color:#006A4E;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
#main{
	width:950px;
	margin:0 auto;
	position:relative;
	padding:321px 0 50px;
}
/* Content */
#content{
	width:944px;
	padding:0 3px;
	background:#006A4E url(../images/content-back-stripe.gif);
	color:#000;
}
.clearer hr {
display: none;
}

/* Logo */
.logo{
	position:absolute;
	top:18px;
	left:0;
	z-index:1000;
}
.logo a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:269px;
	height:61px;
	background:url(../images/logo.gif) no-repeat;
}
/* Global structure */
.content-holder{
	width:944px;
	overflow:hidden;
	padding:0 0 23px;
}
/* Center block*/
.main-content{
	width:617px;
	overflow:hidden;
	padding:12px 39px 0 0;
	float:right;
}

.main-content ul.state{
            margin:14px 0 0;
            padding:0 0 0 36px;
            list-style:none;
            line-height: 1.8em;
}
.main-content ul.state li{
            padding:0 0 0 19px;
            background: url(../images/dot.gif) no-repeat 0 4px;
            font-size:1.2em;
}

.main-content ul.state ul{
            margin:0 0 0;
            padding:0 0 0 36px;
            list-style:none;
}

.main-content ul.state ul li{
            padding:0 0 0 19px;
            background: url(../images/dot.gif) no-repeat 0 4px;
            font-size:1em;
}


.main-content a{
	padding:0 8px 0 0;
	background: url(../images/link-arrow-small.gif) no-repeat 100% 60%;
	
}
.main-content img{
	float:left;
	border:1px solid #006A4E;
	margin:14px 20px 0 0;
}

#pageAccess .main-content a {
background: 0;
padding: 0;
}
#pageAccess .main-content a img {
float: none;
border: 0;
margin: 0;
}

/* List with person info*/
.main-content .frames{
	margin:14px 0 0;
	padding:0;
	list-style:none;
}
.main-content .frames li{
	width:614px;
	overflow:hidden;
	padding:0 0 34px;
	clear: left;
}
.main-content p{
	font-size:1.2em;
	line-height:1.5;
	margin:14px 0 0;
}
.main-content h1{
	margin:0;
	font-size:1.4em;
	line-height:1.8em;
	text-transform:uppercase;
}


.main-content h2{
	margin:14px 0 0;
	font-size:1.2em;
	line-height:1.8em;
	font-weight:normal;
}

.right-column h2 {
font-size: 1.2em;
padding: 0;
margin: 0 0 0 5px;
}

.right-column p {
padding: 0;
margin: 0 0 0 5px;
}

#pageAccess .main-content h2{
font-size:1.4em;
font-weight:bold;
}


.main-content h2 strong{
	text-transform:uppercase;
	color:#006A4E;
}
.frames h2{
	margin:0;
}
.frames img.left{
	float:left;
	border:1px solid #006A4E;
	margin:14px 20px 0 0;
}
/* Right column */
.right-column{
	width:235px;
	overflow:hidden;
	padding:14px 30px 0 23px;
	float:left;
}
.right-column .block{
	padding-bottom:15px;
	background:url(../images/hr.gif) repeat-x 0 100%;
}
/* Login form */

#form-login {
	width:400px;
position: absolute;
top: 6px;
right: 0px;
}
#form-login h4{
	margin:2px 12px 0 0;
	text-transform:uppercase;
	font-size:1.4em;
	color:#fff;
	float: left;
}
#form-login .text{
	width:95px;
	margin:0 12px 0 0;
	padding:3px 0 3px 5px;
	border:1px solid #ABA099;
	background:#fff;
	font-size:1em;
	font-weight:normal;
	float: left;
}
#form-login .btn-login{
	border:none;
	margin:5px 0 0;
	float: right;
}
.right-column h3{
	padding:11px 0 0 5px;
	margin:0;
	font-size:1.2em;
	line-height:1.8em;
	text-transform:uppercase;
}
.right-column h3 strong{
	color:#006A4E;
	padding:0 12px 0 0;
	background:url(../images/link-arrow.gif) no-repeat 100%;
}
/* Right column blogs*/
.right-column ul{
	margin:0;
	padding:0;
	list-style:none;
}
.right-column ul li{
	padding:0 40px 0 19px;
	background: url(../images/dot.gif) no-repeat 0 4px;
	font-size:1.1em;
	line-height:1.8em;
}
.right-column ul li a{
	padding:0 8px 0 0;
	background:url(../images/link-arrow-small.gif) no-repeat 100% 60%;
}
/* Header */
#header{
	width:950px;
	height:305px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index: 500;
	color: #99C3B8;
	padding: 46px 0 0 0;
}

#flashBanner {
position: absolute;
left: 0px;
top: 5px;
z-index: 300;
height: 307px;
width: 950px;
/*
background: url(../images/top-menu-back-stripe.gif) no-repeat 100% 300px;
*/
background: url(../images/nav-bg.gif) no-repeat 382px 62px;
padding: 8px 0 0 0;
}

#flashBanner img.dynBanner {
position: absolute;
bottom: 0;
}

#flashBanner img.dynBanner {
position: absolute;
bottom: 0;
}

#header strong{
	color:#fff;
}
#header .txt-contact-us{
	position: absolute;
	right: 0;
	top: 36px;
	font-size:15px;
	line-height:22px;
	background:url(../images/contact-us.gif) no-repeat;
	padding:0 0 0 30px;
	text-transform:uppercase;
	color:#99C3B8;
}
#header ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	float:right;
}
#header ul li{float:left;}
#header ul.top-menu li a{
display: block;
width: 94px;
height: 25px;
overflow: hidden;
text-indent: -9999px;
background-position: left top;
background-repeat: no-repeat;
z-index: 600;
position: relative;
}
#header ul.top-menu li a:hover, #header ul.top-menu li a.current{
background-position: right top;
}
/* Header top menu */
#header .top-menu{
	width:571px;
	margin-top:20px;
	z-index: 500;
	position: relative;
	padding:0 0 0 300px;
}
#header .top-menu li{
	margin:0 0 0 1px;
}

.top-menu li#navHome {

}


#pageHome .top-menu li#navHome a {
background-position: right top;
}
#pageWho .top-menu li#navWho a {
background-position: right top;
}

#pageServices .top-menu li#navServices a {
background-position: right top;
}

#pageClients .top-menu li#navClients a {
background-position: right top;
}

#pageFaqs .top-menu li#navFAQ a {
background-position: right top;
}
#pageContact .top-menu li#navContact a {
background-position: right top;
}



.top-menu li#navHome a {
background-image: url(../images/nav/1Home.gif);
}
.top-menu li#navWho a {
background-image: url(../images/nav/2Who.gif);
}
.top-menu li#navServices a {
background-image: url(../images/nav/3Services.gif);
}
.top-menu li#navClients a {
background-image: url(../images/nav/4Clients.gif);
}
.top-menu li#navFAQ a {
background-image: url(../images/nav/5FAQ.gif);
}
.top-menu li#navContact a {
background-image: url(../images/nav/6Contact.gif);
}

/* Header bottom navigation*/
#header .navigation{
	width:954px;
	margin:226px 0 0;
	padding:3px 0 0;
	background: url(../images/navigation-stripe.gif) repeat-x 0 0;
		position: relative;
	right: -2px;

}
#header div.navigation{
height: 227px;
margin: 0;
background: transparent url(../images/navigation-stripe.gif) repeat-x center bottom;
clear: both;right: 0;
}

#header ul.navigation li{
	width:140px;
	margin:0 0 0 1px;
	
	
}

#header .navigation li#UtilityRates{
	
}

#header .navigation li.first{
	margin:0 0 0 390px;
	display:inline;
}
#header .navigation li span{
	display:block;
	background: url(../images/navigation-back-end.gif) no-repeat 100% 0;
}

#header ul.navigation li a{
display: block;
width: 139px;
height: 34px;
overflow: hidden;
text-indent: -9999px;
background-position: left top;
background-repeat: no-repeat;
}
#header ul.navigation li a:hover, #header ul.navigation li a.current{
background-position: right top;
}



#pageBusRates #header .navigation li#BusinessRates a{
background-position: right top;
}
#pageRateRelief #header .navigation li#RateRelief a{
background-position: right top;
}

#pageRentRelief #header .navigation li#RentReview a{
background-position: right top;
}

#pageUtilities #header .navigation li#UtilityRates a{
background-position: right top;
}


#header .navigation li#BusinessRates a {
background-image: url(../images/nav/1BusinessRates.gif);
}

#header .navigation li#RateRelief a {
background-image: url(../images/nav/2RateRelief.gif);
}

#header .navigation li#RentReview a {
background-image: url(../images/nav/3RentReviews.gif);
}

#header .navigation li#UtilityRates a {
background-image: url(../images/nav/4UtilityRates.gif);
}

/* Footer */
#footer{
	width:950px;
	overflow:hidden;
	font-size:1.1em;
	line-height:2.4em;
	color:#000;
}
#footer a{color:#000;}
.footer-bg {
	width:904px;
	padding:0 25px 0 19px;
	border:1px solid #aeaeae;
	border-bottom:none;
	background:#cecece url(../images/footer-stripe.gif) repeat-x 0 0;
	overflow:hidden;
}
.footer-holder{
	width:950px;
	overflow:hidden;
	padding:0 0 8px;
	background: url(../images/footer-bottom.gif) no-repeat 100% 100%;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	width:600px;
	overflow:hidden;
}
#footer ul li{
	float:left;
	padding:0 5px 0 7px;
	background: url(../images/footer-sep.gif) no-repeat 0 50%;
	margin:0 7px 0 -7px;
	display: inline;
}
#footer .banners{
	float:right;
	width:300px;
	margin:20px 0 0;
}
#footer .banners li{
	background:none;
	float:right;
	margin:0;
	padding:0 0 0 18px;
	height:62px;
}
img{border:none;}
address{font-style: normal;}

#homeleftcol {
	float:left;
	width:300px;
	padding-top:60px;
	}

#homerightcol {
	float:right;
	width:300px;
	padding-top:60px;
	}
#pageContact #homeleftcol, #pageContact #homerightcol {
padding-top:0px;
}
	
	#content .subNav {
	padding: 0 0 10px 0;
	}
	

	
	#content .subNav ul {
	list-style-type: none;
	width: 235px;
	}
	
	#content .subNav li {
	background: #fff url(../images/link-arrow-small.gif) no-repeat 4px 9px;
	border-bottom: 1px solid #7D8393;
		margin: 0;
	padding: 0;
	}
	
	#content .subNav li:last-child {
	border-bottom: 0;
	}
	
	#content .subNav li a:link, #content .subNav li a:visited {
	background: none;
	font-size: 1.1em;
	color: #006A4E;
	padding: 0;
	display: block;
	width: 235px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
		#content .subNav li a:hover, #content .subNav li a:active {
	background: none;
	font-size: 1.1em;
	color: #000;
	padding: 0;
	display: block;
	width: 235px;
	text-decoration: none;
	}
	
	#content .subNav li a span {
	padding: 3px 3px 3px 21px;
	display: block;
	}
	
	#content .subNav ul ul {
	margin: 0;
	padding: 0;
	}
	
	#content .subNav ul ul li {
	background: #fff url(../images/link-arrow-small.gif) no-repeat 21px 9px;
	border-top: 1px solid #7D8393;
	border-bottom: 0;
	}
	
		#content .subNav ul ul li a span {
	padding: 3px 3px 3px 39px;
	display: block;
	font-size: 0.9em;
	}
	
	
	
	/* ------------------------  start form elements ------------------------  */

.styledForm select, .styledForm textarea, .styledForm input{
display:block;
float:left;
margin-bottom:8px;
padding:2px;
color:#333333;
}

.fakeLabel, .styledForm label {
font-size:1.1em;
padding: 0 0 15px 0;
}

.styledForm {
clear: both;
padding-top:15px;
}

.styledForm br, .styledForm .clearer {
clear:both;
width:100%;
}

.styledForm label, .styledForm .fakeLabel {
	float: left;
	width: 280px;
	font-weight: bold;
}

.styledForm h2 {
color: #006A4E;
text-transform: uppercase;
font-size: 1.4em;
font-weight: bold;
}

.styledForm .RadioLabel{
width:10px;
padding-top:3px;
}


.styledForm .styledInput {
border: 1px solid #ABA099;
}
.styledForm .styledTextArea{
	clear:both;
	margin-top:5px;
	display:block;
	font-family: "trebuchet MS", trebuchet, arial, sans-serif;
}
.styledForm .selectBox {
border: 1px solid #ABA099;
}
.styledForm .nonStyledSubmit{
float:left;
}

.styledForm .contextHelp{
font-weight:normal;
color:#666;
font-size:0.9em;
}

/* fix firefox bug where it borders hidden input fields */
input[type=hidden] {
display: none;
} 




/* end form elements */





#content .alertBox{
margin-top:15px;
padding:5px 20px 20px 20px;
background:#330000;
border:dotted 1px #999999;
color:#FFFFFF;
}

#content .success3{
margin-top:15px;
padding:20px 20px 20px 20px;
background:#006A4E;
border:dotted 1px #999999;
color:#FFFFFF;
}


.noPrintLink{
display:none;
}

.accessLink {
/* access keys still react, but visually hidden */
position: absolute;
left: -9999px;
}

#breadcrumbs {
display: none;
}

.right-column .SectionDivision {
display: none;
}