/* culture shock: grass stains by pogy366 - Sept. 2005 */



/******* structure and layout *******/

body {

font-family:Arial, Helvetica, sans-serif; 

font-size: 9pt; 

color: #000000; 

background: #B4B8B7;

margin:10px 0 0 0;

padding:0 0 0 0;

background: #efefef url(/images/grass-stains/bg.gif);

text-align:center;

}



.wrap {

position:relative;

width:980px;

margin:0 auto;

padding:0 0 0 0;

text-align:center;

background:url(/images/grass-stains/header-biofuels-revolution-logo.gif) no-repeat top right;


border:3px solid #006600;

}





.wrapalgae {

position:relative;

width:980px;

margin:0 auto;

padding:0 0 0 0;

text-align:center;

background: #ffffff url(/images/grass-stains/header-algae-solar.jpg) no-repeat;

border-left:1px solid #9EB874;

border-right:1px solid #9EB874;

border-top:1px solid #9EB874;

}





.header {

	position:relative;

	clear:both;

	width:970px;

	height:125px;

	margin:0 0 0 0;

	padding:0 0 0 0;
	background: #ffffff url(/images/grass-stains/header-algae-ss-jatropha-solar.jpg) no-repeat;

	

	color:#ffffff;

	text-align:right;

}

.header h1 {

	font-family:Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	font-size:18pt;

	font-weight:bold;

	padding: 0 0 0 0;

	margin: 0 0 8px 0;

}

.header1 {

	position:relative;

	clear:both;

	width:970px;

	height:65px;

	margin:0 0 0 0;

	padding:0 0 0 0;

	
	color:#ffffff;

	text-align:right;

}

.header1 h1 {

	font-family:Arial, Helvetica, sans-serif;

	color:#00CC00;

	font-size:18pt;

	font-weight:bold;

	padding: 0 0 0 0;

	margin: 0 0 8px 0;

}

.topnav {

position:relative;

clear:both;

width:980px;

height:21px;

margin:0 0 0 0;

padding:0 0 0 0;

background:#cccccc;

font-size:8pt;

}



.container {

position:relative;

clear:both;

width:960px;

margin:10px 10px 0 10px;

padding:0 0 0 0;

background:#ffffff;

color:#000000;

text-align:left;

}



.news_right {

position:relative;

float:right;

clear:both;

width:200px;

margin:0 0 5px 10px;

padding:0 10px 0 10px;

background:#CFD9BE;

color:#000000;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:8pt;

}



.news p {

margin:10px 10px;

}



.news_cnr_top {

background:url(/images/grass-stains/cnr_tr.gif) no-repeat top right;

margin:0 -10px 0 -10px;

}



.news_cnr_bottom {

background:url(/images/grass-stains/cnr_br.gif) no-repeat top right;

margin:0 -10px 0 -10px;

}



img.cnr {

width:8px;

height:8px;

border:none;

display: block !important;

}



.footer {

position:relative;

clear:both;

width:980px;

margin:20px 0 0 0;

padding:4px 0 4px 0;

background:#ffffff;

font-size:8pt;

text-align:center;

border-top:3px solid #0000FF;

border-bottom:1px solid #9EB874;


}





/******* top navigation *******/

#nav ul{

padding:0 0 0 0;

margin:0 0 0 0;

white-space: nowrap;

font-size:8pt;

color:#ffffff;

float:left;

width:100%;

background:#ffffff url(/images/grass-stains/topnav_bg_grey.gif);

list-style:none;

}



#nav ul li{

display:inline;

list-style:none;

}



#nav ul li a{

margin: 0 0 0 0;

padding: .25em 2em .3em 1em;

background:#ffffff url(/images/grass-stains/topnav_bg_grey.gif);

color: #000000;

text-decoration:none;

float: left;

border-right:1px solid #cccccc;

}



#nav ul li a:hover{

background:#8DA8D5 url(/images/grass-stains/topnav_bg_green.gif);

color: #ffffff;

text-decoration:none;

border-right:1px solid #cccccc;

}









/******* links *******/







 a {

color:#FFCC00;

text-decoration:underline;



}



 a:hover {

color:#00CC00;

text-decoration:none;

}



#news a {

color:#D3812D;

text-decoration:underline;

}



#news a:hover {

color:#E39243;

text-decoration:none;

}



#footer a {

color:#9EB874;

text-decoration:none;

}



#footer a:hover {

color:#4F6C1F;

text-decoration:none;

}



/******* fonts and colors *******/



.header strong {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#ffffff;

font-size:13pt;

letter-spacing:.7em;

}



.news_title {

font-family:Arial, Helvetica, sans-serif;

color:#65764B;

font-size:10pt;

font-weight:bold;

}



.page_title {

font-family:Arial, Helvetica, sans-serif;

color:#697D55;

font-size:10pt;

font-weight:bold;

padding: 0 0 0 0;

margin: 0 0 -8px 0;

}



h1 {

font-family:Arial, Helvetica, sans-serif;

color:#697D55;

font-size:18pt;

font-weight:bold;

padding: 0 0 0 0;

margin: 0 0 -8px 0;

}

h2 {

font-family:Arial, Helvetica, sans-serif;

color:#697D55;

font-size:16pt;

font-weight:bold;

padding: 0 0 0 0;

margin: 0 0 -8px 0;

}

/******* images *******/



img {

border:none;

}



.right img{

position:relative;

float:right;

padding:0 0 0 0;

margin:5px 2px 2px 5px;

}



.left img{

position:relative;

float:left;

padding:0 0 0 0;

margin:0 5px 0 2px;

}

.leftalgae img{

position:relative;

float:left;

padding:0 0 0 0;

margin:0 5px 0 2px;

background: #ffffff url(/images/grass-stains/algae3small.jpg) no-repeat;
}

.leftcamelina img{

position:relative;

float:left;

padding:0 0 0 0;

margin:0 5px 0 2px;

background: #ffffff url(/images/grass-stains/algae3small.jpg) no-repeat;

/******* workarounds and hacks *******/

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac */

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */