/* CSS Document */
/* Probably should have just set media type to "all" in the stylesheet link, however this does allow you to set print styles indepedently if required.*/	
body {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin: 0;
	font-size: 70%;
	background-image: url(../images/bgHeader.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #333333;
	}
	
body.energycentre {
	background-image: url(../images/ec_body_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #4c6faf;
	}
	
body.energycentreNB {
	background-image: url(../images/ec_body_notblue_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	}		
	
p {
	padding: 2px 0 2px 0;
	margin:0;
	}	
	
.leftimg {
	float:left;
	margin: 5px 0 5px 0;
	}


.leftimg0 {
	float:left;
	margin: 0;
	padding-right: 5px;
	}	
	
.rightimg {
	float: right;
	margin: 5px 0 5px 0;
	}
	
.rightimg0 {
	float: right;
	margin: 0 5px 0 0;
	}	

/* LAYOUT DIVS */	
#wrapper {
	width: 802px;
	height: auto;
	margin: 0 auto 0 auto;
	padding:0;
	}
	
#wrapper2 {
	width: 802px;
	height: auto;
	margin: 0 auto 0 auto;
	padding:0 0 20px 0;
	}	
			
#topRow {
	height: 148px;
	width: 802px;
	background-image: url(../images/navBg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 28px 0 0 0;
	margin: 0;
	}	
	
#leftcol {
	margin: 0;
	padding: 18px 5px 5px 5px;
	width: 203px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #013473;
	font-size: 1.1em;
	}
	
#leftcolEC {
	margin: 0;
	padding: 18px 5px 5px 5px;
	width: 203px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 1.1em;
	}	
	


#welcomeImg {
width: 354px !important;
height: 264px !important;
background-color: #ccc;
}	

#rightcol {
	width: 588px;
	float: right;
	height: auto;
	}
	
#rightcol h1 {
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0 5px 0;
	margin:0;
	}		
	
#rightcol h2 {
	font-size: 13px;
	font-weight: normal;
	padding: 20px 0 3px 0;
	margin:0;
	color: #013473;
	}
	
#rightcol h3 {
	font-size: 14px;
	font-weight: normal;
	padding: 5px 0 2px 0;
	margin: 0;
	}		
	
#rightcol h4 {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	MARGIN:0;
	padding: 5px 0 0 1px;
	}	
	
* html #rightcol {height:500px}	

#rightcol a:link, #rightcol a:visited, #rightcol a:active {
	color: #000000;
	text-decoration: underline;
	}
	
#rightcol a:hover {
	text-decoration: none;
	}			

#rightcol ul {
	margin:0;
	padding:3px 0 3px 15px;
	}
	
#rightcol li {
	margin:0;
	padding: 2px 0 2px 0;
	}	

#footer {
	width: 802px;
	height: 50px;
	margin: 15px auto 0 auto;
	padding: 5px 0 0 0;
	border-top: 2px solid #cccccc;
	font-size: 0.9em;
	color: #999999;
	background-color:#FFFFFF;
	}
	
#footer p {
	padding: 1px 0 1px 0;
	margin: 0;
	}	
	
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #999999;
	}
	
#footer a:hover {
	text-decoration: none;
	color: #333333;
	}		

#footerLeft {
	width: 194px;
	float:left;
	}
	
#footerLeft img {
	margin-right: 5px;
	float:left;
	}	
	
.footeright {
	text-align: right;
	text-transform: uppercase;
	}	
	
/*title boxes, different color bottom borders*/	
	
	
	
#titleNone {
	width: 100%;
	height: 49px;
	margin:0;
	}
	
#titleBlack {
	width: 100%;
	height: 47px;
	margin:0;
	padding:0;
	border-bottom: 2px solid #000;
	}		
	
#titleDarkBlue {
	width: 100%;
	height: 47px;
	margin:0;
	padding:0;
	border-bottom: 2px solid #013473;
	}	
	
#titleLightBlue {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #84BADF;
	}	
	
#titleLightGreen {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #98CA42;
	}		
	
#titleMidGreen {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #2EA443;
	}		
	
#titleYellow {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #FDCC08;
	}	
	
#titleEC {
	width: 100%;
	height: 49px;
	margin:0;
	padding: 0;
	border-bottom: none;
	}			
	
#titleEC2 {
	width: 100%;
	height: 49px;
	margin:0;
	padding: 0;
	border-bottom: none;
	}		
	
#titleCyan {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #03A2B4;
	}	
	
#titlePurple {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #755C71;
	}	
	
#titleLightPurple {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #B9B1D8;
	}		
	
#titleMidPurple {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #755c71;
	}		
	
#titleGrey {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #939599;
	}	
	
#titleDarkGrey {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #455560;
	}		
	
#titlePink {
	width: 100%;
	height: 47px;
	margin:0;
	padding: 0;
	border-bottom: 2px solid #CC99CC;
	}	
	


#titleBlue {
	width: 100%;
	height: 47px;
	margin:0;
	padding:0;
	border-bottom: 2px solid #0082C8;
	}	
	
#titleRed {
	width: 100%;
	height: 47px;
	margin:0;
	padding:0;
	border-bottom: 2px solid #9b0c0d;
	}		
	
	
.headline {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #939598;
	padding:20px 0 0 0;
	margin:0;
	}			
	
.headlineOrange {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #EA921B;
	padding:20px 0 0 0;
	margin:0;
	}				

