/**********GLOBAL************/
body{
background: #5b92cd url('../img/global/background.jpg') repeat;   
padding: 0px; 
margin: 0px;
}
body, p{
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
  
}

h1, h2, h3, h4, h5,{
	
}

h1{
  	font-family: arial, sans-serif;
    font-size: 18px;
	font-weight: bold;
}  

h3{
	font-size: 35px;
	margin: 0px;
	padding: 0px;
	color:#5B92CD;
}  

h3 a.active, h3 a{
	text-decoration: none;
} 

h3 a:hover{
	text-decoration: underline;
}
a, a.active, a.hover{   
	color: #5b92cd;     
	text-decoration: underline;
}


img{
	border: none;
}

#content{
/*	border: solid 1px black;
*/	/*padding: 20px;        */         
	margin: 10px 0px 0px 0px;	
}


#temp{
	position: absolute;
	top: -7px;
	left: 590px;  
	width: 108px;
	height: 92px; 
	z-index: 10; 
	background-image: url('../img/global/temp.png');
}  

#temp p{
	padding: 25px 0px 15px 0px;
	color: #5b92cd; 
	font-weight: bold;
	font-size: 9px;      
	text-align: center;
}  
.pink{
	color:#ef4955;
}

img#short_divide{
	margin-left: -10px;
}

.yellow{
	color: #fff907;
	background-color: #000;
	padding: 3px;
} 

#temp p{
	line-height: 10px;
}

/***sidebar***/
#sidebar{
	width: 165px;
}
      
#sidebar p{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
#sidebar a.on, #sidebar a.on p{
	display: block;
	height: 29px;
	color: #fff;
	text-decoration: none;
	font-size: 23px;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}  

#sidebar a, #sidebar a p{
	display: block;
	height: 29px;
	color: #fff;
	text-decoration: none;
	font-size: 23px;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

#sidebar a#home{
	background: url('../img/global/nav/off/home.gif') no-repeat top left;
}

#sidebar a#croc{
	background: url('../img/global/nav/off/croc.gif') no-repeat top left;
}

#sidebar a#offsets{
	background: url('../img/global/nav/off/offsets.gif') no-repeat top left;
}

#sidebar a#crob{
	background: url('../img/global/nav/off/crocblog.gif') no-repeat top left;
}

#sidebar a#greenpeace{
	background: url('../img/global/nav/off/greenpeace.gif') no-repeat top left;
}  

#sidebar a#home.on{
	background: url('../img/global/nav/on/home.gif') no-repeat top left;
}

#sidebar a#croc.on{
	background: url('../img/global/nav/on/croc.gif') no-repeat top left;
}

#sidebar a#offsets.on{
	background: url('../img/global/nav/on/offsets.gif') no-repeat top left;
}

#sidebar a#crob.on{
	background: url('../img/global/nav/on/crocblog.gif') no-repeat top left;
}

#sidebar a#greenpeace.on{
	background: url('../img/global/nav/on/greenpeace.gif') no-repeat top left;
}

#sidebar a.on p.small{
    padding-top: 3px;
	font-size: 15px;

}

#sidebar a, #sidebar a p{
   	display: block;
	height: 29px; 
	text-align: center; 
	font-size: 10px;   
	color: #fff; 
	font-weight: bold; 
	text-decoration: none;
}

#sidebar ul{
	padding: 0px 0px 0px 10px;
	list-style: none;
	margin: 0px;
}
#sidebar ul li a{
	padding: 10px 0px 0px 0px;
	
}
#logo{ 
	padding: 5px 0px 0px 0px;  
	margin-left: -3px;    
	width:165px; 
	z-index: 100;
	overflow: visible;
}

#calculator_sidebar, #messages_sidebar{

}  

#takeaction{
	margin-left: -20px;
/*	z-index: 10;      
*/	overflow: visible;
}

/**************STRUCTURE***********/
 

.left{
	float: left;
} 

.right{
	float: right;
}  


#wrapper{
	width: 900px;
}     


#left-border{
	float: left;
	width: 51px; 
	    
	vertical-align: right;
}    

.container_12, .grid_12{
	 background: url("../img/border/y_axis.png") top left repeat-y;

}  
   

.grid_12{
	*background: transparent;
	
}   
.drop_shadow{
	   background: url("../img/border/bottom.png") top left no-repeat;
		margin-left:auto;
		margin-right:auto;
		width:1002px;
		height: 57px;
	
}

.social_links{
	text-align: right;
}

/****footer****/

#footer, #sitemap{
	text-align: center;
	margin: 10px;
} 

#sitemap{
	padding-top: 30px;
}

