@import 'cssdeck/_handler.css';

															/** BODY ELEMENTS **/
body {
    background-image:url(../../energy/images/bg.png);
	  background-repeat:repeat;
	  font-family:Georgia, Times New Roman;
	  padding:0;
	  margin:0;
	}
#check-form{display:none;}

#leftside {
float:left;
}
#rightside {
float:right;
width:245px;
_width:240px;
margin-right:10px;
}



															/** MAIN CONTAINERS **/
#container {
	width: 960px;
	margin: 0 auto;
	background-color:#fff;
	}
	#header {
		margin:0px 0px 0px 35px;
		width:663px;
		}
		.header-in {
			width:663px;
			position:relative;
			z-index:10;
			}
	#content-wrapper {
		
		}


/* 2 column layout */
	.layout-2col #content {
		width: 663px;
		background-color:#fff;
		border:1px border #000;
		margin:0px 0px 0px 35px;
		position:relative;
		}
	.layout-2col #aside {
		width: 225px;
		border:1px solid #000;
		float:right;
		}


/* 3 column layout */
	.layout-3col #content {
		/* container width minus both aside widths */
		width: 440px;
		/* left aside width */
		margin-left: 200px;
		}
	.layout-3col .aside-left {
		width: 200px;
		/* this width plus content width */
		margin-left: -640px;
		}
	.layout-3col .aside-right {
		width: 200px;
		}


		#content {
			
			}
			.content-in {

				}
		#aside {
			}
			.aside-left {
				
				}
			.aside-right {
				
				}
				.aside-in {
					
					}
	#footer {
	width: 960px;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
		}
		.footer-in {
			margin-left:30px;
			}






															/** SUB CONTAINERS **/
* { }

#messageHolder {
background-color:#00a651;
width:663px;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
position:relative;
z-index:1;
}

#feedHolder {
margin:30px 0px 0px 35px;
_margin:30px 0px 0px 20px;
border-top: 1px solid #00539e;
float:left;
width:880px;
padding-top:20px;
padding-bottom:20px;
}

#feedHolder .col1
{
  display:block;
  float:left;
  margin: 0;  

    }
#feedHolder .col2
{
    display:block;
  float:left;
  padding:  0 0 0 20px;

    }
#feedHolder .col3
{
       display:block;
  float:left;
  margin:  0 0 0 20px;

    }



.sectionOne {
float:left;
width:200px;
margin:0px 0px 0px 31px;
}
.sectionOneLeft {
float:left;
width:200px;
margin:0px 0px 0px 0px;
}
.sectionTwo {
float:left;
width:400px;
margin:0px 15px 0px 0px;
}
.sectionThree {
float:left;
width:220px;
margin:0px 10px 0px 0px;
}
.sectionFour {
float:right;
width:370px;
margin:0px 15px 0px 0px;
}

.centerImg {
margin:10px 0px 10px 90px;
}

#numberBox {
height:112px;
width:242px;
}
#numberBox h3 {
text-align:right;
font-family:Georgia;
color:#00a651;
line-height:1.2em;
font-size:22px;
margin:0px 20px 0px 0px;
padding-top:22px;
}

#searchBox {
background-color:Green;
margin:0px 0px 10px 6px;
width:210px;
height:46px;
background-image:url(../../energy/images/searchbox.jpg);
}
#newsBox {
margin:0px 0px 10px 6px;
width:210px;
float:left;
}
#newsBox2 {
margin:0px 5px 10px 0px;
width:210px;
float:left;
}
#twitterBox {
padding:0px 0px 10px 6px;
width:210px;
float:left;
}
#sideBox {
margin:0px 0px 10px 6px;
width:210px;
float:left;
}
#sideBox li {
margin:0px 0px 5px 0px;
}
#ratebox {
margin:0px 0px 10px 6px;
width:210px;
float:left;
background-image:url(../../energy/images/co2.jpg);
height:58px;
}
#ratebox p {
color:#fff;
padding: 20px 0px 0px 10px;
font-size:12px;
line-height:1.3em;
font-family:Arial;
}

/*#flash {
position:absolute;
top:163px;
_top:166px;
left:-328px;
}*/
#flash {
position:absolute;
top:163px;
_top:166px;
left:-35px;
}