/*end of title boxes*/

/*picture link*/
.pictureLink {
	background-image: url(../images/link_bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 20px 2px 0;
	text-align: right;
	font-weight: bold;
	}
	
.pictureLinkRed {
	background-image: url(../images/link_bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 20px 2px 0;
	text-align: right;
	color:#8C0605 !important;
	}
	
.pictureLinkRedB {
	background-image: url(../images/link_bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 20px 2px 0;
	text-align: right;
	color:#8C0605 !important;
	font-weight: bold;
	}	
	
.pictureLinkY {
	background-image: url(../images/link_bulletY.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 20px 2px 0;
	text-align: right;
	font-weight:bold;
	}	
	
.pictureLinkB {
	background-image: url(../images/link_bulletB.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 20px 2px 0;
	text-align: right;
	font-weight:bold;
	}
	
.pictureLinkDarkB {
	background-image: url(../images/db_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 20px 2px 0;
	text-align: right;
	font-weight:bold;
	}		
	
.pictureLinkBeige {
	background-image: url(../images/arrowbeige.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 20px 2px 0;
	text-align: right;
	font-weight:bold;
	}	
	
/*end of pictureLink */	

#mainImageHome {
	width:576px;
	height: 265px;
	margin-bottom: 10px;
	}
	
#leftHomeImage {
	float:left;
	}
	
#rightHomeImage {
	float:right;
	}		
	
.body290w {
	width: 280px;
	margin-right: 5px;
	padding: 10px 5px 5px 5px;
	height: auto;
	float: left;
	}
	
.body144w {
	width: 124px;
	padding: 0 10px 0 10px;
	height: auto;
	float: left;
	border-left: 1px solid #ccc;
	height: auto;
	}			
	
#beige427 {
	width: 408px;
	padding: 10px 10px 10px 10px;
	background-color: #E6E2D8;
	float: left;
	margin: 10px 0 10px 0;
	}	
	
.snippet427 {
	width: 408px;
	height: 86px;
	height: auto;
	padding: 5px 0 5px 0;
	float:left;
	}	
	
.snippet {
	width:95%;
	height: auto;
	padding: 0 5px 5px 0;
	margin-top:2px;
	}
	
.ec_snippet {
	width:95%;
	height: auto;
	padding: 0 5px 5px 0;
	margin-top:2px;
	border-bottom: 1px solid #ccc;
	}	
	
.plus10holder {
	width:95%;
	height: auto;
	padding: 0 5px 5px 0;
	margin-top:0;
	}
	
.plus10holderblue {
	width:45%;
	height: auto;
	padding: 0 5px 5px 0;
	margin-top:0;
	}	
	
.snippetL {
	width: 50%;
	padding-top:10px;
	float: left;
	}
	
.plus10Left {
	width: 50%;
	padding-top:0;
	float: left;
	}	
	
.snippetR, .plus10Right {
	width: 50%;
	float:right;
	}			
	
.snippetR2 {
	width: 50%;
	padding-top:10px;
	float: left;
	}	
	
.snippetintL {
	width: 85px;
	height: 86px;
	float:left;
	}
	
.snippetintR {
	float:right;
	width: 320px;
	height: 86px;
	border-bottom: 1px solid #fff;
	}		
	
.snippetBeige {
	width: 95%;
	background-color: #E6E2D8;
	padding: 0 5px 5px 5px;
	margin-top:2px;
	}	
	
.snippetYellow{
	width: 96%;
	background-color: #FDD968;
	padding: 0 5px 5px;
	margin-top:2px;
	}	
	
.snippetLightYellow{
	width: 95%;
	background-color: #FFF2C6;
	padding: 0 5px 5px 5px;
	margin-top:2px;
	}		
		
.snippetBlue{
	width: 95%;
	background-color: #D7E7F6;
	padding: 0 5px 5px 5px;
	margin-top:2px;
	}
	
.snippetGreen{
	width: 95%;
	background-color: #DDECC3;
	padding: 0 5px 5px 5px;
	margin-top:2px;
	}		
	
.snippetGrey{
	width: 95%;
	background-color: #C8CBCD;
	padding: 0 5px 5px 5px;
	margin-top:2px;
	}						
		
	
#banner130 {
	width: 120px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ccc;
	float: right;
	margin: 10px 10px 10px 0;
	}	
	
	
/* category color themes */

.orange {
	color: #EA921B;
	}	
	
.cyan {
	color: #03A2B4;
	}
	
.purple {
	color: #755C71;
	}		
	
.yellow {
	color: #FFF200 !important;
	}	
	
.brightYellow {
	color: #FFFF00 !important;
	}		

.lightgreen {
	color: #93bb16!important;
	}

.green {
	color: #55AA43;
	}
	
.midgreen {
	color: #2EA443;
	} 	
	
.darkgreen {
	color: #248B3B !important;
	}	
	
.blue {
	color: #0099FF !important;
	}	
	
.darkblue {
	color: #013473 !important;
	}	
	
.darkRed {
	/*color: #8C0605 !important;*/
	color: #9b0c0d !important;
	}	
	
.beige {
	color: #A88A75 !important;
	}	
	
.darkgrey {
	color: #666666 !important;
	}		
	
	
	
.greenline {
	border-top: 2px solid #248B3B;
	width: 95%;
	height:0;
	padding:0;
	margin: 2px 0 0 0;
	}	
	
.redline {
	border-top: 2px solid #9b0c0d;
	width: 95%;
	height:0;
	padding:0;
	margin: 2px 0 0 0;
	}	
	
.dottedline {
	border-top: 2px dotted #fff;
	width: 95%;
	height:0;
	padding:0;
	margin: 2px 0 0 0;
	}	
	
.greyline {
	border-top: 1px solid #ccc;
	width: 95%;
	height:0;
	padding:0;
	margin: 2px 0 0 0;
	}		
	
.whiteline {
	border-top: 1px solid #fff;
	width: 95%;
	height:0;
	padding:0 !important;
	margin: 5px 0 3px 0;
	}			
		
	
/* Standard 2 col page */

#col {
	width: 287px;
	float: left;
	height: auto;
	margin-bottom: 10px;
	}	
	
#col_spec {
	width: 220px;
	float: left;
	height: auto;
	margin-bottom: 10px;
	margin-right: 20px;
	}	
	
