/* CSS Document */

body { padding:0; margin:0; }

h2{
	color:#333333;
	padding:0px 0 3px 0;
	margin:0 0 2px 0;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

h3{
	color:#333333;
	padding:0px 0 3px 0;
	margin:-5px 0 2px 0;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.imageborder {
	border:1px solid #AFAFAF;
	}

.imageborderRight {
	border:1px solid #AFAFAF;
	margin: 0 0 0 10px;
	}

.imageborderLeft {
	border:1px solid #AFAFAF;
	margin: 0 10px 0 0px;
	}

.overflowLeft { background:url(/images/bg/overflowLeft.jpg) top right repeat-y; vertical-align:top; }
.overflowRight { background:url(/images/bg/overflowRight.jpg) top left repeat-y; vertical-align:top; }
.left-bar { background:url(/images/bg/left-bar.jpg) top right no-repeat; }
.right-bar { /*background:url(/images/bg/right-bar.jpg) top left no-repeat;*/ }
.headerBg { background:url(/images/bg/headerBg.gif) top left repeat-x; }
.util { vertical-align:bottom; text-align:right; padding:0 0 15px 0; }
.nav { width:980px; border-bottom:1px solid #fff; }

.nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
	overflow:hidden;
}

.nav li {
	float:left;
}

.nav li a {
	display:block; 
	height:0; 
	padding-top:33px; 
	overflow:hidden; 
	background:url(/images/nav/normal.gif) top left no-repeat;
}

.nav li a:hover, .nav li.active a {
	background-image:url(/images/nav/over.gif);
}

.nav #residential li a:hover, 
.nav #residential li.active a, 
.nav #business li a:hover, 
.nav #business li.active a,
.nav #supplies li a:hover, 
.nav #supplies li.active a,
.nav #about li a:hover, 
.nav #about li.active a,
.nav #contact li a:hover, 
.nav #contact li.active a,
.nav #news li a:hover, 
.nav #news li.active a {
	background-image:url(/images/nav/over.gif);
}

.nav li#nav-residential a { 
	width:177px; 
}

.nav li#nav-business a { 
	width:159px; 
	background-position:-177px 0;
}

.nav li#nav-supplies a, .nav li#nav-supplies a { 
	width:218px; 
	background-position:-336px 0; 
}

.nav li#nav-about a { 
	width:220px; 
	background-position:-554px 0; 
}

.nav li#nav-contact a { 
	width:120px; 
	background-position:-774px 0;
}

.nav li#nav-news a { 
	width:86px; 
	background-position:-894px 0;
}

.nav #residential li a.set { background-image:url(/images/nav/residential.gif); }	
.nav #business li a.set { background-image:url(/images/nav/business.gif);  }	
.nav #supplies li a.set { background-image:url(/images/nav/supplies.gif); }	
.nav #about li a.set { background-image:url(/images/nav/about.gif); }
.nav #contact li a.set { background-image:url(/images/nav/contact.gif); }	
.nav #news li a.set { background-image:url(/images/nav/news.gif); }	

/* dmenu */

.dmenu {
	font-size:11px;
	display:block;
}

.dmenu ul {
	display:block;
}

.dmenu ul li {
	display:block;
}

.dmenu ul li a, .dmenu ul li a.submenu {
		padding:6px 5px 5px 5px;
		background-color:#FFFFFF;
		color:#414042;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
		border-bottom:1px solid #004b8d;
}

.dmenu ul li a:hover, .dmenu ul li a.active {
		background-color:#004b8d;
		color:#FFFFFF;
}



