/* CSS Document */


/* 1. General layouts */
/* 2. fonts           */
/* 3. menus           */







/* 1. General layouts */

* {
		margin: 0;
		padding: 0;
		}

body	{
	background-color:#E3EDF9;
	}
	
	

#allcontent	{

	width:840px;
	margin: 0 auto;
	background-color:#ffffff;
	}
	
#header	{
	background-image:url('images/header-background.jpg');
	
	}	


#header img	{
	padding: 20px 0px 10px 20px;
	}


#menu	{
	padding:0px 0px 10px 9px;
	background-color:#CCCFA8;
	}
	
#homeHeader	{
	padding:20px 0px 0px 20px;
	}	


#homeLeftColumn	{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:370px;
	padding: 0px 0px 50px 20px;
	}


#fundLink	{
	width:320px;
	padding:5px 20px;
	margin-top:10px;
	background-color:#05057c;
	color:#ffffff;
	text-align:center;
	}

#homeRightColumn	{
	width:320px;
	padding:20px;
	margin:40px 20px 30px 450px;
	background-color:#BA5008;
	}


#aboutHeader	{
	padding:20px;
	}


#aboutRightColumn	{
	width:320px;
	padding:20px;
	margin:40px 20px 0px 450px;
	background-color:#033543;
	}

#servicesBox	{
	background-color:#515050;
	padding: 15px;
	width:720px;
	margin: 20px auto;
		}
#travelBox	{
	background-color:#006699;
	padding: 15px;
	width:720px;
	margin: 20px auto;
	color:#ffffff;
		}
	
#travelBox p {
	color:#ffffff;
	font-size: 14px;
	line-height: 18px;
	text-align: centre;
		}		
		

#servicesHeader	{
	padding:0px 20px 10px 20px;
	}

  
#servicesLeftColumn	{
  	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:370px;
	padding: 0px 0px 50px 50px;
	}
	
	
#servicesLeftColumn	ul {
	padding-left:50px;
	}	
	
#servicesRightColumn	{
	width:320px;
	padding:10px;
	margin:0px 20px 0px 450px;
	}

#travelRightColumn	{
	width:320px;
	margin:0px 20px 0px 450px;
	padding-bottom:30px;
	}

#infraHeader	{
	padding:20px;
	}

#officesHeader	{
	padding:20px 0px 10px 20px;
	}	
	
	
#offices	{
	background-color:#BA5008;
	padding:20px;
	margin-left:20px;
	width:350px;

	}	
	
	
#guildfordAddress	{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:100px;
	padding:0px 0px 0px 0px;
	}  
 
 #londonAddress	{
 	width:120px;
	margin:0px 0px 0px 200px;

	}
  
 #directorsHeader	{
 	padding:20px 0px 10px 20px;
  	} 
  
  
 #directors	{
background-color:#033543;
padding:20px;
	margin-left:20px;
	width:760px;
	} 
 
 #firstDirector	{
 	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:180px;
	padding:0px 0px 0px 0px;
 	}
	
	
#secondDirector	{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:180px;
	padding:0px 0px 0px 20px;
	

	}	
	
	
#thirdDirector	{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:180px;
	padding:0px 0px 0px 0px;
	}	
	
#forthDirector	{
	width:180px;
	margin:0px 0px 0px 570px;
	}	
		
	
#assdirectorsHeader	{
	padding:20px 0px 10px 20px;
	}	

#assdirectors	{
	padding:20px;
	margin-left:20px;
	margin-bottom:20px;
	width:165px;
	background-color:#006699;
	}

  
 #firstassDirector	{

	position:relative;
	top:0px;
	left:0px;
	width:180px;
	padding:0px;
 	}
	
#secondassDirector	{
	width:170px;
	margin:0px 0px 0px 200px;
	}		


#recruitHeader	{
	padding:20px 0px 10px 20px;
	}

#recruitLeftColumn	{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:400px;
	padding:0px 0px 30px 20px;
	}


#recruitRightColumn	{
	width:280px;
	padding:20px;
	margin:40px 20px 0px 460px;
	background-color:#515050;
	}
	
#fundLeftColumn	{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	width:370px;
	padding: 0px 0px 50px 50px;
	}	

#fundRightColumn	{
	width:400px;
	margin-left:400px;
	
	
	}


#donateLink {
	width:175px;
	padding:20px;
	background-color:#05057c;
	color:#ffffff;
	margin-left:20px;
	margin-bottom:20px;
		}
  
#footer	{
	clear:left;
	background-color:#cccFA8;
	padding:10px 40px;
		}  	
  
  

/* 2. fonts           */


*	{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	}