#col2 {
	width: 285px;
	float: left;
	height: auto;
	margin-left:8px;
	margin-bottom: 10px;
	}	
	
#col2_env {
	width: 297px;
	float: left;
	height: auto;
	padding: 0;
	margin-bottom: 10px;
	background-color: #98CA42;
	background-image: url(../images/env_fade.jpg);
	background-repeat: repeat-x;
	}
	
#col2_spec {
	width: 315px;
	float: left;
	height: auto;
	padding: 0;
	margin-bottom: 10px;
	}		
	
#colfull {
	width: 574px;
	}	
	
#col p, #col2 p, colfull p, #col2_spec p{
	padding: 3px 10px 3px 0;
	}		
	
#col2_env p	{
	padding: 3px 10px 3px 10px;
	font-size: 110%;
	color: #fff;
	}
	
#col2_env p.darkgreen {
	color: #006633 !important;
	}	
	
#col2_env h1 {
	font-size: 16px;
	padding: 10px 0 1px 10px;
	color: #fff;
	}	
	
/* Main page image styling */	
.colImageHeading {
	color: #ffffff;
	font-style: italic;
	text-transform: uppercase;
	margin: 0;
	line-height: 15px;
	padding: 5px 0 5px 10px !important;
	font-size: 12px !important;
	}	
	
.colImageHeadingRed {
	color: #9b0c0d;
	font-style: italic;
	text-transform: uppercase;
	margin: 0;
	line-height: 15px;
	padding: 5px 0 5px 10px !important;
	font-size: 12px !important;
	}		
	
.colImageHeadingOrange {
	color: #EA921B;
	font-style: italic;
	text-transform: uppercase;
	margin: 0;
	line-height: 15px;
	padding: 5px 0 5px 10px !important;
	font-size: 12px !important;
	}	
	
.colImageHeadingLB {
	color: #0099FF;
	font-style: italic;
	text-transform: uppercase;
	margin: 0;
	line-height: 15px;
	padding: 5px 0 5px 10px !important;
	font-size: 12px !important;
	}			
	
#mainImageBlack {
	background-color:#000;
	padding:0;
	margin-bottom: 10px;
	}			
	
#mainImageLB {
	background-color:#84BADF;
	padding:0;
	margin-bottom: 10px;
	}	
	
#mainImageLG {
	background-color:#98CA42;
	padding:0;
	margin-bottom: 10px;
	}		
	
#mainImageMG {
	background-color:#2EA443;
	padding:0;
	margin-bottom: 10px;
	}	
	
#mainImagePink {
	background-color:#CC99CC;
	padding:0;
	margin-bottom: 10px;
	}			
	
#mainImageY {
	background-color:#FDCC08;
	padding:0;
	margin-bottom: 10px;
	}	
	
#mainImageCyan {
	background-color:#03A2B4;
	padding:0;
	margin-bottom: 10px;
	}		
	
	
#mainImagePurple{
	background-color:#755C71;
	padding:0;
	margin-bottom: 10px;
	}		
	
	
#mainImageGrey{
	background-color:#939599;
	padding:0;
	margin-bottom: 10px;
	}	
	
#mainImageLightPurple{
	background-color:#B9B1D8;
	padding:0;
	margin-bottom: 10px;
	}
	
#mainImageMidPurple{
	background-color: #755C71;
	padding:0;
	margin-bottom: 10px;
	}	
	
		
	
#mainImageBlue{
	background-color:#0082c8;
	padding:0;
	margin-bottom: 10px;
	}	
	
#mainImageDarkBlue{
	background-color:#013473;
	padding:0;
	margin-bottom: 10px;
	}
	
#mainImageRed{
	background-color:#9b0c0d;
	padding:0;
	margin-bottom: 10px;
	}		
	
	
	
#mainImageDarkGrey{
	background-color:#455560;
	padding:0;
	margin-bottom: 10px;
	}	
	
		
	
.innercol {
	width: 140px;
	float: left;
	height:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.innercol2 {
	width: 140px;
	float: left;
	height:auto;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	

	
.innercol3 {
	width: 130px;
	float: left;
	min-height: 290px;
	height:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-right: 1px solid #cccccc;
	padding: 0 5px 0 0;
	}
	
* html .innercol3 {height:290px; padding:0;}		


.innercol4 {
	width: 130px;
	float: left;
	height:auto;
	min-height: 290px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-right: 1px solid #cccccc;
	padding: 0 5px 0 0;
	}
	
* html .innercol4 {height:290px; padding:0;}


.innercol5 {
	width: 130px;
	float: left;
	min-height: 290px;
	height:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-right: 1px solid #3D589B	;
	padding: 0 5px 0 0;
	}
	
* html .innercol5 {height:290px; padding:0;}		


.innercol6 {
	width: 130px;
	float: left;
	height:auto;
	min-height: 290px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-right: 1px solid #3D589B	;
	padding: 0 5px 0 0;
	}
	
* html .innercol6 {height:290px; padding:0;}


	
.innercol ul, .innercol2 ul, .innercol3 ul, .innercol4 ul, .container ul {
	list-style: none;
	margin:0!important;
	padding: 10px 0 10px 0!important;
	}	
	
.innercol ul li, .innercol2 ul li, .innercol3 ul li, .innercol4 ul li, .container ul{
	margin:0;
	padding: 6px 0 6px 0;
	font-weight:bold;
	}		
	
.innercol ul a, .innercol2 ul a, .innercol3 ul a, .innercol4 ul a{
	font-weight:bold;
	}			
	
.container {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
	margin-bottom: 0;
	}
	
.container2 {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0 5px 0;
	}	
	
.containerBorder {
	width: 100%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	}			
	
.containerFixed {
	width: 100%;
	min-height: 303px;
	height: auto;
	position: relative;
	}	
	
* html .containerFixed {height:306px;}	

.ec_containerFixed {
	width: 100%;
	min-height: 263px;
	height: auto;
	position: relative;
	margin:0;
	padding:0;
	}	
	
* html .ec_containerFixed {height:288px;}	

.containerFixed2 {
	width: 100%;
	min-height: 238px;
	height: auto;
	}	
	
* html .containerFixed2 {height:238px;}	

.containerFixed3 {
	width: 100%;
	min-height: 231px;
	height: auto;
	}	
	
* html .containerFixed3 {height:231px;}	

.containerFixed4 {
	width: 100%;
	min-height: 213px;
	height: auto;
	}	
	
* html .containerFixed4 {height:213px;}

.containerFixed5 {
	width: 100%;
	min-height: 272px;
	height: auto;
	}	
	
* html .containerFixed5 {height:272px;}

.containerFixed6 {
	width: 100%;
	min-height: 276px;
	height: auto;
	}	
	
* html .containerFixed6 {height:276px;}


.containerFixed ul {
	list-style: none;
	margin:0!important; padding:0!important;
	}
	
.containerFixed ul li {
	padding: 3px 0 3px 0;
	margin:0;
	}	
	
.comment {
	font-size: 10px;
	}	
		
.uCase {
	text-transform: uppercase;
	}		
	
.largeText {
	font-size: 110%;
	}	
	
.largeTextWhite {
	font-size: 110%;
	color: #FFFFFF;
	}		
	
#whattodo {
	width: 200px;
	margin: 10px 0 0 0;
	}	
	
#whattodo a:link, #whattodo a:visited, #whattodo a:active {
	color: #013473;
	}

			
	
#whatcol {
	width: 42px;
	float: left;
	text-align: right;
	font-weight: bold;
	}
	
#whatcol2 {
	text-align: left;
	color: #666666;
	}		
	
#bottombit {
	width: 100%;
	border-top: 1px solid #cccccc;
	margin: 10px 0 10px 0;
	}	
	
/*wide page - a two col layout rather than three */
#mainImageWideY {
	background-color:#FDCC08;
	width: 220px;
	margin: 0 20px 10px 0;
	padding:0;
	float:left;
	}
			
.offerImg {
	float:left;
	margin: 0 10px 0 0;
	border: 1px solid #666666;
	}			
	
	
ol.alphalist {
	list-style-type: lower-alpha;
	color: #013473;
	padding: 0 0 0 20px;
	font-weight: bold;
	}	
	
ol.alphalist li {
	padding: 2px 0 2px 0;
	}	
	
.normal {
	color: #333333 !important;
	font-weight: normal !important;	
	}
	
#calendar {
	width: 200px;
	height:200px;
	margin: 300px auto 0 auto;
	}
	
#searchtable {
	padding-right:15px;
	}	
	
#searchme {
	border-left: 1px solid #939598;
	}	
	
#charitylink {
	margin-top: 20px;
	}	
	
ul.contacts {
	padding: 0;
	margin: 5px;
	font-weight: bold;
	size: 11px;
	}	
	
ul.contacts li {
	list-style: none;
	line-height: 50px;
	padding: 3px 0 3px 0;
	margin: 0;
	}
		
.contactleft {
	height: 50px;
	width: 50px;
	float:left;
	background-color: #CCCCCC;
	}
	
.contactright {
	float: right;
	height: 50px;
	background-color: #CC6600;
	clear: both;
	}		
	
#map {
	width: 124px;
	height: 124px;
	background-image:url(../images/map_tn.gif);
	background-repeat: no-repeat;
	background-color: #999999;
	float: left;
	margin-right: 5px;
	}	
	
#map2 {
	width: 290px;
	height: 285px;
	background-image:url(../images/mapmedium.jpg);
	background-repeat: no-repeat;
	background-color: #999999;
	float: left;
	margin-right: 5px;
	}	
	
	