.banner { border:1px solid #fff; border-top:none; }
.cta { width:225px; text-align:right; background:url(/images/cta/ctaBg.jpg) top right repeat-y; vertical-align:top; /*padding-bottom:361px;*/ padding-bottom:209px; }
.formBg { background:url(/images/cta/cta-form-bg.jpg) top left no-repeat; text-align:left; padding:0 0 11px 27px; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px; }
a#send-button { margin:0; padding:0; border:none; background:url(/images/cta/sendButton.gif) top left no-repeat; width:49px; height:20px; cursor:pointer; display:block; }
a#send-button:hover { background:url(/images/cta/sendButton-over.gif) top left no-repeat; }
#name-field { background:url(/images/cta/name-field.jpg) top left no-repeat; border:none; margin:0 0 2px 0; width:117px; padding:2px 13px 0 6px; height:17px; }
#number-field { background:url(/images/cta/number-field.jpg) top left no-repeat; border:none; margin:0 0 3px 0; padding:2px 17px 0 6px; width:113px; height:17px; }

#menu { width:198px; background-color:#004b8d; vertical-align:top; height:472px; }
#menu ul { list-style-type:none; /*padding:16px 0 0 20px;*/ padding:16px 0 0 0; margin:0; font:normal 13px Arial, Helvetica, sans-serif; color:#fff; }

#menu li.menu-title { background-color:#fff; /*margin:0 0 0 -20px;*/ padding:4px 0 4px 13px; margin-bottom:4px; }
#menu li a { color:#fff; text-decoration:none; margin:0 0 0 20px; padding:0 0 0 7px; display:block; border-bottom:1px solid #5486b3; line-height:28px; vertical-align:bottom; zoom:1; }
#menu li a:hover, #menu li a.active { background-color:#ed174c; border:1px solid #fff; border-right:none; /*margin:-1px 0 0 -7px;*/ margin:-1px 0 0 20px; padding-left:6px; }

#menu li ul {
	padding:7px 0 9px 0;
	margin:0 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px solid #5486b3;
}

#menu li ul li a {
	color:#80a5c6;
	margin:0;
	line-height:15px;
	padding-bottom:7px;
	padding-left:24px;
	padding-right:5px;
	border:none;
}

#menu li ul li a:hover, #menu li ul li a.active {
	background-color:#004b8d;
	color:#fff;
	/*margin:0 0 0 20px;*/
	margin: 0;
	background-image:url(/images/bg/arrow.gif);
	background-position:12px 8px;
	background-repeat:no-repeat;
	padding-left:24px;	
	border:none;	
}

/* CSS properties for list in answer to Mike's question */
td.content ul {
	margin-top:5px;
	margin-left:20px;
	padding-top:0px;
	padding-left:5px;
}

td.content ul li {
	list-style-type:none;
	list-style-image: url(/images/bullet.gif);
	margin:0px;
	padding-top:3px;
	padding-bottom:4px;
	line-height:19px;
}

td.content ul.red li { background:url(/images/home/red-bullet.gif) left 10px no-repeat; 
list-style:none!important; 
list-style-image:none;
list-style-type:none;
padding-left:12px;
}

/* End CSS properties for list in answer to Mike's question */

.inactive {
	display:none;
}
li.active .inactive {
	display:block;
}

