html {
	background: #818080 url('/images/bkgd_body.png') top repeat-y;
	width: auto;
	margin: 0 auto 0 auto;
	padding: 0;
}

body {
	width: 757px;
	margin: 0 auto 3em auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
}

html>body {
	width: 767px;
	margin: 0 auto 3em auto;
	/* padding: 0; */
	padding-left: auto;
	padding-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
}

h2 {
	font-size: 18px;
	color: #555555;
	margin: 0 0 5px 0;
	padding: 0;
}

h2.second, h3.second {
	width: 370px;
}

h3 {
	font-size: 14px;
	color: #666666;
	margin-bottom: 5px;
}

h4 {
	margin: 0;
	padding: 0;
}


h5 {
	font-size: 13px;
	color: #666666;
	margin-bottom: 5px;
}

p, ul, address {
	font-size: .8em;
	line-height: 1.2em;
	color: #444444;
	margin-top: 0;
}

ul {
	list-style: square;
}

#content a:visited {
	color: black;
}

a img {
	border: none;
}

span.required {
	color: red;
	font-weight: bold;
}
/* Header */
#header {
	background: url('/images/bkgd_hdr.jpg') top left #000000;
	float: left;
	clear: both;
	width: 767px;
	height: 73px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#header li {
	display: inline;
}

.logo {
	float: left;
	clear: none;
	margin-left: 0px;
}

#header .dl_packet {
	float: right;
	clear: none;
	margin: -6px 0 0 0;
	padding: 0;
}

#header>.dl_packet {
	float: right;
	clear: none;
	margin: -6px 0 0 0;
	padding: 0;
}

#headerLogo {display:none;}

/* Utility Navigation */
#utilitynav {
	position: relative;
	right: 10px;
	margin: 5px 0 20px 0;
	padding: 0;
	text-indent: 0;
	float: right;
}
#utilitynav li {
	font-size: 9px;
	border-right: 1px solid #FFCD1E;
	text-indent: 0;
	margin: 0;
	padding: 0 9px 0 9px;
}
#utilitynav>li {
	font-size: 9px;
    border-right: 1px solid #FFCD1E;
	text-indent: 0;
	margin: 0;
	padding: 0 9px 0 5px;
}

#utilitynav li.last {
	border: none;
}

#utilitynav li a {
	color: #ffffff;
	text-decoration: none;
}


/* Main Navigation */
#navigation {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	clear: both;
	width: 767px;
	height: 27px;
	overflow: hidden;
	background: url('/images/bkgd_mainnav.png') left top repeat-x #6A447D;
}

#mainnav {
	list-style: none;
	margin: 8px 0 0 29px;
	padding: 0;
	text-indent: 0;
}

#navigation > #mainnav {
    list-style: none;
    margin: 6px 0 0 29px;
    padding: 0;
    text-indent: 0;
}

#mainnav li {
	display: inline;
	border-left: 1px solid #9B6EB3;
	border-right: 1px solid #321145;
	text-indent: 0;
	margin: 0 0 0 -2px;
	padding: 3px 10px 3px 13px;
}

#mainnav li.first {
	border-left: none;
	padding-left: 2px;
}

#mainnav li.last {
	border-right: none;
}

#mainnav li a {
	color: white;
	text-decoration: none;
}

#home #nav_home a,
#services #nav_services a,
#gas #nav_gas a,
#electric #nav_electric a,
#procurement #nav_procurement a,
#telecom #nav_telecom a,
#watersewer #nav_watersewer a,
#addlsvcs #nav_addlsvcs a {
	color: #FFCD1E;
}

.default #subnav_default a,
.savings #subnav_savings a,
.delivers #subnav_delivers a,
.process #subnav_process a,
.options #subnav_options a,
.services #subnav_services a,
.executives #subnav_executives a {
	color: #663399;
}


/* Breadcrumbs */
#breadcrumbs {
	font-size: 10px;
	padding: 10px;
	margin-left: 22px;
	clear: both;
}


/* Subnavs */
#section_hdr {
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	border-top: 1px solid #444;
}

#section_nav {
	clear: both;
	width: 767px;
	margin: 0;
	padding: 0;
}

