html {background: url(../images/bg-html.gif)}
body {background: #FFFFFF url(../images/bg-pg.gif) repeat-x; color: #000000; font-size: 1em;}
#pg {margin: 0 auto; padding: 0; width: 950px; position: relative; z-index: 1;}

/*header*/
#hdr {height: 210px; position: relative; z-index: 9999;}
#hdr a#hmlnk {width: 160px; height: 80px; top: 78px; left: 50px; position: absolute; display: block;}
#hdr ul#mnlnks {width: 100%; height: 53px; position: relative; z-index: 9999;}
#hdr ul#mnlnks li {list-style: none; display: inline;}
#hdr ul#mnlnks li#ggs {background: url(../images/mnav-ggslnk.gif) no-repeat; width: 90px; height: 51px; left: 16px; position: absolute; display: block;}
#hdr ul#mnlnks li#ggs:hover, #hdr ul#mnlnks li#ggs.hdrhover, .gas #hdr ul#mnlnks li#ggs {background-position: 0 -48px;}
#hdr ul#mnlnks li#ggs a#ggslnk {width: 90px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#ygb {background: url(../images/mnav-ygblnk.gif) no-repeat; width: 102px; height: 51px; left: 122px; position: absolute; display: block;}
#hdr ul#mnlnks li#ygb:hover, #hdr ul#mnlnks li#ygb.hdrhover, .bill #hdr ul#mnlnks li#ygb {background-position: 0 -48px;}
#hdr ul#mnlnks li#ygb a#ygblnk {width: 102px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#ps {background: url(../images/mnav-pslnk.gif) no-repeat; width: 148px; height: 51px; left: 238px; position: absolute; display: block;}
#hdr ul#mnlnks li#ps:hover, #hdr ul#mnlnks li#ps.hdrhover, .products #hdr ul#mnlnks li#ps {background-position: 0 -48px;}
#hdr ul#mnlnks li#ps a#pslnk {width: 148px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#cs {background: url(../images/mnav-cslnk.gif) no-repeat; width: 130px; height: 51px; left: 400px; position: absolute; display: block;}
#hdr ul#mnlnks li#cs:hover, #hdr ul#mnlnks li#cs.hdrhover, .customer #hdr ul#mnlnks li#cs {background-position: 0 -48px;}
#hdr ul#mnlnks li#cs a#cslnk {width: 130px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#ee {background: url(../images/mnav-eelnk.gif) no-repeat; width: 131px; height: 51px; left: 544px; position: absolute; display: block;}
#hdr ul#mnlnks li#ee:hover, #hdr ul#mnlnks li#ee.hdrhover, .efficiency #hdr ul#mnlnks li#ec {background-position: 0 -48px;}
#hdr ul#mnlnks li#ee a#eelnk {width: 131px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#sf {background: url(../images/mnav-sflnk.gif) no-repeat; width: 56px; height: 51px; left: 690px; position: absolute; display: block;}
#hdr ul#mnlnks li#sf:hover, #hdr ul#mnlnks li#sf.hdrhover, .safety #hdr ul#mnlnks li#sf {background-position: 0 -48px;}
#hdr ul#mnlnks li#sf a#sflnk {width: 56px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#cu {background: url(../images/mnav-culnk.gif) no-repeat; width: 90px; height: 51px; left: 761px; position: absolute; display: block;}
#hdr ul#mnlnks li#cu:hover, #hdr ul#mnlnks li#cu.hdrhover, .contact #hdr ul#mnlnks li#cu {background-position: 0 -48px;}
#hdr ul#mnlnks li#cu a#culnk {width: 90px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#hm {background: url(../images/mnav-helnk.gif) no-repeat; width: 52px; height: 51px; left: 865px; position: absolute; display: block;}
#hdr ul#mnlnks li#hm:hover, #hdr ul#mnlnks li#hm.hdrhover {background-position: 0 -48px;}
#hdr ul#mnlnks li#hm a#helnk {width: 52px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}

/*1st level dropdown*/
#hdr ul#mnlnks li ul {width: 200px; height: auto; display: none; margin: 51px 0 0 0; padding: 5px 0; background: #426393; color: inherit; border: 1px solid #182451; z-index: 99; position: absolute;}
#hdr ul#mnlnks li#cu ul {right: 0;}
#hdr ul#mnlnks li ul li {display: inline;}
#hdr ul#mnlnks li ul li a {font-size: 1em; padding: 5px 0 5px 11px; display: block; background: #426393 url(../images/mnav-bllt01.gif) no-repeat 3px 8px; color: #FFFFFF; text-decoration: none;}
#hdr ul#mnlnks li ul li a:hover {background: #1B3461 url(../images/mnav-bllt02.gif) no-repeat 3px 8px; color: #FFFFFF; display: block; text-decoration: none;}
#hdr ul#mnlnks li:hover ul, #hdr ul#mnlnks li.hdrhover ul {display: block;}

#hdr h1 {background: url(../images/bg-hdr.jpg); width: 688px; height: 157px; float: left;}
.gas #hdr h1 {background: url(../gas/images/bg-hdr.jpg);}
.bill #hdr h1 {background: url(../bill/images/bg-hdr.jpg);}
.products #hdr h1 {background: url(../products/images/bg-hdr.jpg);}
.customer #hdr h1 {background: url(../customer/images/bg-hdr.jpg);}
.efficiency #hdr h1 {background: url(../efficiency/images/bg-hdr.jpg);}
.safety #hdr h1 {background: url(../safety/images/bg-hdr.jpg);}
.contact #hdr h1 {background: url(../contact/images/bg-hdr.jpg);}
.about #hdr h1 {background: url(../about/images/bg-hdr.jpg);}
.service #hdr h1 {background: url(../service/images/bg-hdr.jpg);}
.rates #hdr h1 {background: url(../rates/images/bg-hdr.jpg);}
.employment #hdr h1 {background: url(../employment/images/bg-hdr.jpg);}
.sitemap #hdr h1 {background: url(../images/bg-hdr-stmp.jpg);}
.privacy #hdr h1 {background: url(../privacy/images/bg-hdr.jpg);}
.legal #hdr h1 {background: url(../legal/images/bg-hdr.jpg);}
#hdr ul#utlnks {margin: 0 0 0 688px;}
#hdr ul#utlnks li {background-repeat: no-repeat; list-style: none;}/*see ie.css for fixes*/
#hdr ul#utlnks li a {width: 261px; display: block;}
#hdr ul#utlnks li a:hover {background-position: -261px 0;}
#hdr ul#utlnks li a#asutlnk {background-image: url(../images/unav-int-aslnk.gif); height: 25px;}
#hdr ul#utlnks li a#abutlnk {background-image: url(../images/unav-int-ablnk.gif); height: 26px;}
#hdr ul#utlnks li a#ceutlnk {background-image: url(../images/unav-int-celnk.gif); height: 26px;}
#hdr ul#utlnks li a#rsutlnk {background-image: url(../images/unav-int-rslnk.gif); height: 24px;}
#hdr ul#utlnks li a#esutlnk {background-image: url(../images/unav-int-eslnk.gif); height: 26px;}
#hdr ul#utlnks li#slctutlnk {background: url(../images/unav-bg-utslct.gif) no-repeat; width: 261px; height: 30px; display: block; top: 180px; left: 688px; position: absolute; z-index: 999;}
#hdr ul#utlnks li ul {width: 194px; height: auto; display: none; margin: 23px 0 0 26px; padding: 5px 0; background: #878877; color: inherit; border: 1px solid #DCDCCB; z-index: 99; position: absolute;}
#hdr ul#utlnks li ul li {display: inline;}
#hdr ul#utlnks li ul li a {background: #878877 url(../images/unav-bllt01.gif) no-repeat 3px 8px; color: #FFFFFF; width: auto; font-size: 1em; padding: 5px 11px; display: block; text-decoration: none;}
#hdr ul#utlnks li ul li a:hover {background: #BABAAA url(../images/unav-bllt02.gif) no-repeat 3px 8px; display: block; color: #FFFFFF; text-decoration: none;}
#hdr ul#utlnks li:hover ul, #hdr ul#utlnks li.hdruthover ul {display: block;}

/*content area*/
#cntnt {background: url(../images/bg-cntnt.gif) repeat-y; margin: 3px 0 0 0; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative; clear: both; z-index: 999;}/*see ie.css for fixes*/
#cntnt:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

#mn {float: left; margin-left: 275px; width: 642px; position: relative; padding: 0 0 20px 0; min-height: 350px;}/*see ie.css for fixes*/
#mn ul#brdcrmbs {text-align: right; margin: 6px 0 0 0;}
#mn ul#brdcrmbs li {background: #FFFFFF; color: #ABAAAA; list-style: none; display: inline;}
#mn ul#brdcrmbs li a {background: #FFFFFF; color: #ABAAAA; font-weight: normal; font-size: .9em;}
#mn h2 {background: #FFFFFF url(../images/ttl-undrln.gif) no-repeat bottom left; color: #1B3461; margin: 30px 0 10px 23px; padding: 0 0 35px 20px; font-size: 1.7em; font-weight: bold;}
#mn h2 .popupNews {float: right; text-align: right; margin-right: 25px;}
#mn h3 {background: #FFFFFF; color: #8a3; font-size: 1.1em; font-weight: bold; margin: 0 43px 3px 43px; text-transform: uppercase;}
.stmp #mn h3 a {background: #FFFFFF; color: #8a3;}
#mn h4 {font-size: 1em; font-weight: bold; margin: 0 43px 3px 43px;}
#mn hr {clear: both; margin: 50px 43px 30px 43px;}
#mn .file {margin: 0 43px 15px 43px;}
#mn p {font-size: 1em; margin: 0 43px 15px 43px; line-height: 1.5;}
#mn ol li h4 {margin: 0 43px 3px 0;}
#mn ol li p {margin: 0 43px 15px 0;}
#mn table {margin: 0 43px 15px 43px;}
#mn table col.col1 {float: none; width: 10em;}
#mn table col.colDept {float: none; width: 20em;}
#mn table col.colPosi {float: none; width: 30em;}
#mn table th {border-bottom: 1px solid #6688BB; font-weight: bold; font-size: 1.2em; padding-bottom: .5em;}
#mn table tr.sum td {border-top: 1px solid #6688BB; font-weight: bold;}
#mn a {background: inherit; color: #6688BB; font-weight: bold;}
#mn ul, #mn ol {margin: 0 43px 15px 68px;}
#mn ul li, #mn ol li {font-size: 1em; line-height: 1.5;}
#mn ul li ul, #mn ol li ol, mn ol li ul {margin: 5px 43px 15px 20px;}
#mn a:hover {background: inherit; color: #1B3461;}
/*******begin specific id and class calls*******/
#mn address.vcard {font-size: 1em; margin: 0 0 0 43px; line-height: 1.5;}
#mn .addr {float: right; width: 150px; text-align: right;}
#mn .col1 {float: left; width: 250px;}
#mn .ftnt {font-style: italic; font-size: 9px;}
#mn #flashcontentlft {float: left; margin: 0 20px 15px 43px;}
#mn #flashcontentrght {float: right; margin: 0 43px 15px 20px;}
#mn img.right {float: right; margin: 0 32px 20px 20px;}
#mn img.left {float: left; margin: 0 20px 20px 43px;}
#mn .leftImageClear {clear: both;}
#mn .pgnmbr {float: right; width: 50px; text-align: right;}
#mn .tblcntnt {float: right;}
.clear {clear: both;}
.hentry .entry-metadata { margin-left:43px;}
.hentry .entry-metadata .links { float:left;margin-right:1em; height:2em;}
.hentry .entry-metadata .categories { padding-top:1px; }
.hentry .entry-created { display:none; }
.hentry .entry-published { clear:left; }
#mn #safetyList {margin: 0 0 0 150px;}
#mn #safetyList img {margin: 0 20px 20px -107px;}
#mn a.callout {background-repeat: no-repeat; width: 178px; height: 37px; float: right; display: block; text-indent: -9999px; outline: none;}
#mn a.callout:hover {background-position: 0 -37px;}
#mn a#callout-saveMoney {background-image: url(../images/callout-video-save_money.gif); }
#mn #multiboxVideos {margin: 0 0 20px 43px;}
#mn #multiboxVideos:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#mn #multiboxVideos a {background-repeat: no-repeat; width: 274px; height: 87px; margin: 0 10px 10px 0; display: block; float: left; text-indent: -9999px; outline: none;}
#mn #multiboxVideos a:hover {background-position: 0 -87px;}
#mn #multiboxVideos a#mb1 {background-image: url(../images/button-video-weatherwise.gif);}
#mn #multiboxVideos a#mb2 {background-image: url(../images/button-video-energy.gif);}
#mn #multiboxVideos a#mb3 {background-image: url(../images/button-video-furnace.gif);}
#mn #multiboxVideos a#mb4 {background-image: url(../images/button-video-save_money.gif);}
#mn #multiboxVideos a#mb5 {background-image: url(../images/button-video-extreme_makeover.gif);}
#mn #multiboxVideos a#mb6 {background-image: url(../images/button-video-safety_first.gif);}
#mn #showHide {}
#mn #showHide h3 {background: #ddd url(../images/arrow-showHide.gif) no-repeat left center; color: #456; margin-bottom: 7px; padding: 6px 23px; cursor: pointer; -moz-border-radius-topright: 8px; -webkit-border-radius-topright: 8px; border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-radius-bottomright: 8px; border-radius-bottomright: 8px;}
#mn #showHide h3.iehover,#mn #showHide h3.selected {color: #c5972c;}
#mn #showHide h3 strong {background: url(../images/arrow-showHide-down01.gif) no-repeat 100% 50%; padding: 0 20px 0 0;}
#mn #showHide h3.iehover strong,#mn #showHide h3.selected strong {background: url(../images/arrow-showHide-down02.gif) no-repeat 100% 50%; padding: 0 20px 0 0;}
#mn #showHide p {}


/*form elements*/
#mn h3#step1 {background: url(../images/step1.gif) no-repeat; width: 530px; height: 22px; margin: 10px 43px; text-indent: -9999px;}
#mn h3#step2 {background: url(../images/step2.gif) no-repeat; width: 530px; height: 22px; margin: 10px 43px; text-indent: -9999px;} 
#mn p#message-wait {background: url(../images/review_info.gif) no-repeat; width: 441px; height: 37px; margin: 0 5px 15px 43px; text-indent: -9999px; float: left;}
#mn #message-error {color: #c54; margin: 0 43px 20px 43px; padding: 20px 20px 0px; border: 1px solid #c54; }
#mn form {}
#mn form fieldset {}
#mn form h3 {color: #8a3; margin: 15px 55px; font-size: 1.1em; text-transform: uppercase; clear: both;}
#mn form label {color: #999; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;}
#mn form #txtTotal {!important; color: #999; margin: 0 0 20px 0; font-weight: bold; font-size: 1.3em; display: block; left: 16px; bottom: 2px; position: relative;}
#mn form input {color: #999; margin: 0 0 10px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 3px; font-size: 1em; border: 1px solid #ccc;}
#mn form input.radio {border: none;}
#mn form textarea {color: #999; padding: 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 1.1em;}
#mn form select {width: 140px;}
#mn form div {margin: 0 0 15px 0; padding: 0 0 30px 0; position: relative;}
#mn form .text label {width: 160px; text-align: right;}
#mn form .text input,#mn form .text textarea,#mn form .text select {margin: 0 0 10px 15px;}
#mn form .text span.details {color: #999; margin: 0 0 0 175px; font-style: italic;}
#mn form .text p {color: #999; margin: 0 43px 10px 70px; font-weight: bold;}
#mn form .checkbox label {width: 275px;}
#mn form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#mn form .radio label {width: 275px;}
#mn form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#mn form br {clear: both;}
#mn form input#btnNext, #mn form input#btnEdit {margin: 0 0 0 175px; padding: 0; border: none;}
#mn form input.btnSubmit {margin: 0 0 0 5px; padding: 0; border: none;}
#mn form p.required {color: #999; font-size: .9em; font-style: italic;}
#mn form p.error, #mn form label.error {color: #c54; font-weight: bold;}
#mn ul.formVerify {margin: 0 43px 20px 43px; position: relative;}
#mn ul.formVerify li {color: #999; margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#mn ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#mn ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#mn ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#mn ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#mn ul.formVerify li.textbox strong {float: none;}
#mn ul.formVerify li.textbox em {float: none; overflow: auto;}
/*end form elements*/

/************************begin gas home tour************************/
#mn p#sctnttl {background: url(../products/images/gh_head.gif) no-repeat; width: 120px; height: 51px; top: 130px; left: 10px; position: absolute;}
#mn ul#gshmtr {background: url(../products/images/gas_house.gif) no-repeat; width: 556px; height: 325px; margin: 0 43px 15px 43px;}
#mn ul#gshmtr li {list-style: none;}
#mn ul#gshmtr li a#whtr {width: 38px; height: 38px; top: 388px; left: 254px; position: absolute; display: block;}
#mn ul#gshmtr li a#potr {width: 38px; height: 38px; top: 269px; left: 551px; position: absolute; display: block;}
#mn ul#gshmtr li a#ggtr {width: 44px; height: 43px; top: 299px; left: 461px; position: absolute; display: block;}
#mn ul#gshmtr li a#gltr {width: 38px; height: 38px; top: 326px; left: 411px; position: absolute; display: block;}
#mn ul#gshmtr li a#catr {width: 22px; height: 22px; top: 244px; left: 357px; position: absolute; display: block;}
#mn ul#gshmtr li a#rntr {width: 38px; height: 38px; top: 321px; left: 288px; position: absolute; display: block;}
#mn ul#gshmtr li a#wdtr {width: 33px; height: 33px; top: 319px; left: 216px; position: absolute; display: block;}
#mn ul#gshmtr li a#shtr {width: 43px; height: 43px; top: 270px; left: 91px; position: absolute; display: block;}
#mn ul#gshmtr li a#gl2tr {width: 31px; height: 31px; top: 286px; left: 53px; position: absolute; display: block;}
#mn ul#gshmtr li a#wh2tr {width: 35px; height: 35px; top: 210px; left: 264px; position: absolute; display: block;}
/*************************end gas home tour*************************/

#sdbr {float: left; margin-left: -917px; width: 275px; position: relative;}
#sdbr ul#sblnks {margin: 20px 0 0 28px;}
#sdbr ul#sblnks li {list-style: none; padding: 10px 0 10px 0; border-bottom: 1px solid #1B3461; width: 215px;}
#sdbr ul#sblnks li a {background: #FFFFFF url(../images/sdbr-lvl1bg01.gif) no-repeat; color: #1B3461; font-size: .9em; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 0 0 0 17px; display: block;}
#sdbr ul#sblnks li a:hover, #sdbr ul#sblnks li a.slctd {background: url(../images/sdbr-lvl1bg02.gif) no-repeat;}
#sdbr ul#sblnks li ul {margin: 8px 0 0 0;}
#sdbr ul#sblnks li ul li {list-style: none; padding: 5px 0; border-top: 1px solid #CCCBCC; border-bottom: none; width: 215px;}
#sdbr ul#sblnks li ul li.slctd {border: none;}
#sdbr ul#sblnks li ul li a {background: #FFFFFF; color: #6688BB; text-transform: none; text-decoration: none; padding: 0 0 0 17px;}
#sdbr ul#sblnks li ul li a:hover, #sdbr ul#sblnks li ul li a.slctd {background: inherit; color: #1B3461;}
#sdbr ul#sblnks li ul li ul {margin: 8px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #CCCBCC;}
#sdbr ul#sblnks li ul li ul li {list-style: none; padding: 3px 0 3px 0; border: none; width: 215px;}
#sdbr ul#sblnks li ul li ul li a {background: url(../images/sdbr-lvl3bg.gif) no-repeat 0 4px; font-weight: normal; margin: 0 0 0 17px; padding: 0 0 0 7px;}
#sdbr ul#sblnks li ul li ul li a:hover, #sdbr ul#sblnks li ul li ul li a.slctd {background: #FFFFFF url(../images/sdbr-lvl3bg.gif) no-repeat 0 4px; color: #1B3461;}
#sdbr ul#sblnks li.hide {height: 0; width: 0; overflow: hidden; position: absolute;}

/*footer*/
#ftrotr {background: url(../images/bg-ftrotr.gif) repeat-x;}
#ftr {background: url(../images/bg-ftr.gif) no-repeat; clear: both; position: relative; margin: 0 auto; padding: 0; width: 950px;}/*see ie.css for fixes*/
#ftr ul#ftrlnks {width: 650px; border-bottom: 1px solid #303263; margin: 0 0 0 290px; padding: 60px 0 5px 0; text-align: right;}
#ftr ul#ftrunav {width: 650px; margin: 0 0 0 290px; padding: 5px 0 10px 0; text-align: right;}
#ftr ul li {background: inherit; color: #ccc; list-style: none; display: inline;}
#ftr ul li a {background: inherit; color: #ccc; font-weight: bold; text-decoration: none; line-height: 1.5; font-size: .9em;}
#ftr #copy {background: none; color: #ccc; font-size: .9em; padding: 0 10px 15px 0; text-align: right; font-weight: normal;}

.printOnly { display: none; }
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #ftr, * > form {position: relative; z-index: 1000;}