#menu li	{
	font-size:11px;
	color:#05057c;
	}
	
	
h1	{
	font-size:35px;
	color:#05057c;
	font-weight:lighter;
	}	
	
	
h3	{
	font-size:14px;
	font-weight:lighter;
	line-height:20px;
	color:#FFFFFF;
	}	
	
	
p	{
	font-size:11px;
	line-height:26px;
	}	
	
	
.lightGrey	{
	color:#FFFFFF;
	}
	
	
#homeRightColumn	{
	line-height:8px;
	}	
	
#servicesBox p	{
	font-size:14px;
	line-height:18px;
	text-align:center;
	}	
	
#servicesLeftColumn	li{
	list-style-image:url(images/listtriangle.gif);
	
	font-size:11px;
	line-height:20px;

	}	


#servicesRightColumn p	{
	line-height:16px;
	}	
	
	
#offices p	{
	line-height:16px;
	color:#ffffff;

	}
	
#offices a:link {
	text-decoration:none;
	color:#ffffff;
	font-size:11px;
	}


#offices a:visited	{
	text-decoration:none;
	color:#ffffff;
		font-size:11px;

	}
	
#offices a:hover	{
	text-decoration:underline;
	color:#ffffff;
		font-size:11px;

	}
		

	
.town	{
	font-weight:bold;
	}
	


	
#directors p	{
	color:#FFFFFF;
	line-height:16px;
	}
	

#directors a:link	{
	text-decoration:none;
	color:#ffffff;
	}

#directors a:visited	{
	text-decoration:none;
	color:#ffffff;
	}	
	
#directors a:hover	{
	text-decoration:underline;
	color:#ffffff;
	}		



	
#assdirectors p	{
	color:#ffffff;
	line-height:16px;
	}	
	
#assdirectors a:link	{
	color:#ffffff;
	text-decoration:none;
	}
	
#assdirectors a:visited	{
	color:#ffffff;
	text-decoration:underline;
	}
	
#assdirectors a:hover	{
	color:#ffffff;
	text-decoration:underline;
	}		


#recruitRightColumn	p {
	font-size:14px;
	}	
				
#recruitRightColumn	a:link {
	text-decoration:none;
	color:#FFFFFF;
		}
	
	
#recruitRightColumn a:hover	{
	text-decoration:underline;
		color:#FFFFFF;	
	}
#donateLink p {
	color:#ffffff;
	font-size:20px;
		}

#donateLink a:link {
	text-decoration:none;
	color:#ffffff;
		}
		
#donateLink a:visited {
	text-decoration:none;
	color:#ffffff;
		}		
		
#donateLink a:hover {
	text-decoration:underline;
	color:#ffffff;
		}
		
#fundLink p {
	color:#ffffff;
	font-size:12px;
	align:center;
		}

#fundLink a:link {
	text-decoration:none;
	color:#ffffff;
		}
		
#fundLink a:visited {
	text-decoration:none;
	color:#ffffff;
		}		
		
#donateLink a:hover {
	text-decoration:underline;
	color:#ffffff;
		}	
	
.footer	{
	color:#05057c;
	font-size:14px;
	text-align:center;
	}	

#footer a:link {
	color:#05057C;
		text-decoration:none;

	}


#footer a:hover {
	color:#05057c;
	text-decoration:underline;
	}
	
	
/*    3. menu          */	
	
	
#menu li	{
	display:inline;
	padding:0px 23px;
	border-right:1px solid #a2a087;
	
	
}

#menu li.solast { border-right:0px; }
	
	
#menu a:link {
	color:#05057C;
		text-decoration:none;

	} 	
	
#menu a:visited {
	color:#05057C;

	text-decoration:none;
	}
	
#menu a:hover {
	color:#05057c;
	list-style-image: url(images/triangle.gif);
	text-decoration:none;
	}
	
.current	{
	color:#990000;
	background-image:url(images/triangle.gif);
	background-repeat:no-repeat;
	background-position:9px 3px;
	}	
	
	
/*    job box     */



	
#jobbox	{
	margin: 0 auto;
	width:300px;
	height:250px;
	margin: 0 auto;
	background-color:#cccFA8;
	position:fixed;
	top:150px;
	left:400px;
	}
		
#closebox{
	padding-left:270px;

}

#jobbox img	{
	margin: 0 auto;
	padding:25px 0px 30px 65px;
}

#jobtext	{
	text-align:center;

}


#jobbox	{
	font-family:Helvetica, sans-serif;
	font-size:10px;
	color:#333333;	
	
	}



#jobbox h1	{
	font-weight:lighter;
	color:#0f5539;
	font-size:23px;
	}