/* Items applicable to entire website are here. They don't have hash or dot because they're html-native styles.*/

body{
font-family:Arial, Myriad Pro, Helvetica, Verdana, sans-serif;
color:#565045;
font-size:15px;
margin:0px; 
padding:0px;
}

p{line-height:20px; padding-right:15px; padding-bottom:10px;}

h1{font-size:22px; color:#BBDD22; padding-top:10px;}


h2{font-size:16px; color:#1E546C}

/* there is no h3 defined for main section, we're just using bolded text. 
 * The h3 in the secondary navigation column has picture-wrapping padding */

ul{margin-top: -15px;}
li{line-height:150%;padding-right:15px;}

a:link {text-decoration:none;}      /* unvisited link */
a:visited {text-decoration:none;}  /* visited link */
a:hover {text-decoration:underline;}  /* mouse over link */


 
 /* Navigation */

#nav{
	background:url(images/about_background_slice.gif) ;
	background-color:#BBDD22;
	background-position: center top; 
	padding-left:50px;
	width:950px;
	margin:0px;
}

 
 /* Main pages, holds text column and secondary navigation column  */

#main_content{
padding-top:60px;  
padding-left:100px;  
padding-bottom:300px;  
padding-right:10px;
}

#main_content  a{
	color:#1E546C;
}

#main_content .logoright{
	float:right; 
	padding-right:10px;
	padding-left:30px;
	padding-bottom:30px;
	border:0px;
	}
	
	


/* col1 is the main left column, col1narrow gives a narrower left column - use col1 with col2 and col1narrow with col2wide */


#main_content .col1{
	float:left;
	width: 70%;
	margin: 0em;
padding:0em;
	border-right: 1px solid #aeaeae;

}

#main_content .col1 a:link {text-decoration:underline;}     
#main_content .col1 a:visited {text-decoration:underline;}  
#main_content .col1 a:hover {text-decoration:none;}  



#main_content .col1narrow{
	float:left;
	width: 60%;
	margin: 0em;
padding:0em;
	border-right: 1px solid #aeaeae;

}

#main_content .col1narrow a:link {text-decoration:underline;}     
#main_content .col1narrow a:visited {text-decoration:underline;}  
#main_content .col1narrow a:hover {text-decoration:none;}  


	
/* colmid is a spacer only */

#main_content .colmid{	
	padding: 0em;
	margin:0em;
}


/* col2 is the main right column, col2wide gives a wider right column */

#main_content .col2{	
	float: right;
	display: block;
	position: relative;
	margin: 0em;
	width: 25%;
	padding-right:20px;
}

#main_content .col2 ul{
	margin-top:20px;
list-style-type:none; 
padding-left:10px;
}

#main_content .col2 li{
line-height:25px;
display:block;
}

/*copy this h3 into col2wide if required*/
#main_content .col2 h3{
	padding-top:50px;
	font-weight:bold;
}

	/* make all pics for side areas 200px wide*/
#main_content .side_images{
	padding-top:50px;
	border:0px;
	}	

#main_content .col2wide{	
	float: right;
	display: block;
	position: relative;
	margin: 0em;
	width: 35%;
	padding-right:20px;
}

#main_content .col2wide ul{
	margin-top:20px;
list-style-type:none; 
padding-left:10px;
}

#main_content .col2wide li{
line-height:25px;
display:block;
}


 /* Front page*/

#front_content{
padding-top:30px;  
padding-left:100px;  
padding-bottom:20px;  
padding-right:110px;
}


#footerfront{

padding-bottom:5px;
padding-top:25px;
padding-left:100px;
height:400px;
	font-size: 15px;
	line-height: 18px;
	background-color:#527d8e;
	color:#ffffff;
}
#footerfront a{
	color:#bbdd22;
}

#footerfront h1{
	padding-bottom:5px
}




#footerfront .column-1{
	float:left;
	width: 45%;
	margin: 0em;
padding-left:25px;
padding-right:25px;
border-right: 2px ridge #aaccdd;
border-left:0px;
border-bottom:0px;
border-top:0px;
}

#footerfront .column-2{
	float:left;
	width: 40%;
	margin: 0em;
padding-left:25px;

}

/* clearfloat stops things crashing */

#clearfloat{
	clear:both;
}


/* Footer 
 * 
 * The footer column classes have different names from the main ones so they don't clash. If you use the wrong ones it won't work. */ 

#footer{

padding-bottom:5px;
padding-top:25px;
padding-left:100px;
	height: 200px;
	font-size: 13px;
	line-height: 16px;
	background-color:#527d8e;
	color:#ffffff;
}
#footer a{
	color:#bbdd22;
}



#footer .column1{
	float:left;
	width: 40%;
	margin: 0em;
padding-left:15px;
}

#footer .column2{
	float:left;
	width: 40%;
	margin: 0em;
padding-left:10px;
}