#mapLarge {
	width: 520px;
	height: 520px;
	background-image: url(../images/mapLarge.png);
	background-repeat: no-repeat;
	z-index: 1500;
	float: left;
	position:absolute;
	left: 220px;
	top: 100px;
	visibility: hidden;
	}	
	
#mapLarge2 {
	width: 520px;
	height: 520px;
	background-image: url(../images/mapLarge.png);
	background-repeat: no-repeat;
	z-index: 1500;
	float: left;
	position:absolute;
	left: 220px;
	top: 450px;
	visibility: hidden;
	}	
	
/*Energy Centre section styling */

#bluebg {
	background-image:url(../images/ec_bg.jpg);
	background-repeat: repeat-x;
	background-color: #3F5B9D!important;
	height: auto;
	display: table;
	}	
	
#ecNav {
	width:100%;
	min-height: 40px;
	height: auto;
	background-color: #0b3076;
	}	
	
* html #ecNav {height: 40px;}

#ecNav2 {
	width:100%;
	min-height: 40px;
	height: auto;
	background-color: none;
	}	
	
* html #ecNav2 {height: 40px;}	
	
#ecNav ul, #ecNav2 ul {
	margin: 10px 0 0 8px;
	padding:0;
	font-size: 12px;
	}	
	
#ecNav ul li, #ecNav2 ul li {
	list-style: none;
	display:inline;
	margin-right: 20px;
	}
	
#ecNav a:link, #ecNav a:visited, #ecNav a:active, #ecNav2 a:link, #ecNav2 a:visited, #ecNav2 a:active {
	color: #fff;
	text-decoration: none;
	}
	
#ecNav a:hover, #ecNav2 a:hover {
	color: #FFFF00;
	}			
	
.ecSnippet {
	width: 100%;
	border-bottom: 1px solid #0C1867;
	clear: both;
	margin-bottom: 0;
	}	
	
.ecSnippet2 {
	width: 100%;
	border-bottom: 1px solid #0C1867;
	clear: both;
	margin-bottom: 0;
	}			
	
.ecSnippet p, .ecSnippet2 p {
	color: #fff;
	}	
	
.ecSnippet h1, .ecSnippet2 h1 {
	font-size: 14px!important;
	}		
	
.ecSnippet a:link, .ecSnippet a:visited, 	.ecSnippet a:active, 	.ecSnippet2 a:link, 	.ecSnippet2 a:visited, 	.ecSnippet2 a:active {
	color: #FFFF00!important;
	text-decoration: none!important;
	}	
	
.ecSnippet a:hover, .ecSnippet2 a:hover {
	color: #fff!important;
	}		
	
.ecCol {
	width: 287px;
	float: left;
	height: auto;
	margin-bottom: 10px;
	}	
	
.ecCol2 {
	width: 285px;
	float: left;
	height: auto;
	margin-left:8px;
	margin-bottom: 10px;
	}


#ecFooter {
	width: 100%;
	background-color: #fff;
	height: 180px;
	padding: 0!important;
	}
	
.ecCol p, .ecCol2 p, {
	padding: 3px 10px 3px 0;
	}		
	
.ecorange {
	color: #ff9900;
	}
	
.ecgreen {
	color: #99cc33;
	}
	
.ecpurple {
	color: #666699;
	}
	
.ecred {
	color: #990000;
	}				
	
#descHolder {
	position: absolute;
	bottom: 0;
	left:0;
	}	

.formElement {
	width: 198px;
	}
	
.smellgasholder {
	float: left;
	width: 428px;
	}	
	
ul#leftlist {
	color: #013473;
	float: left;
	width: 125px;
	padding: 0 0 0 0px;
	list-style-type: none;
	border-right: 1px solid #013473;
	font-size: 12px;
	}
	
ul#rightlist {
	font-size: 12px;
	color: #013473;
	float:right;
	width: 130px;
	padding: 0;
	list-style-type: none;
	}	
	
/*TOP NAV styles for print*/

#veryTop {
	width: 802px;
	height: 63px;
	padding:0;
	margin: 0;
	}
	
#logo {
	width: 180px;
	float:left;
	margin:0;
	padding:0;
	}
	
	

/*NAVIGATION*/	
#vTopNav {
	float: right;
	margin:0;
	padding:0;
	width: 580px;
	text-align:right;
	}
	
.submitLink {
	background-image: url(../images/submit_bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 3px 0 3px 30px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	color: #8C0605;
	font-size: 11px;
	text-decoration: none !important;
	}	

ul#vTop {
	list-style:none;
	font-size: 10px;
	}
	
ul#vTop li{
	display: inline;
	padding: 3px 5px 0 5px;
	} 	
	
ul#vTop a:link, ul#vTop a:visited, ul#vTop a:active {
	color: #666666;
	text-decoration: underline;
	}
	
ul#vTop a:hover{
	color: #8C0605;
	text-decoration: none;
	} 

ul#vTop a.currentpage {
	color: #013473;
	}
	
#searchtable {
	float:right;
	}	

#topNav {
	padding: 0 0 1px 0;
	margin: 0;
	height: 25px;
	margin-top: 25px;
	border-bottom: 1px solid #999999;
	}
	
#topNav #currentpage img {
	visibility: hidden;
	}	
	
#topNav p {
	padding: 0;
	margin:0;
	}	
	
