/* CSS Document */


body
{ 
	background-color:#333333;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#383838;
	margin-top:50px;
}



a {font-size:1em; text-decoration:none;}

a:link{color:#00AE57;}
a:visited{color:#00AE57;}
a:active{color:#00AE57;}
a:hover{color:#000; text-decoration:underline;}

a.menu:link{color:#383838; font-size:0.8em; font-weight:bold; }
a.menu:visited{color:#383838; font-size:0.8em; font-weight:bold; }
a.menu:active{color:#383838; font-size:0.8em; font-weight:bold; }
a.menu:hover{color:#00AE57; font-size:0.8em; font-weight:bold; text-decoration:none;}

a.footer:link{color:#fff; }
a.footer:visited{color:#fff; }
a.footer:active{color:#fff; }
a.footer:hover{color:#00AE57; text-decoration:none;}

a.news:link{font-size:0.9em; color:#00AE57;	}
a.news:visited{font-size:0.9em; color:#00AE57;	}
a.news:active{font-size:0.9em; color:#00AE57;	}
a.news:hover{font-size:0.9em; color:#222; text-decoration:none;	}

a.header:link{color:#333333;	}
a.header:visited{color:#333333;	}
a.header:active{color:#333333;	}
a.header:hover{color:#00AE57; text-decoration:none;	}


h1
{
	color:#00AE57;
	font-size:0.9em;
	font-weight:bold;
	padding:15px 10px 0px 10px;
	margin:0px;
}

h2
{
	font-size:1.2em;
	font-weight:bold;
	padding:0px 10px 0px 10px;
}

h3
{
	color:#7A980B;
	font-size:1.2em;
	font-weight:bold;
	padding:15px 10px 5px 10px;
}


img{border:none;}

ul
{
	font-size:0.8em;
	padding: 0px;
} 

ol
{
	font-size:0.8em;
	padding: 0px;
} 

table
{
  margin-top:20px;
	margin-left:50px;
	margin-right:50px;
}

th
{
	font-size:0.8em;
	padding: 4px;
	font-weight:bold;
	color:#00AE57;
	text-align:left;
}

td
{
	font-size:0.8em;
	padding: 4px;
}

/**** IDs for main structure ****/

#container
{      
	width: 830px;
	margin-left:auto;
	margin-right:auto;
}

#outerLayer
{
	width:820px;
	padding:0px;
	float:left;
	border: solid 2px #fff;
	background-color:#E6E7EF;
}



#header
{
	width:820px;
	height:100px;
	float:left;
	/*background-color:#CC3300;*/
	background-image: url('images/header_bg.jpg');
	border-bottom: solid 2px #ffffff;
}

    #headerLeft
    {
    	width:250px;
			height:80px;
    	float:left;
			text-align:center;
    	padding:7px 5px 7px 0px;
    }
    
    #headerRight
    {
    	width:260px;
			/*height:40px;*/
    	/*background-color:#ff0000;*/
    	text-align:right;
    	float:right;
    	padding:7px 5px 7px 5px;
			margin-top:25px;
    }

			
    		#headerRight p
        {
        	font-size:0.7em;
        	margin: 0px 15px 0px 10px;
        	padding: 0px;
					font-weight: bold;
					color: #333333;
        }

    		.headerRightGreen
        {
        	color: #00AE57;
					font-weight: bold;
        }

				
#menu
{
	width:820px;
	height:30px;
	float:left;
	background-image: url('images/menu_bg.jpg');
	border-bottom: solid 2px #ffffff;
	padding: 0px;
	margin:0px;
}


#menu ul
{
font-size:1em;
list-style: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 14px;
margin: 0px;

} 

#menu li
{
float: left;
padding-top: 3px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 0px;
} 


#graphic
{
	width:820px;
	height:170px;
	float:left;
	border-bottom: solid 2px #ffffff;
}

#mainBody
{
	width:820px;
	float:left;
	background-color:#E6E7EF; 
	/*height:140px;*/
	border-top: solid 2px #fff;  
}

#mainBody p
{
	font-size:0.8em;
	margin: 15px 10px 15px 10px;
	padding: 0px;
}

    .mainBodyLeft
    {
    	width:520px;
    	float:left;
    	padding:5px;
    }
    
    .mainBodyRight
    {
    	width:270px;
    	float:right;
    	padding:5px;
    }
	
#mainBody2
{
	width:820px;
	float:left;
	background-color:#E6E7EF; 
}		

  #mainBody2 p
  {
  	font-size:0.8em;
  	margin: 15px 10px 15px 10px;
  	padding: 0px;
  }
		
    #mainBodyLeft
    {
    	width:570px;
    	float:left;
    }
    
    #mainBodyRight
    {
    	width:250px;
    	float:right;
    }		
	
    .contactLeft
    {
    	width:310px;
    	float:left;
    	padding:5px;
    }
    
    .contactRight
    {
    	width:450px;
    	float:right;
    	padding:5px;
    }		
#boxes
{
	width:820px;
	height:255px;
	float:left;
}

  #box1
  {
  	width:272px;
  	height:200px;
  	border-right: solid 2px #fff;
  	border-bottom: solid 2px #fff; 
  	float:left;  
  }
  
  #box2
  {
  	width:272px;
  	height:200px;
  	border-right: solid 2px #fff;	
  	border-bottom: solid 2px #fff;
  	float:left;
  }
  
  #box3
  {
  	width:272px;
  	height:200px;
  	border-bottom: solid 2px #fff;
  	float:left;  
  }

    #box1Title
    {
    	width:272px;
    	height:55px;
    	border-right: solid 2px #fff;
    	border-bottom: solid 2px #fff; 
    	float:left;  
    }
    
    #box2Title
    {
    	width:272px;
    	height:55px;
    	border-right: solid 2px #fff;	
    	border-bottom: solid 2px #fff;
    	float:left;
    }
    
    #box3Title
    {
    	width:272px;
    	height:55px;
    	border-bottom: solid 2px #fff;
    	float:left;  
    }

#boxes2
{
	width:820px;
	float:left;
	/*background-color:#00ff00;*/   
}


		
		.boxProjects
    {
    	width:272px;
    	height:55px;
    	background-color:#333333;
    	border-right: solid 2px #fff;
    	border-bottom: solid 2px #fff; 
    	float:left;  
    }

		.boxProjects2
    {
    	width:546px;
    	height:55px;
    	background-color:#333333;
    	border-bottom: solid 2px #fff; 
    	float:left;  
    }

		.boxSustainability
    {
    	width:272px;
    	height:55px;
    	background-color:#00AE57;
    	border-right: solid 2px #fff;
    	border-bottom: solid 2px #fff; 
    	float:left;  
    }

		.boxSustainability2
    {
    	width:546px;
    	height:55px;
    	background-color:#00AE57;
    	border-bottom: solid 2px #fff; 
    	float:left;  
    }

		.boxGunpoint
    {
    	width:272px;
    	height:55px;
    	background-color:#D52D00;
    	border-right: solid 2px #fff;
    	border-bottom: solid 2px #fff; 
    	float:left;  
    }

		.boxGunpoint2
    {
    	width:546px;
    	height:55px;
    	background-color:#D52D00;
    	border-bottom: solid 2px #fff; 
    	float:left;  
    }
						
				.strapline
        {
        	padding: 13px 0px 0px 0px;
					font-size:1.1em;
					font-weight:bold;
					color: #fff;	
					text-align:center;
        }

				.strapline2
        {
        	padding: 13px 0px 0px 0px;
					font-size:1.1em;
					font-weight:bold;
					color: #000;	
					text-align:center;
        }
#footer
{
	width:820px;
	height:30px;
  color:#fff;
	float:left;
	/*font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.8em;	
	border-bottom: solid 4px #ffffff;*/
}

#footer p
{
	padding: 5px 0px 0px 0px;
	font-size:0.7em;	
}


.quote
{
	color: #00AE57;
}

.quote2
{
	color: #00AE57;
  text-align:right;
}
 
  
.copyright
{
	float:left;
}

.whitedoor
{
	float:right;
}


/* form elements */

label
{
	width: 7em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

input
{
	color: #000;
	background: #B7CCBC;
	margin:0px;
	padding:0px;
}

select
{
	color: #000;
	background: #B7CCBC;

}

textarea
{
	color: #000;
	background: #B7CCBC;
}

.submit input
{
	margin-left: 96px;
}