#flashRoto {
margin-top:10px;
}
#imgRoto {
}

															/** LISTS **/
#nav-main {
	}
	#nav-main li {
		
		}

#content ul 
{
	margin-bottom: 10px;
}
#content ul li
{

	color:#807A7F;
font-family:Georgia,Times New Roman;
font-size:15px;
line-height:1.1em;
	margin: 5px 10px;
}

#sideBox ul, #sideBox li{border:0; margin:0; padding:0; list-style:none; color:#ffffff;}

#sideBox li { margin: 0 0 20px 0;}

ul.nav-main, .nav-main li{border:0; margin:0; padding:0; list-style:none; color:#ffffff;}
.nav-main ul{
color:#ffffff;
}
.nav-main li{float:left; margin-right:3px;}
#tab a:link, #tab a:visited{
	background:url(../../energy/images/tab-round1.png) right 60px;
	color:#ffffff;
	display:block;
	font-weight:bold;
	font-family:Arial;
	height:20px;
	line-height:30px;
	text-decoration:none;
}
#tab a span{
	background:url(../../energy/images/tab-round1.png) left 60px;
	display:block;
	height:20px;
	margin-right:14px;
	padding-left:10px;
	padding-top:5px;
	color:#ffffff;
}
#tab a:hover{
	background:url(../../energy/images/tab-round1.png) right 30px;
	display:block;
	color:#ffffff;
}
#tab a:hover span{
	background:url(../../energy/images/tab-round1.png) left 30px;
	display:block;
	color:#ffffff;
}

/* -------------------------------- */
/* 	ACTIVE ELEMENTS	*/			
#tab.active a:link, .active a:visited, .active a:visited, .active a:hover{
	color:#1c4e7e;
	background:url(../../energy/images/tab-round2.png) right 0 no-repeat;
} 
#tab .active a span, .active a:hover span{
	background:url(../../energy/images/tab-round2.png) left 0 no-repeat;
}



ul.footerLink  {
border:0; margin:0; padding:0; list-style:none; color:#ffffff;
}
.footerLink li {
float:left;
margin: 16px 20px 5px 0px;
}

.footerLinkside ul {
border:0; margin:0; padding:0; list-style:none; color:#ffffff;
}
.footerLinkside li {
float:left;
margin: 1px 20px 5px 7px;
}

.cell1 {
background:url(../../energy/images/f1-cell.jpg) no-repeat;
width:210px;
height:116px;
}
.cell2 {
background:url(../../energy/images/f2-cell.jpg) no-repeat;
width:210px;
height:116px;
}
.cell3 {
background:url(../../energy/images/f3-cell.jpg) no-repeat;
width:210px;
height:116px;
}
.cell4 {
background:url(../../energy/images/f4-cell.jpg) no-repeat;
width:210px;
height:116px;
}
.cell1 h3,.cell2 h3,.cell3 h3,.cell4 h3 {
color:#fff;
font-family:Arial;
font-weight:bold;
font-size:15px;
padding:5px 0px 0px 5px;
margin-bottom:6px;
}
.cell1 p, .cell2 p ,.cell3 p ,.cell4 p {
color:#85bf41;
font-family:Arial;
font-weight:bold;

padding:0px 0px 0px 5px;
width:130px;

line-height:1.1em;
margin-right:25px;
margin-top:2px;
}
.cell1 a, .cell2 a ,.cell3 a ,.cell4 a {
text-decoration:none; 
font-family:Arial;
font-weight:bold;
font-size:13px;
}




#newsBox ul, #newsBox2 ul {
margin: 10px 0px 0px 0px;
height:100px;
overflow:auto
}
#newsBox li, #newsBox2 li {
color:#000;
border-bottom: 1px solid green;
margin: 9px 0px 0px 0px;
padding-bottom:5px;
}

#newsBox li a, #newsBox2 li a{
font-family: Arial !important;
font-size: 12px !important;
color: #000;
text-decoration: none;

}
#newsBox li a:hover, #newsBox2 li a:hover{

text-decoration: underline;

}