.gasathome {
	background-image: url(../images/nav/gasAtHome_f2.gif);
	background-repeat:no-repeat;
	}	
	
#gasathome {
	width: 79px;
	height: 25px;
	}	
	
#gasathome a {
	display: block;
	width: 79px;
	height: 25px;
	}	
	
#gasathome a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #gasathome a:hover {
	height:1%;
}
/* */								

.specialoffers {
	background-image: url(../images/nav/specialoffers_f2.gif);
	background-repeat:no-repeat;
	}	
	
#specialoffers {
	width: 105px;
	height: 25px;
	margin-left: 80px;
	margin-top:-25px;
	}	
	
#specialoffers a {
	display: block;
	width: 105px;
	height: 25px;
	}	
	
#specialoffers a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #specialoffers a:hover {
	height:1%;
}
/* */								

.energycentre {
	background-image: url(../images/nav/energycentre_f2.gif);
	background-repeat:no-repeat;
	}	
	
#energycentre {
	width: 115px;
	height: 25px;
	margin-left: 186px;
	margin-top:-25px;
	}	
	
#energycentre a {
	display: block;
	width: 115px;
	height: 25px;
	}	
	
#energycentre a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #energycentre a:hover {
	height:1%;
}
/* */								

.supereconomy {
	background-image: url(../images/nav/tariffs_f2.gif);
	background-repeat:no-repeat;
	}	
	
#supereconomy {
	width: 52px;
	height: 25px;
	margin-left: 302px;
	margin-top:-25px;
	}	
	
#supereconomy a {
	display: block;
	width: 110px;
	height: 25px;
	}	
	
#supereconomy a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #supereconomy a:hover {
	height:1%;
}
/* */

.environment {
	background-image: url(../images/nav/environment_f2.gif);
	background-repeat:no-repeat;
	}	
	
#environment {
	width: 90px;
	height: 25px;
	margin-left: 355px;
	margin-top:-25px;
	}	
	
#environment a {
	display: block;
	width: 90px;
	height: 25px;
	}	
	
#environment a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #environment a:hover {
	height:1%;
}
/* */

.autogas {
	background-image: url(../images/nav/autogas_f2.gif);
	background-repeat:no-repeat;
	}	
	
#autogas {
	width: 60px;
	height: 25px;
	margin-left: 446px;
	margin-top:-25px;
	}	
	
#autogas a {
	display: block;
	width: 60px;
	height: 25px;
	}	
	
#autogas a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #autogas a:hover {
	height:1%;
}
/* */

.commercial {
	background-image: url(../images/nav/commercial_f2.gif);
	background-repeat:no-repeat;
	}	
	
#commercial {
	width: 80px;
	height: 25px;
	margin-left: 507px;
	margin-top:-25px;
	}	
	
#commercial a {
	display: block;
	width: 80px;
	height: 25px;
	}	
	
#commercial a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #commercial a:hover {
	height:1%;
}
/* */

.careers {
	background-image: url(../images/nav/careers_f2.gif);
	background-repeat:no-repeat;
	}	
	
#careers {
	width: 60px;
	height: 25px;
	margin-left: 588px;
	margin-top:-25px;
	}	
	
#careers a {
	display: block;
	width: 60px;
	height: 25px;
	}	
	
#careers a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #careers a:hover {
	height:1%;
}
/* */


/********** Sub Navigation - listed in section order ********/
#subNav {
	padding: 1px 0 0 0;
	margin: 0;
	height: 25px;
	}	
	
#subNav p {
	padding: 0;
	margin:0;
	}
	
#subNav #currentpage a {
	visibility: hidden;
	}
	
#subNav2 {
	padding: 1px 0 0 0;
	margin: 0;
	height: 25px;
	}	
	
#subNav2 p {
	padding: 0;
	margin:0;
	}
	
#subNav2 #currentpage a {
	color:#FFFF00;
	}		
	
#subNav3 {
	padding: 1px 0 0 0;
	margin: 0;
	height: 57px;
	background-image:url(../images/energycentre_subnavbg.jpg);
	background-repeat:repeat-x;
	}	
	
#subNav3 p {
	padding: 0;
	margin:0;
	}
	
#subNav3 #currentpage a {
	color:#FFFF00;
	}	
	
/*Gas at Home*/
	
.gettingconnected {
	background-image: url(../images/nav/gettingConnected_f2.gif);
	background-repeat:no-repeat;
	}	
	
#gettingconnected {
	width: 110px;
	height: 25px;
	margin-left:0;
	margin-top:0;
	}	
	
#gettingconnected a {
	display: block;
	width: 110px;
	height: 25px;
	}	
	
#gettingconnected a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #gettingconnected a:hover {
	height:1%;
}
/* */	

.heating {
	background-image: url(../images/nav/heating_f2.gif);
	background-repeat:no-repeat;
	}	
	
#heating {
	width: 59px;
	height: 25px;
	margin-left:111px;
	margin-top:-25px;
	}	
	
#heating a {
	display: block;
	width: 59px;
	height: 25px;
	}	
	
#heating a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #heating a:hover {
	height:1%;
}
/* */	

.cooking {
	background-image: url(../images/nav/cooking_f2.gif);
	background-repeat:no-repeat;
	}	
	
#cooking {
	width: 59px;
	height: 25px;
	margin-left:171px;
	margin-top:-25px;
	}	
	
#cooking a {
	display: block;
	width: 59px;
	height: 25px;
	}	
	
