/* CSS Document */



@import "topnav.css";
/*@import "print.css";*/
@import "headline.css";
@import "news.css";


h1 {
	font-size: 16px;
	padding: 0 0 0 0;
	font-weight:normal;
	}

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;
	}	
	
.red {
	color:#cc0000;
}
	
.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: 350px;
	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;
	}
	
.newsFooter {
	border-bottom:1px solid #cccccc;
	margin: 5px 0 0 0;
}