#sitemap a{
	margin: 0px 10px;
}
#footer a,{
	margin: 0px 2px;
}
/**********Devistation Cal************/


#calculator_results{
	margin: 0px 0px 0px 100px;
}
#calculator table{
}
#calculator table tr{
	margin-left: 2px; 
	vertical-align: top;  
}

#calculator table tr td{
	padding: 0px;     
	border: #dee9f5;  

}

#calculator table{
/*	border: solid 2px black;
*/	
}

#calculator{
	
}  

#social{
	padding: 0px;
	margin: 50px 0px 0px 50px;  
	text-align: center;
} 

#nav_calculator a img{
	padding: 10px 45px 0px 25px;
}   

#nav_calculator a img.end{
	padding: 10px 0px 0px 25px;
}
    
#checkbox_container{
	background: #fff url('../img/calculator/check_background.gif') no-repeat top left;    
	height: 706px;
	
}   

#checkbox_container p{
	margin: 5px 0px; 
	padding-left: 0px; 
	font-size: 14px;
	font-family: arial, sans-serif;
	font-weight: bold; 
}   

#checkbox_container img{
	vertical-align: top;
}


#checkbox_container #cabbage{
	padding: 40px 0px 40px 10px;
}
#checkbox_container #roof{
	padding: 40px 0px 40px 10px;
}
#checkbox_container #bags{
	padding: 60px 0px 60px 10px;
}
#checkbox_container #tap{
	padding: 60px 0px 60px 10px;
}
#checkbox_container #solar{
	padding: 60px 0px 60px 10px;
}
#checkbox_container #hemp{
	padding: 50px 0px 50px 10px;
}
#checkbox_container #turbine{
	padding: 50px 0px 50px 10px;
}
#checkbox_container #clothes{
	padding: 60px 0px 60px 10px;
}
#checkbox_container #biodiesel{
	padding: 40px 0px 40px 10px;
} 


#checkbox_container #img1{
}
#checkbox_container #img2{
	padding: 5px 0px;
}
#checkbox_container #img3{ 
}
#checkbox_container #img4{   
	padding: 10px 0px 0px 0px;
}
#checkbox_container #img5{
}  

#checkbox_container #img6{ 
	padding: 15px 0px 0px 0px;
	
}
#checkbox_container #img7{
	padding: 7px 0px 0px 0px;
}
#checkbox_container #img8{ 
	padding: 5px 0px 0px 0px;
	
}
#checkbox_container #img9{ 
	padding: 5px 0px 0px 0px;
	
}
     
  




/**********HOME PAGE**********/
   

#bottom_container{
  	background: url('../img/global/content_background.gif') repeat-y top left;
	margin-left: -10px;  
}
#wordpress{
	width: 690px;   
    margin-left: 10px;  
	*width: 700px;  
}

#wordpress .right{
	width: 160px;
	
}
#wp_info{
	float: right;
	width: 160px; 
}

#blog{
	float: left;
	width: 514px;
}
 
.blogpost table td.blogdesc, .blogpost table td.blogdate, .blogpost table td.blogimage{
	padding: 0px 20px;
}
.blogpost td.blogimage img{
	border: solid 3px #ee4955;
}

.blogpost img.blogdivide{
	padding: 10px 0px;
} 
.blogpost table td{
	vertical-align: top; 
	padding-top: 0px;
}   

.blogpost table td p{
	margin-top: 0px;   
	line-height: 16pt;
} 

.blogpost p.readmore{
	text-align: right;
	font-weight: bold;
	font-size: 10px;
}  

.blogpost p.readmore a{
	padding-left: 14px;
} 

.blogpost h3{
	*margin-top: -30px;     
	*padding-bottom: 25px;
}
p.date{
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-size: 9px;
	color: #5b92cd;
	font-weight: bold;
} 

#wp_info #social{
	padding: 0px;
	margin: 0px;  
	text-align: center;
}

#wp_info #social p{
	padding: 0px;
	margin: 0px;  
}

  
ul#newtagcloud, ul#newtagcloud li, ul#newtagcloud li a{
	color: #000;    
	list-style-image: none;     
	list-style: none;
	text-decoration: none;
}           

ul#newtagcloud{
	padding: 0px;
}
#videoplayer{
   background: url('../img/home/videoplayer.png') no-repeat top left;  
	width: 700px;
	height: 333px;
	margin-left: -5px;
    
}
   
#videoplayer table{
/*	padding: 20px 0px 0px 15px;   
*/	vertical-align: top;
}  

#videoplayer td.vid{
/*	padding-left: 27px;
*/	padding: 20px 0px 0px 27px;
	
}
 