#cooking a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #cooking a:hover {
	height:1%;
}
/* */	

.outdoorgas {
	background-image: url(../images/nav/outdoorgas_f2.gif);
	background-repeat:no-repeat;
	}	
	
#outdoorgas {
	width: 93px;
	height: 25px;
	margin-left:230px;
	margin-top:-25px;
	}	
	
#outdoorgas a {
	display: block;
	width: 93px;
	height: 25px;
	}	
	
#outdoorgas a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #cooking a:hover {
	height:1%;
}
/* */	

.gassafety {
	background-image: url(../images/nav/gasSafety_f2.gif);
	background-repeat:no-repeat;
	}	
	
#gassafety {
	width: 65px;
	height: 25px;
	margin-left:323px;
	margin-top:-25px;
	}	
	
#gassafety a {
	display: block;
	width: 65px;
	height: 25px;
	}	
	
#gassafety a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #gassafety a:hover {
	height:1%;
}
/* */	

.servicecare {
	background-image: url(../images/nav/serviceCare_f2.gif);
	background-repeat:no-repeat;
	}	
	
#servicecare {
	width: 85px;
	height: 25px;
	margin-left:388px;
	margin-top:-25px;
	}	
	
#servicecare a {
	display: block;
	width: 85px;
	height: 25px;
	}	
	
#servicecare a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #servicecare a:hover {
	height:1%;
}
/* */	

.kosangas {
	background-image: url(../images/nav/kosangas_f2.gif);
	background-repeat:no-repeat;
	}	
	
#kosangas {
	width: 60px;
	height: 25px;
	margin-left:473px;
	margin-top:-25px;
	}	
	
#kosangas a {
	display: block;
	width: 60px;
	height: 25px;
	}	
	
#kosangas a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #kosangas a:hover {
	height:1%;
}
/* */

/************** End of Gas at Home ********************/


/** Energy Centre  **/

.ec_heating {
	background-image: url(../images/nav/ec_heating_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ec_heating {
	 width: 70px;
	height: 25px;
	margin-left:0px;
	margin-top:0px;
	}	
	
#ec_heating a {
	display: block;
	width: 60px;
	height: 25px;
	}	
	
#ec_heating a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ec_heating a:hover {
	height:1%;
}
/* */

.ec_kitchen {
	background-image: url(../images/nav/ec_kitchen_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ec_kitchen {
	width: 60px;
	height: 25px;
	margin-left:71px;
	margin-top:-25px;
	}	
	
#ec_kitchen a {
	display: block;
	width: 60px;
	height: 25px;
	}	
	
#ec_kitchen a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ec_kitchen a:hover {
	height:1%;
}
/* */

.ec_cooking {
	background-image: url(../images/nav/ec_cooking_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ec_cooking {
	width: 72px;
	height: 25px;
	margin-left:132px;
	margin-top:-25px;
	}	
	
#ec_cooking a {
	display: block;
	width: 72px;
	height: 25px;
	}	
	
#ec_cooking a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ec_cooking a:hover {
	height:1%;
}
/* */

.ec_electricals {
	background-image: url(../images/nav/ec_electricals_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ec_electricals {
	width: 72px;
	height: 25px;
	margin-left:205px;
	margin-top:-25px;
	}	
	
#ec_electricals a {
	display: block;
	width: 72px;
	height: 25px;
	}	
	
#ec_electricals a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ec_electricals a:hover {
	height:1%;
}
/* */

.ec_tv {
	background-image: url(../images/nav/ec_tv_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ec_tv {
	width: 97px;
	height: 25px;
	margin-left:278px;
	margin-top:-25px;
	}	
	
#ec_tv a {
	display: block;
	width: 97px;
	height: 25px;
	}	
	
#ec_tv a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ec_tv a:hover {
	height:1%;
}
/* */

.ec_leisure {
	background-image: url(../images/nav/ec_leisure_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ec_leisure {
	width: 139px;
	height: 25px;
	margin-left:376px;
	margin-top:-25px;
	}	
	
#ec_leisure a {
	display: block;
	width: 139px;
	height: 25px;
	}	
	
#ec_leisure a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ec_leisure a:hover {
	height:1%;
}
/* */

.ec_sale {
	background-image: url(../images/nav/ec_sale_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ec_sale {
	width: 59px;
	height: 25px;
	margin-left:516px;
	margin-top:-25px;
	}	
	
#ec_sale a {
	display: block;
	width: 59px;
	height: 25px;
	}	
	
#ec_sale a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ec_sale a:hover {
	height:1%;
}
/* */

.ec_plus10 {
	background-image: url(../images/nav/ec_plus10_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ec_plus10 {
	width: 59px;
	height: 25px;
	margin-left:576px;
	margin-top:-25px;
	}	
	
#ec_plus10 a {
	display: block;
	width: 59px;
	height: 25px;
	}	
	
#ec_plus10 a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ec_plus10 a:hover {
	height:1%;
}
/* */

/*********end of energy centre subNav  *********/

/*** Commercial sub navigation ***/

.cm_services {
	background-image: url(../images/nav/com_servs_f2.gif);
	background-repeat:no-repeat;
	}	
	
#cm_services {
	width: 127px;
	height: 25px;
	margin-left:0;
	margin-top:0;
	}	
	
#cm_services a {
	display: block;
	width: 127px;
	height: 25px;
	}	
	