.content { vertical-align:top; font:normal 14px Arial, Helvetica, sans-serif; line-height:17px; color:#333333; /*padding:15px 35px 0 38px;*/ padding:15px 34px 0 43px; word-spacing:-1px; /*width:476px;*/ width:480px; }
.contentWide { vertical-align:top; font:normal 12px Arial, Helvetica, sans-serif; line-height:17px; color:#333333; padding:15px 15px 0 15px; word-spacing:-1px; width:484px; }
.content p { margin:0; padding:0.1em 0 0.8em; }
.content a { color:#ed174c; text-decoration:underline; }
.content a:visited { color:#ed174c; text-decoration:underline; }
.content a:hover { color:#8a8788; text-decoration:underline; }
.content #map {
	zoom: 1;
	vertical-align: bottom;
}

.contentTable { vertical-align:top; font:normal 12px Arial, Helvetica, sans-serif; line-height:17px; color:#333333; ; word-spacing:-1px; }

.footer { font:normal 10px Arial, Helvetica, sans-serif; line-height:14px; border-top:1px solid #004b8d; position:relative; padding-top:6px; padding-bottom:17px; top:-1px; }
.footer a { color:#ed174c; text-decoration:none; }
.footer a:hover { color:#ed174c; text-decoration:underline; }
#footerLeft { margin-left:231px; position:relative; padding-left:5px; /*width:300px;*/ width:350px; }
#footerRight { position:absolute; right:20px; /*top:4px;*/ /*top:96px;*/ top:111px; }
#box { width:315px; position:absolute; bottom:20px; left:-79px; }
#footerLocations {
	padding-bottom:5px;
	width:auto;
	font-size:10px;
}
#footer-locations {
	margin-left:231px;
	padding-left:5px;
	padding-right:20px;	
}
#footer-locations, #footer-locations p {
	font-size:12px;
}
#footer-locations strong { color:#333; }
#footer-locations ul, #footer-locations ul li {
	display:inline;
	color:#262626;
	padding:0;
	margin:0;
}
#footer-locations li a {
	color:#004b8d;
}
#footer-locations .footer-bullet {
	background:url(/images/footer-bullet.gif) 5px center no-repeat;
	padding-left:17px;
}

.bottom-util { color:#ed174c; }

a.gssi { color:#000; text-decoration:none; font-size:9px; }
a.gssi:hover { color:#000; text-decoration:underline; }

.tableborder {
	border:1px solid #ed174c;
}
.smallgrey {
	color:#666666;
	font-size:10px;
	line-height:13px;
}

/* expanding section */

.expanding-section h2 {
	color:#ffffff;
	font-size:14px;
}

.expanding-section .expander {
	cursor: pointer;
	margin-bottom:5px;
}
.expanding-target {
	overflow: hidden;
	height:0px;
	padding:0 10px;
	position:relative;
}


.expanding-section .answer {
	background: url(/images/gui/answer.gif) no-repeat bottom right;
}			

.expanding-section a:hover {
	background: url(/images/gui/plus.gif) no-repeat 4px 5px #000000;
	padding:2px 0 0 20px;
}

.expanding-section .more {
	background: url(/images/gui/plus.gif) no-repeat 4px 5px #004B8D;
	padding:2px 0 0 20px;
	zoom:1;
}

.expanding-section .more:hover {
	background-color:#7fba0c;
}

.expanding-section .close {
	background: url(/images/gui/minus.gif) no-repeat 4px 5px #004B8D;
	padding:2px 0 0 20px;
}

/* expanding section FAQ */

.expanding-sectionFAQ {
	zoom:1;	
}

.expanding-sectionFAQ h2 {
	color:#505050;
	font-size:14px;
}

.expanding-sectionFAQ .expander {
	cursor: pointer;
	margin-bottom:5px;
	zoom:1;
}
.expanding-targetFAQ {
	overflow: hidden;
	height:0;
	padding:0 10px;
	zoom:1;	
}

.expanding-sectionFAQ .answer {
	background: url(/images/gui/answer.gif) no-repeat bottom right;
}			

.expanding-sectionFAQ a:hover {
	background: url(/images/gui/plus.gif) no-repeat 4px 5px;
	padding:2px 0 0 20px;
}

.expanding-sectionFAQ .more {
	background: url(/images/gui/plus.gif) no-repeat 4px 5px;
	padding:2px 0 0 20px;
}

.expanding-sectionFAQ .more:hover {
	background-color:#ffffff;
}

.expanding-sectionFAQ .close {
	background: url(/images/gui/minus.gif) no-repeat 4px 5px #ffffff;
	padding:2px 0 0 20px;
}

.expanding-section .moreFAQ {
	background: url(/images/gui/plus.gif) no-repeat 4px 5px #ffffff;
	padding:2px 0 0 20px;
}

#txt-find {
	width:138px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#565656;
	}

.download-pdf{
	background:url(/images/pdf.gif) center right no-repeat;
	text-decoration: none;
	padding-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#010101!important;
	font-size:12px;
	height:19px;
	width:112px;
	margin:1px 32px 0 0;
	}	




.Bold {
font-weight:bold;
}
.sitemap td {
	font-size: 12px;
	line-height:14px;
	text-decoration: none;
}

#flashHolder { display:none; height:150px; }
.formText {
font-size:12px;
}