/********************************************************************/
    	/*Meyer reset*/
			
			/* v1.0 | 20080212 */

			/* some global styles added 
			- ins, del, pre, var and focus rules removed - KGU*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, 
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, 
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}
body {
	line-height: 1.5;
	font-family:arial,helvetica,sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
			
			/* End meyer reset*/
/********************************************************************/

/*** Typography **/

h2 {margin:0px 0px 0px 0px;
font-size:140% }
h3 {margin:0px 0px 0px 0px;
font-size:90%; }
p {margin:0 0 22px 0;}

a {color:#EB008B;
font-weight:bold;}

ul {list-style:disc;
list-position:inside;
margin-left:22px;
margin-bottom:22px;
}

li {}

#footer a{color:#555555;font-weight:normal;}
			
#nav p{margin:0px}

	
	  #nav h2 {margin:0px;}
	  
		#page_summary_content p 
		  {
			margin: 11px 11px 11px 22px;
			}

			#page_summary h2 
		  {
			margin: 0 11px 11px 22px;
			font-size:150%;
			}
			#page_summary h3 
		  {
			margin: 0 11px 11px 22px;
			}

			#main_copy h2
			{
			margin: 0;
			}
/********************************************************************/			
/***** layout ******/

#WWF_home_link{display:block;
position:absolute;
width:50px;
height:85px;
margin-left:15px;
text-indent:-9000px;}

	  #nav_activities
		 {
		 margin:0 22px 0 0;
		 float:left;
		 padding:0px;
		 list-style:none;}
		 

	#nav_activities li{float:left;
	margin-right:1px;}
	
	#nav_activities li a
		  {
      background-repeat: no-repeat;
      text-indent:-3000px;
			height:28px;
			width:29px;
			display:block;
			float:left;
			}
			
			
			
			#nav p a
		  {
      background-repeat: no-repeat;
      text-indent:-3000px;
			height:28px;
			width:30px;
			display:block;
			float:left;
			margin-right:22px;
			}
		
		#nav_energy
		{
		  background:url(images/nav_icon_energy.gif);
		}
		
		
		
    #nav_food{
		  background:url(images/nav_icon_food.gif);}
		
		#nav_throw_away{background:url(images/nav_icon_throw_away.gif);}
		
		#nav_opl{background:url(images/nav_icon_op_local.gif);}
		
		#nav_opf{background:url(images/nav_icon_op_future.gif);}
		
		a#nav_guidance{background:url(images/nav_icon_guidance.gif);}

		a#nav_home{background:url(images/nav_icon_home.gif);}


#main_content{width:950px;
margin-left:44px;}			
			
	#page_summary
	  {
		width:214px;
		float:left;
		margin-right:22px;
		/*background:#7ba9d0;*/
		color:white;
		
		}
		


	
		  #page_summary_header
			{
			background:url(images/head_home.gif) white no-repeat;
			height:25px;
			line-height:0px;
			font-size:0px
			}
		
		
		  #page_summary_footer
			{
			background:url(images/foot_home.gif) white no-repeat;
			height:25px;
			line-height:0px;
			font-size:0px
			}			

			

      #page_summary_final_para
			{padding-right:80px;
			background:url('images/arrow.gif') top right no-repeat;}
 		
				#gg_logo{
		 display:block;
     float:left;
		 width:214px;
		 height:106px;
		 background:white url(images/gg_logo_214.gif) no-repeat bottom;
		 text-indent:-9999px;
		}
			
		#main_copy
		  {
			float:left;
			width:404px;
			margin:0px;
			height:100%; /* todo */
			}
		  

			
			
		#activities
		  {
			list-style:none;
			line-height:0;
		  height:320px;
			}
		
		
		#activities li a
		  {
  		text-indent:-9000px;
	  	position:absolute;
		  width:130px;
		  height:130px;  
			}
		

		
		#extra_content
		  {
			margin-right:44px;
			float:left;
			width:222px;
		
			}
		#extra_content img
			{
			float:left;
			margin-right:10px;
			margin-top:6px;
			}	
			
		#extra_content h3
			{
			  font-size: 14pt;
			  line-height: 1.1em;
			}	
			
		#extra_content_copy
		{
		/*margin-left:22px;*/
		margin-left:44px;
		}
		
		#footer
		  {
			margin-top:11px;
			margin-left:44px;
			clear:both;
			}
		#footer_nav li 
		  {
			display:block;
			float:left;
      padding-right:11px;
			margin-right:11px;
			background:url(images/1px_grey.gif) repeat-y top right
			}	



