/* CSS Document */
/*---------------------------------------------------main layout*/
body{
	background-image:url(../images/greyFade.jpg);
	background-repeat:repeat-x;
	background-color:#E0E0E0;
}

#outer{
	width:753px;
	margin:0 auto;
	background-color:#FFFFFF;
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding:0 3px;
}

#topBanner:after, #nav:after, #columnContainer:after, #outer:after, #register:after, #icons:after, #hydroContent:after, #windContent:after, #microGenerationContent:after, #marineContent:after, #solarContent:after, #bioEnergyContent:after, .generalGreenContent:after{
	visibility:hidden;
	height:0;
	clear:both;
	content:" ";
	display:block;
}

/*-------------------------------------------styles for the top banner*/

#topBanner{
	position:relative;
}


#logo, #bannerImage{
	float:left;
}

#logo a img{
	border:none;
}

#nav{
	background-color:#9FD08E;
	border-bottom:1px solid #9FD08E;
}

#nav ul{
	padding:0;
	margin:0;
	float:right;
}

#nav ul li{
	display:inline;
}

#nav ul li a{
	color:#00853F;
	text-decoration:none;
	background-image:url(../images/greenCurve.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin:0 3px;
	font-weight:bold;
}

#nav ul li a span{
	background-image:url(../images/greenCurve-02.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding:5px 1em 2px 1em;
	float:left;
	display:block;
	cursor:pointer;
}

#nav ul li a:hover, #nav ul li span.menu_active a{
	background-position:0 -23px;
	color:#FFFFFF;
}

#nav ul li a:hover span, #nav ul li span.menu_active a span{
	background-position:100% -23px;
}

#chooseSite{
	position:absolute;
	top:8px;
	right:5px;	
	color:#FFFFFF;
}

#chooseSite label{
	font-weight:bold;
}

#chooseSite img{
	position:relative;
	top:3px;
}

#search{
	background-image:url(../images/searchCurve.gif);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	right:0;
	height:34px;
	width:200px;
}

#search form{
	float:right;
	display:inline;
	font-size:0.9em;
	margin-top:5px;
}

#search label{
	float:left;
	margin-right:3px;
	margin-top:3px;
}

.textInput{
	width:100px;
	float:left;
}

.goButton{
	position:relative;
	float:left;
}

/*--------------------------------------------------------column layout*/

#columnContainer{
	margin-top:5px;
}

#leftCol{
	width:165px;
	float:left;
}

#middleCol{
	width:410px;
	float:left;
}

#middleCol.large{
	width:580px;
	padding-bottom:10px
}

#rightCol{
	width:170px;
	float:right;
}

/*-----------------------------------------------------------------submenu*/

#submenuTop{
	width:151px;
	height:25px;
	background-image:url(../images/submenuHead.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	color:#00853F;
	padding-left:10px;
	padding-top:7px;
	font-weight:bold;
}

#submenuTop p, #submenuTop h1, #submenuTop h2, #submenuTop h3, #submenuTop h4, #submenuTop h5, #submenuTop h6{
	font-size:1em;
	margin:0;
	padding:0;
}

#submenu{
	background-image:url(../images/greyBoxMiddle.jpg);
	background-repeat:repeat-y;
	width:151px;
	border-top:1px solid #CCCCCC;
	padding-top:5px;
}

#submenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#submenu ul li{
	padding:0px 10px;	
}

#submenu ul li.rule{
	padding:0 5px ;
}

#submenu ul li a{
	color:#000000;
	text-decoration:none;
}

#submenu ul li a:hover, #submenu ul li a.active{
	color:#00853F;
}

#submenu ul li ul{
	margin-top:5px;
	margin-left:10px;
}

#submenu ul li ul li a{
	font-size:0.85em;
	margin-bottom:5px;
}

#submenuBottom{
	width:151px;
	height:10px;
	background-image:url(../images/greyBoxBottom.jpg);
	background-repeat:no-repeat;
}

#submenuContainer{
	margin-bottom:10px;	
}

/*------------------------------------register box*/

/*#registerTop{
	width:150px;
	height:10px;
	background-image:url(../images/registerTop.jpg);
	background-repeat:no-repeat;
}

#register{
	width:150px;
	background-image:url(../images/registerMiddle.jpg);
	background-repeat:repeat-y;
	padding:0 10px;
	font-size:0.9em;
}

#register p{
	margin:0;
	float:left;
}

#register a{
	float:right;
	margin-right:20px;
}

#register a img{
	border:0;
}

#registerBottom{
	width:150px;
	height:15px;
	background-image:url(../images/registerBottom.jpg);
	background-repeat:no-repeat;
}*/

