html, body
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#shadow
{
	width: 770px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/shadow.jpg);	
}

#pagewidth
{
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#header
{
	position: relative;
	height: 68px;
	width: 100%;
}
#leftcol
{
	width: 126px;
	float: left;
	position: relative;
	
}

#maincol
{
	float: right;
	display: inline;
	position: relative;
	width: 632px;
}
#maincolpadding 
{
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#maincolpadding p
{
	font-size:12px;
}

#maincolpadding ul
{
	font-size:12px;
}

table#pnlCODetector table p
{
  font-size:12px;
}

table#pnlCODetector table ul
{
  font-size:12px;
}

table#pnlFAQ table p
{
  font-size:12px;
}

table#pnlFAQ table ul
{
  font-size:12px;
}

td.faqQuestions{
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  line-height: 120%;
}
#maincontent p.faqQuestions{  font-size:12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;  line-height: 130%; margin-left:0; margin-top:0; margin-bottom:5px;}

#maincontent2 p.faqQuestions{  font-size:12px; font-weight:bold;font-family: Arial, Helvetica, sans-serif;  line-height: 130%; margin-left:0; margin-top:0; margin-bottom:5px;}

#maincontent p{  font-size:12px; font-family: Arial, Helvetica, sans-serif;  line-height: 130%; margin-left:0; margin-top:0; margin-bottom:5px;}

#maincontent2 p{  font-size:12px; font-family: Arial, Helvetica, sans-serif;  line-height: 130%; margin-left:0; margin-top:0; margin-bottom:5px;}

table#pnlForm p
{
  font-size:12px;
}

table#pnlThankYou p
{
  font-size:12px;
}



h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 110%;
	color: #666666;
	padding: 0px;
	margin: 0px;
}

#footer
{
	clear: both;
	text-align: center;
	background-color: #666666;
	margin: 0px;
	padding: 0px;
}
#footer p
{
	color: #FFFFFF;
	margin: 0px;
	padding: 3px;
	font-size: 80%;
}

#footer a
{
	color: #FFFFFF;
	font-size:11px;
	
	
}

/* Float containers fix */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



body {
	background-color: #CCCCCC;
	font-size: small;
}

/* set up primary navigation bar */
#navigation
{
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 760px;
}

#navigation ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav.jpg);
	height: 41px;
	width: 760px;
}

#navigation ul li
{
	float: left;
	text-indent: -5000px;
}

#navigation ul li a {
	text-indent: -5000px;
	text-decoration: none;
}

/* set width of home button, make clickable, and set hover state */
li#navresidential
{
	height: 41px;
	width: 126px;
}

li#navresidential a
{
	height: 41px;
	width: 126px;
	display: block;
}

li#navresidential a:hover
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -41px;
}

#residential li#navresidential a
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -0px -82px;
}

/* set width of about button, make clickable, and set hover state */
li#navcommercial
{
	height: 41px;
	width: 127px;
}

li#navcommercial a
{
	height: 41px;
	width: 127px;
	display: block;
}

li#navcommercial a:hover
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -126px -41px;
}

#commercial li#navcommercial
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -126px -82px;
}

/* set width of family button, make clickable, and set hover state */
li#navsupport
{
	height: 41px;
	width: 127px;
}

li#navsupport a
{
	height: 41px;
	width: 127px;
	display: block;
}

li#navsupport a:hover
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -253px -41px;
}

#support li#navsupport
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -253px -82px;
}

/* set width of faqs button, make clickable, and set hover state */
li#navabout
{
	height: 41px;
	width: 127px;
}

li#navabout a
{
	height: 41px;
	width: 127px;
	display: block;
}

li#navabout a:hover
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -380px -41px;
}

#about li#navabout
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -380px -82px;
}

/* set width of gallery button, make clickable, and set hover state */
li#navmedia
{
	height: 41px;
	width: 127px;
}

li#navmedia a
{
	height: 41px;
	width: 127px;
	display: block;
}

li#navmedia a:hover
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -507px -41px;
}

#media li#navmedia 
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -507px -82px;
}

/* set width of notify button, make clickable, and set hover state */
li#navservices
{
	height: 41px;
	width: 126px;
}

li#navservices a
{
	height: 41px;
	width: 126px;
	display: block;
}

li#navservices a:hover
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -634px -41px;
}

#services li#navservices
{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -634px -82px;
}


.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */
p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	color: #333333;
	
}


.disclaimer {

	font-size:10px;

}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 220%;
	color: #0066CC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.25em;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 0px;
}
#leftcol dl {
	background-color: #E8E8E8;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
#leftcol dt {
	background-color: #EBEBFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 14px;
	background-image: url(../images/gradienttile.jpg);
	background-position: 50%;
	background-repeat: no-repeat;
	height: 16px;
}
#leftcol dd {
	margin: 0px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
}
a:link {
	color: #660099;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 120%;
	color: #0066CC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -.75em;
	margin-left: 0px;
}
#wrapper {
	background-image: url(../images/shadowtile.gif);
	margin: 0px;
	padding: 0px;
	width:760px;
	float:left;
}
#home #wrapper {
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#leftcol a {
	text-decoration: none;
	display: block;
}
.homeplan img {
	border: 2px solid #CCCCCC;
}
.homeplan p {
	font-size: 80%;
	padding: 0px;
	margin-top: .5em;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}
#leftcol a:hover {
	text-decoration: underline;
	display: block;
}
#leftcol dt a {
	color: #000000;
}
#homecopy h4 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 0px;
}

#homeleftcol {
	float: left;
	display: inline;
	width: 464px;
	/* width: 280px; */
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#homerightcol {
	float: right;
	display: inline;	
	width: 226px;
	/* width: 410px; */
	margin-right: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.homeplan {
	width: 185px;
	margin-right: 15px;
	float:left;
}
h4#h4home {
 font-weight:bold;	
}
a.footerlink {
  color: White;
  text-decoration: none;
  font-weight:800;
}

a.footerlink:visited
{
	color: White;
  text-decoration: none;
  font-weight:800;
}

a.footerlink:hover
{
	color: yellow;
  text-decoration: underline;
}

a {
  color: #330099;
  text-decoration: none;
}



a:visited {
  color: #330099;
  text-decoration: none;
  
}

a:hover {
  color: #330099;
  text-decoration: underline;
  
}

.faqQuestions {
color: #330099;
}

ul li {
    font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	color: #333333;
}

.signup td {
    font-family: Arial, Helvetica, sans-serif;   
}

.signup p {
    font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	text-align: right;
	padding: 5px;
}

.signupDownsell p{
    font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	text-align: left;
	padding: 5px;
}

h3 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #0066CC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -.75em;
	margin-left: 0px;
}

h3 a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #0066CC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -.75em;
	margin-left: 0px;
}


h3 a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #0066CC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -.75em;
	margin-left: 0px;
}

h3 a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #0E4AA2;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -.75em;
	margin-left: 0px;
	text-decoration:none;
	
}
.disclaimer {
	width: 700px;
	font-size: 12px;
	text-align: center;
	padding-top: 1em;
	margin-right: auto;
	margin-left: auto;
}

#productmatrix {
  width:500px;
  margin-top:10px;
  margin-bottom:10px;
}

h5 {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:13px;
  font-weight:bold;
  margin-bottom:3px;
  color: #0066CC;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 13px;
	color: #0066CC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -.75em;
	margin-left: 0px;
}

p#solutions img {
	float:left;
	margin-right:15px;	
}

p#solutions	{ 
	font-family: Arial, Helvetica, sans-serif;
}
p#solfloatright img {
	float:right;
	margin-left:15px;
}
p#solfloatright	{ 
	font-family: Arial, Helvetica, sans-serif;
}
/*for formatting text the correct font & size*/
#maincontent b, span.formred{font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#maincontent2 b, span.formred{font-family: Arial, Helvetica, sans-serif; font-size:12px;}

div.NSfooter{FLOAT: right}
div.footercenter{text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:12px;}

/*span#lblGasMeter{font-family: Arial, Helvetica, sans-serif; font-size:10px;}

span#lblGasAcct{font-family: Arial, Helvetica, sans-serif; font-size:10px;}
*/
html, body p.popup{text-align:left; PADDING-LEFT: 10px; PADDING-RIGHT: 20px; FONT-SIZE: 11px; PADDING-TOP: 1px; FONT-FAMILY: Arial;}
html, body ul.popup{text-align:left; PADDING-LEFT: 15px; PADDING-RIGHT: 20px; FONT-SIZE: 10px; PADDING-TOP: 1px; FONT-FAMILY: Arial;}
