*{padding : 0px; margin : 0px;}
body{background-color : #FFFFFF; text-align : center; padding-bottom : 20px; font-family : Arial, Verdana, Helvetica, MS Sans Serif, Sans Serif;}
#container{width : 787px; text-align : left; margin-left : auto; margin-right : auto; height : auto; margin-top : 10px; margin-bottom : 10px;}
#border{float : left; background : url(../pics/mainsite.gif) repeat-y; width : 785px; height :auto; border-bottom : #0088C4 solid 1px;}
#header{float : left; width : 785px; height : 128px; background : url(../pics/etr_header.gif) no-repeat; border-bottom : #FFFFFF solid 1px; }
#content{float : left; width : 535px; height :auto;}
#right{float : right; clear : both; width : 250px; height :auto; padding-bottom : 30px; background : url(../pics/newstop.gif) no-repeat;}
#toplinks{height : 25px; background-color : #0088C4;}
#contentbox{ margin : 20px; margin-top : 15px;}
#textcontent{float : right;  padding-bottom : 15px; width : 300px; height : auto;}
#leftnav{float : left; width : 170px; height : auto; padding-bottom : 20px;}
#leftnav ul{list-style-type : none;}
#leftnav li{width : 170px;}
#hrtop{color: #0088C4; height : 1px; background-color: #0088C4; margin-top : 5px; margin-bottom : 15px;}
h1{color : #000000; font-size : 100%; line-height : 18px;}
h2{color : #0088C4; font-size : 80%; line-height : 17px; margin-top : 15px; margin-bottom : 10px;}
p{color : #6F7C85; font-size : 70%; line-height : 15px; margin-bottom : 10px;}
#textcontent ul,ol{margin-left : 40px;}
#textcontent li{list-style-image : url(../pics/li.gif); color : #6F7C85; line-height : 11px; font-size : 70%; margin-bottom : 15px;}
#leftimage{width : 170px; height : 125px; margin-bottom : 20px;}
/* left nav on off link styles */
#leftnav a.about_on{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/about_on.gif) no-repeat; text-indent : -6000px;}
#leftnav a.about_off{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/about_off.gif) no-repeat; text-indent : -6000px;}
#leftnav a.news_on{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/news_on.gif) no-repeat; text-indent : -6000px;}
#leftnav a.news_off{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/news_off.gif) no-repeat; text-indent : -6000px;}
#leftnav a.gas_on{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/gas_on.gif) no-repeat; text-indent : -6000px;}
#leftnav a.gas_off{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/gas_off.gif) no-repeat; text-indent : -6000px;}
#leftnav a.water_on{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/water_on.gif) no-repeat; text-indent : -6000px;}
#leftnav a.water_off{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/water_off.gif) no-repeat; text-indent : -6000px;}
#leftnav a.dust_on{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/dust_on.gif) no-repeat; text-indent : -6000px;}
#leftnav a.dust_off{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/dust_off.gif) no-repeat; text-indent : -6000px;}
#leftnav a.bespoke_on{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/bespoke_on.gif) no-repeat; text-indent : -6000px;}
#leftnav a.bespoke_off{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/bespoke_off.gif) no-repeat; text-indent : -6000px;}
#leftnav a.case_on{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/case_on.gif) no-repeat; text-indent : -6000px; border-bottom : #0088C4 solid 1px;}
#leftnav a.case_off{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/case_off.gif) no-repeat; text-indent : -6000px; border-bottom : #0088C4 solid 1px;}
#leftnav a.tech_on{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/tech_on.gif) no-repeat; text-indent : -6000px;}
#leftnav a.tech_off{display : block; width : 170px; height : auto; line-height : 25px; background : url(../pics/tech_off.gif) no-repeat; text-indent : -6000px;}
a.sublink:link{display : block; font-size : 65%; text-decoration : none; padding-left :10px; background-color : #D9EDF6; color : #7C8A93; width : 160px; height : auto; line-height : 15px; border-top : #FFFFFF solid 1px; }
a.sublink:visited{display : block; font-size : 65%; text-decoration : none; padding-left :10px; background-color : #D9EDF6; color : #7C8A93; width : 160px; height : auto; line-height : 15px; border-top : #FFFFFF solid 1px; }
a.sublink:hover{display : block; font-size : 65%; text-decoration : none; padding-left :10px; background-color : #D9EDF6; color : #7C8A93; width : 160px; height : auto; line-height : 15px; border-top : #FFFFFF solid 1px;}
#newsprevimage{float : right; width : 121px; height : 125px; margin-bottom : 15px;}
#newslatest{margin-left : 20px;}
#right h2{color : #FFFFFF; margin-top : 15px; margin-bottom : 15px; font-size : 100%; margin-left : 20px; margin-right : 20px;}
#right p{color : #FFFFFF; margin-left : 20px; margin-right : 20px;}
#right p a{ color : #7AD3E6; text-decoration : none;}
#right p a:hover{ color : #7AD3E6; text-decoration : underline;}
div.newsarchive_section{float : left; width : 250px; height : 42px; background : url(../pics/newsarchivebg.gif) repeat-y; border-top : #FFFFFF solid 1px;}
#right p.archive{color : #8A98A1; margin-top : 8px; margin-bottom : 8px; line-height : 14px; margin-bottom : 2px;}
#right p.archive a{font-weight : bold; color : #0088C4;}
a.top_on{color : #FFFFFF; font-weight : bold; line-height : 22px; font-size : 80%; margin-left : 25px; padding-left : 15px; text-decoration : none; background : url(../pics/linkicon_on.gif) no-repeat; background-position : center left;}
a.top_on:hover{color : #FFFFFF; font-weight : bold; line-height : 22px; font-size : 80%; margin-left : 25px; padding-left : 15px; text-decoration : none; background : url(../pics/linkicon_on.gif) no-repeat; background-position : center left;}
a.top_off{color : #FFFFFF; line-height : 22px; font-size : 80%; margin-left : 25px; padding-left : 20px; text-decoration : none; background : url(../pics/linkicon_off.gif) no-repeat; background-position : center left;}
a.top_off:hover{color : #FFFFFF;  line-height : 22px; font-size : 80%; margin-left : 25px; padding-left : 20px; text-decoration : none; background : url(../pics/linkicon_on.gif) no-repeat; background-position : center left;}
#contactform{float : left; width : 300px; background-color : #D9EDF6; padding-bottom : 10px; padding-top : 10px;}
.contactfield{width : 260px; color : #6F7C85; border : #6F7C85 solid 1px; margin-top : 2px; margin-bottom : 5px;}
#contactpad{margin-left : 20px;}
label{color : #6F7C85; font-size : 70%;}
a{color : #6F7C85; text-decoration : underline;}
a:hover{color : #6F7C85; text-decoration : underline;}
div.newspage_section{float : left; height : auto; width : 300px; background-color : #D9EDF6; margin-top : 10px;}
div.newspage_section p{margin : 10px;}
div.newspage_section h2{margin : 10px;}
div.newspage_section p a{ font-weight : bold; color : #0088C4; text-decoration : none;}
div.newspage_section p a:hover{ font-weight : bold; color : #0088C4; text-decoration : underline;}
#frank{text-align : center; clear : both; font-size : 70%; font-weight : normal; padding-top : 10px; margin-bottom : 15px;}
#frank a{font-weight : normal;}
#frank a:hover{font-weight : normal;}
span.asterisk{color : #0088C4;}