#register{
	width:163px;
	height:48px;
	margin-bottom:10px;
}

#register a{
	display:block;
	width:163px;
	height:48px;
	background-image:url(../images/registerButton.jpg);
	background-repeat:no-repeat;
}

#register a:hover{
	background-position:0 -48px;
}

#register a span{
	display:none;
}

/*-----------------------------------------------------------styles for the icons*/

#icons{
	width:130px;
	margin-left:15px;
}

.icon{
	width:40px;
	height:40px;
	float:left;
}

.icon a{
	display:block;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
}

.icon a:hover{
	background-position:0 -38px;
}

.icon a span{
	display:none;
}

.bio{
	background-image:url(../images/bioenergy.jpg);
}

.wind{
	background-image:url(../images/wind.jpg);
}

.micro{
	background-image:url(../images/microRegen.jpg);
}

.hydro{
	background-image:url(../images/hydro.jpg);
}

.marine{
	background-image:url(../images/marine.jpg)
}

.solar{
	background-image:url(../images/solar.jpg);
}

#badges{
	text-align:center;
	width:80px;
	margin:0 12px;
}

#badges a img{
	border:none;
}	

#w3c{
	margin-left:15px;
}

#w3c p, #achilles p{
	margin:0;
}

#achilles{
	width:130px;
	margin-left:10px;
	color:#999999;
	font-size:0.75em;
	text-align:center;
}

#achilles a img{
	border:none;
}

#achilles a{
	color:#999999;
}



/*--------------------------------------------------------------sectors*/

#topContent{
	width:400px;
	text-align:justify;
}

#sectorContainer{
}

.sector{
	width:194px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.sector p{
	margin:0;
	padding:5px;
	line-height:normal;
}

.sector h1, .sector h2, .sector h3{
	margin:0;
	padding:5px;
}

.sector img{
	float:left;
	margin:5px;
	border:1px solid;
}

#microGenerationTop, #bioEnergyTop, #solarTop, #hydroTop, #marineTop, #windTop, .generalGreenTop {
	width:194px;
	height:10px;
	background-repeat:no-repeat;
}

#microGenerationBottom, #bioEnergyBottom, #solarBottom, #hydroBottom, #marineBottom, #windBottom, .generalGreenBottom{
	width:194px;
	height:12px;
	background-repeat:no-repeat;
}

#microGenerationTop{
	background-image:url(../images/brownTop.jpg);
}

#microGenerationContent{
	background-color:#D9D5C8;
}

#microGenerationBottom{
	background-image:url(../images/brownBottom.jpg);
}

#bioEnergyTop{
	background-image:url(../images/redTop.jpg);
}

#bioEnergyContent{
	background-color:#F8E6DC;
}

#bioEnergyBottom{
	background-image:url(../images/redBottom.jpg);
}

#solarTop{
	background-image:url(../images/yellowTop.jpg);
}

#solarContent{
	background-color:#FDF4CB;
}

#solarBottom{
	background-image:url(../images/yellowBottom.jpg);
}

#windTop{
	background-image:url(../images/blueTop.jpg);
}

#windContent{
	background-color:#E4F5FD;
}

#windBottom{
	background-image:url(../images/blueBottom.jpg);
}

#marineTop{
	background-image:url(../images/blueGreenTop.jpg);
}

#marineContent{
	background-color:#D1EFEB;
}

#marineBottom{
	background-image:url(../images/blueGreenBottom.jpg);
}

#hydroTop{
	background-image:url(../images/darkBlueTop.jpg);
}

#hydroContent{
	background-color:#BADDF0;
}

#hydroBottom{
	background-image:url(../images/darkBlueBottom.jpg);
}

.generalGreenTop{
	background-image:url(../images/greenTop.jpg);
}

.generalGreenContent{
	background-color:#E2F0D9;
}

.generalGreenBottom{
	background-image:url(../images/greenBottom.jpg);
}
/*----------------------------------------------------------------styles for the news column*/

.newsContainer{
	margin-bottom:10px;
}

.newsTop{
	height:10px;
	background-image:url(../images/rightColTop.jpg);
	background-repeat:no-repeat;
}

.newsContent{
	border-left:1px solid #9FD08E;
	border-right:1px solid #9FD08E;
	background-image:url(../images/rightColFade.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	padding:5px;
}
.newsContent p{
	margin:0;
}

.newsBottom{
	height:10px;
	background-image:url(../images/rightColBottom.jpg);
	background-repeat:no-repeat;
}

/*-------------------------------------------------------------text styles*/

#middleCol{
	color:#666666;
	line-height:1.6em;
	font-size:0.85em;
}

#breadcrumb p{
	margin:0;
}

#middleCol a, #rightCol a{
	color:#00853F;
}

#middleCol a:hover, #rightCol a:hover{
	color:#45A5CF;
}

#middleCol a img{
	border:1px solid #00853F;
}

#middleCol h1, #rightCol h1{
	font-size:1.2em;
	color:#00853F;
}

#middleCol h2, #middleCol h3, #rightCol h2, #rightCol h3{
	font-size:1.2em;
	color:#666666;
}

#middleCol.large h2, #middleCol.large h3{
	margin-top:15px;
	margin-bottom:0;
}

#middleCol.large p{
	margin-top:5px;
	margin-bottom:5px;
}

#middleCol.large ul, #middleCol.large ol{
	margin-top:5px;
	margin-bottom:5px;
}

#middleCol table{
	border-collapse:collapse;
}

#middleCol table td{
	border:1px solid #666666;
	padding:5px;
}

#middleCol table td.noBorder, #middleCol table.noBorder td{
	border:none;
}

#middleCol table.noBorder td{
	vertical-align:top;
}

#middleCol table td.highlight{
	background-color:#D1EEFC;
}

#middleCol table th{
	border:1px solid #666666;
	background-color:#9FD08F;
	color:#FFFFFF;
	padding:5px;
}

#middleCol table th a{
	color:#FFFFFF;
}

#middleCol table.noBorder tr td h1, #middleCol table.noBorder tr td h2, #middleCol table.noBorder tr td h3{
	margin-top:0;
}

#middleCol form{
	width:40em;
	margin:0 auto;
}

#middleCol textarea{
	float:left;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:200px;
}

#middleCol legend{
	color:#00853F;
	font-weight:bold;
	font-size:1.2em;
}

#rightCol{
	color:#00853F;
	line-height:1.4em;
	font-size:0.85em;
}

#rightCol h1, h2, h3{
	margin-top:0;
}

.mandatory{
	color:#FF0000;
}

#middleCol tr.highlight td{
	background-color:#C5E0B3;
}

/*-------------------------------------------------sector headings*/

#middleCol .sector h3{
	background-repeat:no-repeat;
	background-position:right;
	margin-right:5px;
}

#microGenerationContent h3{
	background-image:url(../images/microRegenIcon.jpg);
}

#windContent h3{
	background-image:url(../images/windIcon.jpg);
}

#solarContent h3{
	background-image:url(../images/solarIcon.jpg);
}

#hydroContent h3{
	background-image:url(../images/hydroIcon.jpg);
}

#marineContent h3{
	background-image:url(../images/marineIcon.jpg);
}

#bioEnergyContent h3{
	background-image:url(../images/bioEnergyIcon.jpg);
}

/*-------------------------------------------------the footer*/

#footer{
	border-top:1px solid #999999;
	padding:3px 0;
	font-size:0.85em;
	margin-top:5px;
}

#footer ul{
	margin:0;
	padding:0;
	text-align:center;
}

#footer ul li{
	display:inline;
}

#footer ul li a{
	color:#666666;
	text-decoration:none;
	padding:0 1em;
}

#footer ul li a:hover{
	text-decoration:underline;
}

#legal{
	width:753px;
	margin:0 auto;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
}

#legal p{
	margin:5px;
	text-align:center;
}

#native{
	width:753px;
	margin:0 auto;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

#native p{
	margin:0;
	color:#333333;
}

#native a{
	color:#333333;
}

.textright{
	text-align:right;
}

.textCenter{
	text-align:center;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.marginright{
	margin-right:15px;
}

.clear{
	clear:both;
}

.caseStudy a, .caseStudy img{
	float:left;
}

.caseStudy a{
	position:relative;
	top:10px;
}

.larger{
	font-size:1.3em;
}

#middleCol.large img{
	margin:5px;
}