#twitterBox ul {
margin: 10px 0px 0px 0px;
height:160px;
overflow: auto;
width: 215px;
}
#twitterBox li {
color:#000;
border-bottom: 1px solid #0aa3e9;
margin: 9px 0px 0px 0px;
padding-bottom:5px;
width: 185px;
}


															/** TYPOGRAPHY **/
h1 {
	color:#00a651;
	font-family:Georgia, Times New Roman;
	font-size:19px;
	line-height:1.1em;
	margin:25px 0px 25px 0px;
	}
#intro h1 {
	color:#00a651;
	font-family:Georgia, Times New Roman;
	font-size:24px;
	line-height:1.1em;
	margin:25px 0px 25px 0px;
	}	
#messageHolder h2 {
	color:#fff;
	padding-left:11px;
	font-weight:bold;
	}	
	
h4 {
background:url(../../energy/images/header.gif) top;
color:#fff;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
font-size:14px;
font-weight:bold;
}
#twitterBox h4 {
background:url(../../energy/images/twitter-icon.jpg) left no-repeat;
color:#0aa3e9;
padding-top:5px;
padding-bottom:7px;
padding-left:35px;
font-size:14px;
font-weight:bold;
border-bottom: 1px solid #0aa3e9;
}
#twitterBox h4 a
{
  color:#0aa3e9;
  text-decoration: none;  
    }	
.sectionOne p {
font-size:17px;
font-family:Georgia, Times New Roman;
color:#a6a2a5;
line-height:1.1em;
}	
.sectionOneLeft p {
font-size:17px;
font-family:Georgia, Times New Roman;
color:#a6a2a5;
line-height:1.1em;
}	
.sectionFour p {
font-size:17px;
font-family:Georgia, Times New Roman;
color:#a6a2a5;
line-height:1.1em;
}	

/*.footer-in p {
font-size:15px;
font-family:Georgia, Times New Roman;
color:#a6a2a5;
line-height:1.1em;
margin-top:20px;
margin-right:25px;
}	*/



p {
	font-family:Georgia, Times New Roman;
	font-size:15px;
	color:#807a7f;
	margin-bottom:10px;
	line-height:1.1em;
	}
a {
	font-family:Georgia, Times New Roman;
	font-size:15px;
	color:#00a651;;
	}
	a:hover {
		color:#807a7f;
		}






															/** FORMS **/
form {
	
	}


#search {
margin-left:10px;
padding:0px;
}

#search label {
margin:5px 0px 2px 0px;
padding:0px;
color:#00a651;
font-weight:bold;
}