#cm_services a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #cm_services a:hover {
	height:1%;
}
/* */

.cm_products {
	background-image: url(../images/nav/com_prods_f2.gif);
	background-repeat:no-repeat;
	}	
	
#cm_products {
	width: 125px;
	height: 25px;
	margin-left:127px;
	margin-top:-25px;
	}	
	
#cm_products a {
	display: block;
	width: 125px;
	height: 25px;
	}	
	
#cm_products a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #cm_products a:hover {
	height:1%;
}
/* */

/*End of commercial subnav *****************/

/*** About Gas sub navigation ***/

.ag_about {
	background-image: url(../images/nav/ag_about_f2.gif);
	background-repeat:no-repeat;
	}	
	
#ag_about{
	width: 73px;
	height: 25px;
	margin-left:0;
	margin-top:0;
	}	
	
#ag_about a {
	display: block;
	width: 73px;
	height: 25px;
	}	
	
#ag_about a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ag_about a:hover {
	height:1%;
}
/* */

.ag_news {
	background-image: url(../images/nav/ag_news_f2.gif);
	background-repeat:no-repeat;
	}	

#ag_news{
	width: 91px;
	height: 25px;
	margin-left:74px;
	margin-top:-25px;
	}	
	
#ag_news a {
	display: block;
	width: 91px;
	height: 25px;
	}	
	
#ag_news a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ag_news a:hover {
	height:1%;
}
/* */

.ag_core {
	background-image: url(../images/nav/ag_core_f2.gif);
	background-repeat:no-repeat;
	}	

#ag_core{
	width: 84px;
	height: 25px;
	margin-left:165px;
	margin-top:-25px;
	}	
	
#ag_core a {
	display: block;
	width: 84px;
	height: 25px;
	}	
	
#ag_core a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ag_core a:hover {
	height:1%;
}
/* */

.ag_complaints {
	background-image: url(../images/nav/ag_complaints_f2.gif);
	background-repeat:no-repeat;
	}	

#ag_complaints{
	width: 123px;
	height: 25px;
	margin-left:250px;
	margin-top:-25px;
	}	
	
#ag_complaints a {
	display: block;
	width: 123px;
	height: 25px;
	}	
	
#ag_complaints a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ag_complaints a:hover {
	height:1%;
}
/* */

.ag_links {
	background-image: url(../images/nav/ag_links_f2.gif);
	background-repeat:no-repeat;
	}	

#ag_links{
	width: 55px;
	height: 25px;
	margin-left:374px;
	margin-top:-25px;
	}	
	
#ag_links a {
	display: block;
	width: 55px;
	height: 25px;
	}	
	
#ag_links a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #ag_links a:hover {
	height:1%;
}
/* */

/*******end of about gas sub nav ********


/*** Online services sub navigation ***/

.os_online {
	background-image: url(../images/nav/os_online_f2.gif);
	background-repeat:no-repeat;
	}	
	
#os_online{
	width: 94px;
	height: 25px;
	margin-left:0;
	margin-top:0;
	}	
	
#os_online a {
	display: block;
	width: 94px;
	height: 25px;
	}	
	
#os_online a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #os_online a:hover {
	height:1%;
}
/* */

.os_downloads {
	background-image: url(../images/nav/os_downloads_f2.gif);
	background-repeat:no-repeat;
	}	
	
#os_downloads{
	width: 79px;
	height: 25px;
	margin-left:94px;
	margin-top:-25px;
	}	
	
#os_downloads a {
	display: block;
	width: 79px;
	height: 25px;
	}	
	
#os_downloads a:hover img{
	visibility:hidden;
	}
	
/* fixes for IE/win \*/
* html #os_downloads a:hover {
	height:1%;
}
/* */

/********** endof online services sub nav ******/


/* left navigation */
#leftcol ul {
	list-style: none;
	margin:0;
	padding: 0;
	}
	
#leftcol ul li {
	padding: 5px 0 5px 0;
	margin:0;
	}
	
#leftcol ul li ul {
	font-size: 1em;
	margin-left: 15px;
	padding: 3px 0 0 0;
	}		
	
#leftcol ul li ul li {
	padding: 5px 0 5px 0;
	margin:0;
	}	
	
#leftcol a:link, #leftcol a:visited, #leftcol a:active {
	text-decoration: none;
	color: #013473;
	}
	
#leftcol a:hover {
	color: #999999;
	}		

#leftcol .currentpage {
	font-weight: bold;
	text-decoration: none;
	color: #013473;
	}	
	
	
/*energy centre*/	
#leftcolEC ul {
	list-style: none;
	margin:0;
	padding: 0;
	}
	
#leftcolEC ul li {
	padding: 5px 0 5px 0;
	margin:0;
	}
	
#leftcolEC ul li ul {
	font-size: 1em;
	margin-left: 15px;
	padding: 3px 0 0 0;
	}		
	
#leftcolEC ul li ul li {
	padding: 5px 0 5px 0;
	margin:0;
	}	
	
#leftcolEC a:link, #leftcolEC a:visited, #leftcolEC a:active {
	text-decoration: none;
	color: #ffffff;
	}
	
#leftcolEC a:hover {
	color: #999999;
	}		

#leftcolEC .currentpage {
	font-weight: bold;
	text-decoration: none!important;
	color: #4F6EB1;
	}