#section_nav p.subnav {
	display: inline;
	width: 255px;
	float: left;
	clear: none;
	color: #fff;
	margin: 0 !important;
	padding: 7px 0 3px 0!important;
	text-align: center;
	font-weight: bold;
	background: #555555;
    /*border-top: 1px solid #666666;*/
	border-right: 1px solid #444444;
	/*background: url('/images/bkgd_subnav.png') repeat-x;*/
    cursor:pointer;
}

#section_nav p.subnav:hover a {
    color: #FFCD1E;
}

#section_nav>p.subnav {
	display: inline;
	width: 255px;
	float: left;
	clear: none;
	margin: 0;
	padding: 7px 0 3px 0;
	text-align: center;
	font-weight: bold;
	background: #555555;
	/*border-top: 1px solid #666666;*/
	border-right: 1px solid #444444;
	/*background: url('/images/bkgd_subnav.png') repeat-x;*/
}

#services #section_nav p.subnav {
	width: 191px;
}

#section_nav p.subnav {
    background: url('/images/bkgd_subnav.jpg') repeat-x;
    height: 18px;
    font-size: .75em;
}

.default p#subnav_default,
.savings p#subnav_savings,
.delivers p#subnav_delivers,
.process p#subnav_process,
.options p#subnav_options,
.services p#subnav_services,
.executives p#subnav_executives {
    background: url('/images/bkgd_subnav_lit.jpg') repeat-x;
    height: 18px;    
}

.default p#subnav_default:hover a,
.savings p#subnav_savings:hover a,
.delivers p#subnav_delivers:hover a,
.process p#subnav_process:hover a,
.options p#subnav_options:hover a,
.services p#subnav_services:hover a,
.executives p#subnav_executives:hover a {
    color:#663399;
}

p.size25 {
	width: 191px;
}

p.last {
	width: 254px !important;
	margin-right: -30px;
}

#section_nav>p.last {
	width: 254px !important;
}

#services #section_nav p.last {
	width: 190px !important;
}

p.subnav a {
	color: white;
	text-decoration: none;
}


/* Content */
#content {
	margin: 0;
	padding: 0 20px 20px 30px;
}

/* Content Callouts */
#callout {
	width: 271px;
	float: right;
	clear: none;
	background: url('/images/bkgd_callout.png') #eee;
	margin: 0px 0 10px 0;
	padding: 0px 0px 10px 0px;
	border: 1px solid #282828;
    border-right: none;
}
div>#callout {
	width: 261px;
}
#callout li {
    color:#6F388A;
}
#callout p {
    padding: 5px 20px 0px 12px;
}
    #callout>p {
        padding: 5px 10px 0px 12px;
    }
#pullquote {
	width: 280px;
	float: right;
	clear: none;
	margin: 0px -20px 0 0;
}
#pullquote p {
	font-size: 11px;
}
#pullquote h4 {
	font-size: 16px;
}
h4.testimonial {
    color:#333333;
    margin: 12px 15px 5px 20px;
}
#pullquote #testy {
    color:#333333;
    margin: 0px 20px 15px 20px;
}
    #pullquote>#testy {
        color:#333333;
        margin: 0px 15px 15px 20px;
    }

fieldset {
	margin: 7px 0;
	padding: 15px;
}

legend {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 -7px;
	padding: 0px 5px;
	color: #333;
}

label {
	font-size: 11px;
	font-weight: bold;
}

div#ftr_moreinfo  span {
    font-size: 11px;
	font-weight: bold;
}

input {
	font-size: 10px;
	margin-bottom: 5px;
	vertical-align: middle;
}

input.submit {
	background: #61207f; color: white; font-size: 10px; font-family: Arial, sans-serif; font-weight: bold; border-top: 2px solid #7d5690; border-left: 2px solid #7d5690; border-right: 2px solid #4c2760; border-bottom: 2px solid #4c2760;
}

/* Homepage */
#featurearea {
	width: 767px;
	height: 237px;
	float: left;
	clear: both;
	background: url('/images/bkgd_homefeature.png') repeat-x white;
}