/*----new---*/
#navbar ul li {
	display: inline; /* Fix IE Step Down */
	color:#fff;
	 position:relative;
}
#navbar ul li:hover ul {
display:block;
}

	#navbar ul li a:link, #navbar ul li a:visited {
		display: block;
		height: 29px;
		float: left;
		background: url(../../energy/images/tab-round3-right.png) top right no-repeat; 
		margin: 0 1px 0 0px;
			
			font-family: "verdana", sans-serif;
			/*font-size: 14px;*/
			font-weight: bold;
			text-decoration: none;
			color: #fff;
			 position:relative;
	}

		#navbar ul li a span {
			display: block;
			height: 21px;
			float: left; /* IE 6 Fix */
			padding: 8px 10px 0px 10px;
			background: url(../../energy/images/tab-round3-left.png) top left no-repeat;
			color:#fff;
		}
		
		#navbar ul li a:hover, #navbar ul li a:active {
			background-position: bottom right;
		}
		
		#navbar ul li a:hover span {
			background-position: bottom left;
			color: #fff;
			cursor: pointer; /* Remind IE which cursor to use! */
		}
		
		
		/*#navbar .active a span {
			background: url(../../energy/images/tab-round3-left.png) bottom left no-repeat;
		}
		#navbar ul li.active a:link, #navbar ul li.active a:visited {
		background: url(../../energy/images/tab-round3-right.png) bottom right; 
		}*/
		#navbar .selected  span {
			background: url(../../energy/images/tab-round3-left.png) bottom left no-repeat;
		}
		#navbar ul li.selected  a:link, #navbar ul li.selected a:visited {
		background: url(../../energy/images/tab-round3-right.png) bottom right; 
		}
		

   
    /*--drop---*/
     #navbar li ul {
	    position: absolute;
	    left: 0px;
	    top:25px;
	    z-index:10;
	    /*background-color:#f3fbfe;*/
	     background: url(../../energy/images/white.png);
	    display:none;
		width:150px;
    }
    #navbar li ul li {
    width:150px;
    /*background-color:#f3fbfe;*/
    background: url(../../energy/images/white.png);
    color:black;
    padding:1px;
    
    }
    #navbar ul li ul li a span {
			display: block;
			height: 21px;
			float: left; /* IE 6 Fix */
			padding: 8px 10px 0px 10px;
			background: none;
			color:#00a651;
			font-size:11px;
		}
	  #navbar ul li ul li a:link, #navbar ul li ul li a:visited {
		display: block;
		height: 29px;
		float: left;
		background: none;
		margin: 0 1px 0 0px;
			font-family: "verdana", sans-serif;
			font-weight: bold;
			text-decoration: none;
			 position:relative;
			 border-bottom: 1px solid green;
			 width:150px;
	}

		#navbar ul li ul li a:hover span {
			background-position: bottom left;
			color: #000;
			cursor: pointer; /* Remind IE which cursor to use! */
		}
    
	
	/*---drop2---*/
     #navbar li.selected ul {
	    position: absolute;
	    left: 0px;
	    top:25px;
	    z-index:10;
	    /*background-color:#f3fbfe;*/
	    background: url(../../energy/images/white.png);
	    display:none;
		width:150px;
    }
    #navbar li.selected ul li {
    width:150px;
    /*background-color:#f3fbfe;*/
    background: url(../../energy/images/white.png);
    color:black;
    padding:1px;
    
    }
    #navbar ul li.selected ul li a span {
			display: block;
			height: 21px;
			float: left; /* IE 6 Fix */
			padding: 8px 10px 0px 10px;
			background: none;
			color:#00a651;
			font-size:11px;
		}
	  #navbar ul li.selected  ul li a:link, #navbar ul li.selected ul li a:visited {
		display: block;
		height: 29px;
		float: left;
		background: none;
		margin: 0 1px 0 0px;
			font-family: "verdana", sans-serif;
			font-weight: bold;
			text-decoration: none;
			 position:relative;
			 border-bottom: 1px solid green;
			 width:150px;
	}

		#navbar ul li.selected  ul li a:hover span {
			background-position: bottom left;
			color: #000;
			cursor: pointer; /* Remind IE which cursor to use! */
		}
	/*---drop2 end--*/
	
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
 
#navbar li:hover ul, #navbar li.over ul { display: block; } /* The magic */

.aside-in .reportblock
{
   margin-left: 6px;
    width: 210px; }

.reportblock
{
    display: block; 
    float: left; 
    margin: 0;
    background: url(../../energy/images/SurveyBG.png) no-repeat top right;
    width: 210px;
    height: 110px;
    }
.reportblock h3
{
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    }
.reportblock a
{
    display:block;
    color: #fff;
    margin: 15px 5px;
    font-weight: bold;
    font-size: 13px;
    text-decoration:none;
    
    font-family: Arial, Helvetica;
    }
.reportblock a:hover
{
    text-decoration: underline;
    }

.news-list
{
    margin: 20px 0;
    }
.news-list li
{
    margin: 10px 0;
    }
.news-list .date
{
    font-family: Georgia;
    color: #807A7F;
    background: none;
    padding: 0;
    }

.news-list .title
{ padding: 0;
    background: none;
    margin-top: 5px
    }

.news-item
{
   margin: 20px 0;
    }
    
     .news-item .date, .NewsViewTitle, .NewsMonthSplitTitle  {
			display: block;
			margin: 1em 0 0 0;
		color: #00a650;
		background-color: inherit;
		font-size: 1.3em;
		font-family: Georgia;
		font-weight: normal;
			}
	.NewsLinksDiv {
	padding: .5em 0 .5em 0;
		color: #888;
		background-color: inherit;
		font-size: 1em;
		}
	.NewsLinksDiv a, #PageTemplate_MainContent a {
		}
	.NewsMonthSplitDiv {
		padding: 1em 0 0 0;
		}
	img.NewsViewImage {
		float: right;
		margin: 0 0 1em 1.5em;
		}