#page{text-align:center;}

#content{width:950px;
  margin: 0px auto;
	text-align:left;}

#header
  {
	width:950px;
	margin-bottom:11px;
	}
		  #header h1 
	  {text-indent:-9000px;
		display:block;
		height:0px;
		margin:0px;}	
	  #banner
	  {
		width:950px;
		height:100px;
		margin-bottom:11px;
		background: url(images/banner_home.jpg);
		}
	
	#nav
	  {
		width:950px;
		height:28px;
		margin-bottom:22px;
		margin-left:44px;
		}

		#footer{
		height:49px;
		/*padding-top:22px;*/
		margin-bottom:44px;
		margin-right:44px;}
		
		#footer ul{padding-top:22px;float:left;margin-left:0px;}
		
		#footer p {display:block; float:right;}
		

		
/***************************************************************/
/** Homepage specific **/		
		#energy{

		background:url(images/hp_box_energy.gif) no-repeat;
		margin-left:-40px;
		margin-top:11px;
		z-index:10;
		}
				html>body #energy {background:url(images/hp_box_energy.png) no-repeat;}
		
		
		
		#food{

		background:url(images/hp_box_food.gif) no-repeat;
		margin-left:77px;
		margin-top:45px;
		z-index:9;
		}
				html>body #food {background:url(images/hp_box_food.png)no-repeat;}
		
				
		#throw_away{
		background:url(images/hp_box_throw_away.gif) no-repeat;
		margin-left:190px;
		margin-top:37px;
		z-index:10;
		}
				html>body #throw_away  {background:url(images/hp_box_throw_away.png) no-repeat;}

#opl{
		background:url(images/hp_box_opl.gif) no-repeat;
		margin-left:118px;
		margin-top:207px;
		}
				html>body #opl  {background:url(images/hp_box_opl.png) no-repeat;}

#opf{
		background:url(images/hp_box_opf.gif) no-repeat;
		margin-left:243px;
		margin-top:149px;
		z-index:11;
		}
				html>body #opf  {background:url(images/hp_box_opf.png) no-repeat;}
				
/***************************************************************/
/** section page specific **/				
				
			#nav_home.isActive {border-bottom:2px solid #7AA8D1;}	
			#nav_energy.isActive {border-bottom:2px solid #FE911B;}
			#nav_food.isActive {border-bottom:2px solid #FD1813;}
			#nav_throw_away.isActive {border-bottom:2px solid #258DBF;}
  		#nav_opl.isActive {border-bottom:2px solid #92CE46;}
			#nav_opf.isActive {border-bottom:2px solid #473FAA;}
			#nav_guidance.isActive {border-bottom:2px solid #B34F00;}	
	
	
	/*		#energy_page_summary_footer
			{
			background:url(images/) white no-repeat;
			height:25px;
			line-height:0px;
			font-size:0px
			}*/
		  
			#energy_page_summary_header
			{
			height:42px;
			line-height:0px;
			font-size:0px
			}
			
			#food_page_summary_header, #throw_away_page_summary_header
			{
			height:62px;
			line-height:0px;
			font-size:0px
			}
			
			#opl_page_summary_header, #opf_page_summary_header
			{
			height:84px;
			line-height:0px;
			font-size:0px
			}
			
		  #energy_page_summary_header
			{
			background:url(images/head_energy.gif) white no-repeat;
			}
			
			#food_page_summary_header
			{
			background:url(images/head_food.gif) white no-repeat;
			}	
			
			#throw_away_page_summary_header
			{
			background:url(images/head_throw.gif) white no-repeat;
			}
			
			#opl_page_summary_header
			{
			background:url(images/head_opl.gif) white no-repeat;
			}
			
			#opf_page_summary_header
			{
			background:url(images/head_opf.gif) white no-repeat;
			}
			
		#energy_banner, #food_banner, #throw_away_banner, #opl_banner, #opf_banner
	  {
		width:950px;
		height:100px;
		margin-bottom:11px;
		}
		
		#energy_banner
		{
		background: url(images/banner_energy.jpg);
		}
		
		#food_banner
		{
		background: url(images/banner_food.jpg);
		}
		
		#throw_away_banner
		{
		background: url(images/banner_throw_away.jpg);
		}
		#opl_banner
		{
		background: url(images/banner_local.jpg);
		}
		#opf_banner
	  {
		background: url(images/banner_opf.jpg);
		}