#videoplayer td#embed{
	padding: 20px 0px 0px 15px;
}
#videoplayer td.vid p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	font-size: 10px;  
	text-decoration: underline;
}   

#videoplayer td.vid p a, #videoplayer td.vid p a:active{  
	text-decoration: underline;     
	color: #000;
}

{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	font-size: 10px;  
	text-decoration: underline;
}

#vid_object1, #vid_object2, #vid_object1{
	background-color: #fff;
}  


/*********WHAT IS CROC**********/

#diagram{
	text-align: right;
	padding-bottom: 20px;
}

#people h3{
	font-size: 48px;
}

h2.name{
	color: #ef4955;
	font-size: 29px;
	margin: 0px;
	display: inline;
}

span.name{
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ef4955;
	vertical-align: bottom;
}
.people_left{
	float:left;
	width: 107;
}

.people_text{
	float:right;
	width: 545px;
	padding-right: 20px;
}

#carl, #jean{
	background-color: #cfe2f7;
}

#carl, #jean, #carbie{
	padding-top: 15px;
	padding-left: 10px;
	height: 200px;
}
    

/***********WHAT ARE OFFSETS ********** */      

table#easy_steps{
	padding: 0px 0px 0px 20px;
}
table#easy_steps td#step2{
	  width: 210px;
	  padding-right: 5px;
}  

table#easy_steps td#step1{
	width: 240px; 
/*	padding-right: 10px; 
*/}
 
table#easy_steps td#step1 p{
	padding-left: 0px;
} 

table#easy_steps td#step1 img{
	padding-left: 10px;
}

table#easy_steps td{
	vertical-align: top;   
}  

table#easy_steps td p{
	padding-left: 10px;
}     

#facts{
	padding: 0px 30px 0px 20px;
}

.croc h2{
	margin: 0px;
}  




/********GREENPEACE IS UPSET********/

table#karate td#karate_intro{
	  vertical-align: top;
	  padding-right: 20px;
}    

table#karate td#karate_intro p{
	  line-height: 22pt;
	margin: 5px 0px 0px 0px;
	
}    

#offset_ques{
	padding: 0px 20px;
} 


.croc{
	padding: 10px 20px;
	margin: 10px 0px;
	background-color:#CFE2F7;
}

.greenpeace{   
	margin: 10px 0px;
	padding: 10px 20px;
	background-color: #bde1a7;
}       




/*********CROCLINE******************/ 
   

#crocline{
	padding: 10px 20px 10px 20px;
} 

 #crocline .left{
	width: 300px;
}    

 #crocline .right{
	width: 300px;

}

#crocline h3{
	 font-size:55px;
	 margin: 0px 3px 0px 0px;   
}   

#crocline p{
	margin: 0px;
}

#crocline table td{
	vertical-align: top;
} 

#crocline table{
	margin: 10px 0px;
}

h2.croc{
	font-size: 17px;
}
       


/********TAKE ACTION********* */     


#stepstoaction{
	padding: 0px 20px 20px 20px; 
} 
 
#stepstoaction p{
	font-size: 15px;
}
#stepstoaction .left{
}
#stepstoaction h3, #stepstoaction h3 img{
   color: #000;   
	vertical-align: middle;
}  

#stepstoaction h3{
	padding-top: 10px;
}
#stepstoaction a, #stepstoaction a:active{
	color: #000;
}

#stepstoaction h2.croc{
	margin: 0px;
} 
 
#sharesite{
	margin: 0px 20px;
}
h2.shareheader{
	background-color: #000;
	color: #fff;
	padding: 10px;
	font-size: 20px;
}

#sharesite h3{
	padding: 0px 0px 0px 20px;
}

#sharesite p{
	padding: 20px;
	font-weight: bold;
}  
   
#action_buttons{
	padding-top: 10px;
}
#action_buttons a{
	 display: block;
	 padding: 10px 0px;   
}

#site_switcher_form{
	display: inline; 
    padding: 0px 0px 20px 0px;
}

#sign_petition{
	vertical-align: middle;
	padding-left: 20px;
}
 


#stepstoaction #choose_country {
/*	background-color: #CFE2F7 ;
	padding: 10px 20px;
	margin-top: 10px;   
	*height: 220px;       */
}         

 

.CenterSignUp, .CenterSignUp p{
	border: none;
	padding: 0px; 
	margin: 0px;
} 

.CenterSignUp p{
	padding: 10px 0px 0px 0px;
} 

#fields{
	padding: 0px 10px 10px 10px;
}
#fields input{
	margin: 0px 0px 5px 0px;
}








