/* commented backslash hack \*/ 

html {
	height:100%;
}

body{
	height:100%;
	background: #e7e7e7;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 76%;
	color: #000000;
	text-align: center;
} 

/* end hack */
html,body {margin:0;padding:0}

#outer{
	min-height:100%;
	background: transparent url(../images/content_bg.gif) repeat-y center top; 
	height:auto;	
	width:690px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:-62px;
	margin-top:0;
	padding:0;
	text-align:left;
	
}

* html #outer{height:100%;}



#top_image {	
	text-align:center;	
	height: 158px;
	width: 690px;
	margin:0;
	margin-right: auto;	
	margin-left: auto; 		
	padding:0;
	margin-top:0px;	
	background: url(../images/header_image.jpg) no-repeat center top;	
	
}



#topnav {
		background: #d9d9d9;
		margin-left: auto;
		width: 690px;
		margin-right: auto;
		height: 28px;
		text-align: center;
}

#topnav UL#menu {
		padding-right: 0px;
		padding-left: 0px;
		background:   url(../images/topnav.gif) no-repeat left top;
		padding-bottom: 0px;
		margin: 0px;
		width: 690px;
		padding-top: 0px;
		position: relative;
		height: 28px;
}

#topnav ul#menu li {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		padding-top: 0px;
		list-style-type: none;
		position: absolute;
		top: 0px
}

#topnav ul#menu li a {
		text-indent: -9999px;
		text-decoration: none;
}


ul#menu li {
		display: block;
		height: 28px;
}

ul#menu a {
		display: block;
		height: 28px;
}


#home {
	left: 0px;
	width: 50px;
}

#windfarms {
	left: 50px;
	width: 80px;
}

#hydro {
	left: 130px;
	width: 50px;
}


#consultancy {
	left: 175px;
	width: 85px;
}

#solar {
	left: 330px;
	width: 40px;
}


#community {
	left: 255px;
	width: 70px;
}


#smallscalewind {
	left: 375px;
	width: 110px;
}

#energyconservation {
	left: 485px;
	width: 135px;
}

	
#contact {
	left: 615px;
	width: 60px;
}





#home a:hover {
		background:   url(../images/topnav.gif) no-repeat 0px -28px;
}

#windfarms a:hover {
		background:   url(../images/topnav.gif) no-repeat -50px -28px;
}

#hydro a:hover {
		background:   url(../images/topnav.gif) no-repeat -130px -28px;
}



#consultancy a:hover {
		background:   url(../images/topnav.gif) no-repeat -175px -28px;
}


#community a:hover {
		background:   url(../images/topnav.gif) no-repeat -255px -28px;
}



#solar a:hover {
		background:   url(../images/topnav.gif) no-repeat -330px -28px;
}









#smallscalewind a:hover {
		background:   url(../images/topnav.gif) no-repeat -375px -28px;
}


#energyconservation a:hover {
		background:   url(../images/topnav.gif) no-repeat -485px -28px;
}



#contact a:hover {
		background:   url(../images/topnav.gif) no-repeat -615px -28px;
}





#main {
			
		width: 400px;		   			
		float:left;
		margin-left:10px;		
		padding-left:30px;
		text-align: left; 
		padding-top: 20px;
		background-color: #fff;
		
		
		
		 
		 
		 
		
		
			
}

#sidebar {   
    float:right;
    margin-right:10px;
    width:200px;    
    padding-top: 50px;	
    background-color: #fff;
}

#sidebar h1 {
	font-size: 1.2em;
	color: #c65628;
}

#sidebar h2 {
	font-size: 1.2em;
	color: #c65628;
}


#main h1 {
	font-size: 1.2em;
	color: #c65628;
}

#main h2 {
	font-size: 1.2em;
	color: #c65628;
}

#main h3 {
	font-size: 1.2em;
	background: #b69f84;
	color: #fff;
	padding-left:10px;
}

#main p {
	color: #a6a6a6;
}

#main li {
	padding-bottom: 5px;
}

#main a {   
    color: #c65628;
}

#main a:hover {   
   color: #c65628
}

#sidebar p {
	color: #c65628;
	padding-right:30px;
}

#sidebar ul {
		list-style-type: none;	
		padding:0;
		margin:0;		
		text-align: left;
	}
	
#sidebar li {
		display: inline;
		margin:0;
		padding:0;		
}


#sidebar a {
		display: block;		
		padding-top: 5px;
		padding-bottom: 5px;		
		padding-left:0;
		color: #c65628;		
}
	
#sidebar a:link, #sidebar a:visited {
		padding-left:0px;		
		color: #c65628;
		text-decoration: underline;
}



#sidebar a:hover {		
		color: #c65628;
		text-decoration: underline;
}




	





#clearfooter{
 clear:both;
 height:62px;
 WIDTH: 100%;
}

#footer {
width:684px;
height:62px;
color: #fff;
margin-left:auto;
margin-right:auto;
text-align: center;
position:relative;
font-size: 11px;
background: #34589f;
padding-bottom:0;
padding-top:2px;
margin-bottom:0;
margin-top:0;

}




#footer p {
		margin: 0;		
		padding-left:0;				
		padding-top:2px;
		padding-bottom:2px;
		padding-right: 20px;		
}
	
#footer a {	
		text-decoration: none;
		color: #fff;		
}
	
#footer a:hover {	
		text-decoration: underline;
}


table {
	
	
	}

th {
	
	text-align: left;
	}

tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	
	}

td {
	border-bottom: 1px solid #CCC;
	padding-top:4px;
	padding-bottom:4px;
	}

td:first-child {
	
	}

td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}


strong {
	color: #c65628;
}

p.newsdate {
	
	color: #c65628;
	padding:0;
	margin:0;
		
}

p.newstitle {
	font-size: 1.2em;
	color: #c65628;
	padding:0;
	margin:0;	
}

newsdescription {
	font-size: 0.9em;
	color: #c65628;
	padding:0;
	margin:0;
	padding-top:10px;	
}