@charset "utf-8";
/* John Bowler Energy */


#container{
    width:315px;
    height:200px;
    border:0px solid #000; 
    overflow:hidden;
    margin:0;
}
#container iframe {
    width:1000px;
    height:1000px;
    margin-left:-242px;
    margin-top:-40px;   
    border:0 solid;
 }


body {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
color: #6c6f70;
}

img {
border: 0;
}

h1, h2 {
padding: 0;
margin: 10px 0 10px 0;
color: #008546;
font-size: 1.5em;
font-weight: 300;
}

p {
margin: 10px 0 10px 0;
color: #6c6f70;
}

a:link {
text-decoration: none;
color: #00703C;
}

a:visited {
text-decoration: none;
color: #008546;
}

a:hover {
text-decoration: underline;
color: #00703C;
}

#containerjb {
width: 1000px;
margin: 0 auto;
}

#header {
width: 1000px;
margin: 0 auto;
height: 119px;
}

#nav {
width: 940px;
margin: 0 auto;
height: 31px;
background-image: url(../images/nav-bg.gif);
background-repeat: no-repeat;
padding: 0 0 0 60px;
}

#banner {
width: 900px;
margin: 0 auto;
height: 290px;
position: relative;
}

#l2banner {
width: 900px;
margin: 0 auto;
height: 220px;
position: relative;
}

#maincontainer {
background-image: url(../images/main-bg.gif);
background-repeat: repeat-y;
margin: auto;
padding: 0 50px 0 50px;
}

#maincontainerbtm {
background-image: url(../images/main-bg-bottom.gif);
background-repeat: no-repeat;
background-position: top;
width: 1000px;
height: 74px;
margin: auto;
padding: 0;
}

.hpcont {
width: 850px;
float: left;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 20px;
}

#hpleft {
width: 420px;
float: left;
}

#hpright {
width: 420px;
float: right;
}

.fpcont {
width: 850px;
float: left;
margin-left: 20px;
}

.fpmain {
width: 205px;
float: left;
margin-right: 7px;
}

.copy{
width: 860px;
margin: 0 auto;
height: auto;
padding: 20px 20px 20px 20px;
}

.copyl{
width: 590px;
margin: 0 auto;
float: left;
height: auto;
padding: 20px 20px 20px 20px;
}

.copyr{
width: 250px;
float: right;
margin: 0 auto;
height: auto;
padding: 20px 20px 0 0;
}

#footer {
width: 850px;
padding: 4px 0 4px 10px;
height: 15px;
float: left;
clear: both;
margin: 10px 0 0 20px;
background-color: #eaeaea;
}

/* *********************** */
/* ****SuperFish Style**** */
/* *********************** */
/**** ESSENTIAL STYLES *****/



.AspNet-Menu, .AspNet-Menu * {
	margin:			0;
	padding:		0;
	list-style:		none;

}
.AspNet-Menu {
	line-height:	8px;

}
.AspNet-Menu ul {
	position:		absolute;
	top:			-999em;
	width:			auto; /* left offset of submenus need to match (see below) */

}
.AspNet-Menu ul li {
	width:			auto;
	padding: 0;

}
.AspNet-Menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.AspNet-Menu li {
	float:			left;
	position:		relative;
}
.AspNet-Menu a {
	display:		block;
	position:		relative;
}
.AspNet-Menu li:hover ul,
.AspNet-Menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.AspNet-Menu li:hover li ul,
ul.AspNet-Menu li.sfHover li ul {
	top:			-999em;
}
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.AspNet-Menu li li:hover li ul,
ul.AspNet-Menu li li.sfHover li ul {
	top:			-999em;
}
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.AspNet-Menu {
	float:			left;
	
	/*margin-bottom:	1em;*/
}
.AspNet-Menu a {
	border-left:	0;
	border-top:		0;

	text-decoration:none;
}
.AspNet-Menu a, .AspNet-Menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

}
.AspNet-Menu li {
padding-top: 0px;

}



.AspNet-Menu li:hover, .AspNet-Menu li.sfHover,
.AspNet-Menu a:focus, .AspNet-Menu a:hover, .AspNet-Menu a:active {

	outline:		0;

}

.AspNet-Menu li a {
	width: auto;
	border: 0;
	height: 24px;
	float: left;
	margin-left: 10px;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 8px;
	background-image: url(../images/menu-arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	color:#fff;
	line-height:14px;
	
}

.AspNet-Menu li a:hover {
	color: #008546;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
}



/*** arrows **/
.AspNet-Menu a.sf-with-ul {
	padding: 	10px 10px 10px 10px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}	




.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.AspNet-Menu ul .sf-sub-indicator { background-position:  -10px 0; }
.AspNet-Menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.AspNet-Menu ul a:focus > .sf-sub-indicator,
.AspNet-Menu ul a:hover > .sf-sub-indicator,
.AspNet-Menu ul a:active > .sf-sub-indicator,
.AspNet-Menu ul li:hover > a > .sf-sub-indicator,
.AspNet-Menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;

	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


.AspNet-Menu-WithChildren ul {
	margin:0;
	padding:0;
	float:left;
}


.AspNet-Menu-WithChildren ul li {
	display:block;
    background-color: #acce46;
	padding:0;
	margin:0;
	width:220px;
	height:auto;
	float:left;

	
}


.AspNet-Menu li li a {

	padding: 5px 5px 5px 10px;
	margin:0;
	color:#fff !important;
	border:0;
	background-image: none;
	display:block;
	width:205px;
	height:auto;
	

}

.AspNet-Menu li li a:hover {
	background-color: #008546;
	color: #0d3972;

	
}

.news-summary {
	list-style-type:none;
	margin:0;
	padding:0;
	font-family: 
}

ul.news-summary li div.info {
font-weight:normal;
line-height:1.2em;
margin-left:0;
	font-family: Helvetica, sans-serif; 
	font-size        : 9pt;
	line-height: 1.6em;
	color			 : #333;
}

.news-summary .title a {
font-size:9pt;
font-weight:bold;
color:#00703c;
text-decoration: none;
margin-top:10px;
display:block;


}

.news-summary .title a:hover, .readmore:hover {
	text-decoration:underline;
	color:#c1cd23!important;
}

.copyr2{
background-image: url(../images/news-bg.gif);
background-repeat: no-repeat;
width: 230px;
height:263px;
margin-top: 10px;
padding: 0 10px 0 10px;
float: right;
}

.energyBox {
	width:260px!important;
}

.calltoaction
{
    width: 205px;
    height: 119px;
    background-color:none;
    cursor: pointer;
 position:relative;
}
 
.calltoaction .calltoaction-message
{
float: left;
margin: 0;
width: 175px;
z-index: 5;
position:absolute;
top:40px;
left:0px;
background-color: #fff;
height: 53px;
display: block;
font-size:0.9em;
color:#222222;
text-decoration:none;
cursor:pointer;
-moz-opacity: 0.0;
opacity: 0.0;
filter: alpha(opacity=0);
overflow:hidden;
padding:15px;

}
 
.calltoaction .calltoaction-thumb
{
 
    margin: 0;
 width: 205px;
 height: 119px;
    overflow: hidden;
    z-index: 0;
	background:none;
}
 
.calltoaction .calltoaction-title
{

color:#444444;
cursor:pointer;
display:block;
font-family:'Cardo', Calibri,Arial,Helvetica,sans-serif;
font-size:1.2em;
height:28px;
text-transform: uppercase;
opacity:0.75;
overflow:hidden;
padding:8px 0px 4px 15px;
position:relative;
text-decoration:none;
top:-113px;
width:205px;
text-align:left;
}