/* Added 08/14/08 - TCV - allow for more than one line of news on the home page */
#featurearea_mod {
	width: 767px;
	height: 247px;
	float: left;
	clear: both;
	background: url('/images/bkgd_homefeature_mod.png') repeat-x white;
}

#firstread {
	width: 350px;
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	clear: none;
}

#featurearea_right {
	width: 417px;
	float: right;
	clear: none;
}

#home_utilities {
	list-style: none;
	float: left;
	clear: both;
	width: 417px;
	margin: 17px 0 4px 0;
	padding: 0;
}

#home_utilities li {
	width: 100px;
	height: 105px;
	float: left;
	clear: none;
	margin-right: 3px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: #454545;
}

#home_utilities img {
	border-bottom: 2px solid #f5f5f5;
	margin: 0;
	padding: 0;
}

#home_utilities a {
	color: white;
	font-weight: bold;
	border: none;
	text-decoration: none;
}

#home_utilities a:hover {
	color: #FFCD1E;
}

#home_utilities a span {
	line-height: 13px;
	display: block;
	padding: 5px 0 0 0;
}

#featurearea_right h5 {
	background: #d1d1d1;
	color: #454545;
	padding: 3px 0 3px 7px;
	margin: 5px 7px 5px 0;
	font-size: 11px;
	font-weight: bold;
	clear: both;
	text-transform: uppercase;
}

p.home_newsheadline {
	color: #753f90;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 3px 7px;
	margin: 5px 7px 5px 0;
}

p.home_newssignup {
	color: #454545;
	font-size: 11px;
	padding: 3px 0 3px 7px;
	margin: 5px 7px 5px 0;
}

#featurearea_right input {
	margin-right: 10px;
}

#subfeatures {
	width: 767px;
	margin-top: 4px;
	float: left;
	clear: both;
    margin-bottom: 6px;
}

/* 12/07/09 - TCV - chg height from 200px to 375px to allow more text on homepage */
#subfeatures div {
	width: 252px;
	height: 375px;
	float: left;
	clear: none;
	padding: 10px 0;
	border-right: 1px solid #e1e1e1;
}
#subfeatures h4 {
	font-size: 16px;
	margin-left: 20px;
	margin-right: 20px;
}

#subfeatures p {
	margin: 5px 20px;
}
#subfeatures p,#subfeatures ul {
	font-size: 12px;
}

.delivertagline {
    font-weight:bold;
    color:#6F388A;
}

/* Footer */
#footer {
	width: 767px;
	font-size: .8em;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: #61207f;
	clear: both;
}

#footer p {
	margin: 5px 15px;
	font-size: 11px;
}

#ftr_download {
	height: 120px;
	width: 180px;
	float: left;
	margin: 0;
	padding: 0;
	background: #F0F0F0;
	border-right: 1px solid #ffffff;
}

#ftr_moreinfo {
	height: 120px;
	width: 586px;
    float: left;
	margin: 0;
	padding: 0;
	background: #E7E7E7;
}

#ftr_moreinfo img {
    float: left;
}

#ftr_moreinfo p {
		margin-left: 200px;
	}

#ftr_moreinfo div {
	font-size: .8em;
	width: 95px;
	margin: 0 10px 0 0;
	 float: left;
}

#ftr_moreinfo input {
	font-size: 10px;
	width: 95px;
	margin: 0 10px 0 0;
	
}

#ftr_moreinfo input.submit {
	width: 75px;
}

/* Footer Navigation */
#footernav {
	margin: 10px 0 15px 0;
	padding-left: 10px;
	text-indent: 0;
	float: left;
}

#footernav li {
	display: inline;
	font-size: 11px;
	border-right: 1px solid #FFCD1E;
	text-indent: 0;
	margin: 0;
	padding: 0 7px 0 9px;
}

#footernav li.last {
	border: none;
}

#footernav li a {
	color: #ffffff;
	text-decoration: none;
}

#footer form div {
	width: 130px;
	float: left;
	clear: none;
}

h1, h2, h3, h4, h5 {
    color:#6F388A;
}

form {
    margin:0; padding:0;
}