@import url(undohtml.css);		/* reset styles for all browsers */
/*

Copyright (c) 2008 Suffolk Web Design
http://www.suffolk-web-design.co.uk/

Permission is needed before replication

*/


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	
	background-color:#b9d0e2;
}

.clear{clear:both;}

p, h1, h2, h3, h4, h5, h6{
	margin: 0 0 10px 0;
}

#home h1{
	font-size:140%;
}

h1{font-size: 170%;}
h2{font-size: 150%;}
h3{font-size: 140%;}
h4{font-size: 130%;}
h5{font-size: 120%;}
h6{font-size: 110%;}

.content a{color:#04364f;}
.content a:hover{text-decoration:underline;}

#site{
	background-color: #FFF;
	width: 900px;
	padding: 20px;
	margin: 17px auto 5px auto;
}

#upper_container{
	height: 95px;
}

#logo{
	float: left;
	width: 207px;
	padding: 0 0 0 60px;
	margin-top: -10px;
	display:block;
}

#main_menu{
	float: right;
	width: 550px;
	text-align: right;
	padding: 50px 25px 0 0;
	font-size:120%;
	margin-right:-10px;
}

#main_menu li{
	display: inline;
}

#main_menu li a{
	color: #8b8b8b;
	padding: 0 10px;
	border-left: 1px solid #8b8b8b;
}

#main_menu li a.first{
	border: none;
}

#main_menu li a.selected,
#main_menu li a:hover{
	color: #1a2735;
}

#home #middle_container{
	height: 351px;
}


#page #middle_container{
	height: 309px;
}

#middle_text{
	float: left;
	height: 311px;
	width: 281px;
	padding: 0 30px 40px 40px;
	background-color: #0a1624;
	color: #fff;
	position: relative;
}

#middle_text a{color:#fff}
#middle_text a:hover{text-decoration:underline;}

#page #middle_text{
	float: left;
	height: 269px;
	width: 281px;
	padding: 0 30px 40px 40px;
	background-color: #0a1624;
	color: #fff;
	position: relative;
}

#middle_text div{
	position: absolute;
	bottom: 40px;
	width: 281px;
}

#home #middle_text div{ 
	bottom: 80px;
}

#middle_image{
	float: left;
}

#fader{border:0;}

#content{
	background: #fbfcfe url(/images/bg.gif) repeat-y;
/*	margin-bottom:5px;*/
}

#content #left{
	float: left;
	width: 281px;
	padding:40px 30px 40px 40px;
	background-color: #e5e9ea;
	color: #024466;
}

#content #left a{color: #024466;}
#content #left a.selected,
#content #left a:hover{text-decoration:underline;}

#content #left ul {padding-bottom:5px;}
#content #left li {margin-bottom:10px;}

#content #left div{
	margin-bottom: 20px;
	font-size: 80%;
}

#content #left div a{
	font-weight: bold;
	color: #024466;
}

#content #right{
	float: right;
	width: 457px;
	color: #04364f;
	padding: 40px 50px 40px 40px;
	background: #fbfcfe;
}

#content #right ul{
	list-style:disc;
	padding:0 0 0 25px;
	margin:10px 0;;
}

#contact_form input{	
	border: 1px solid #c2c4c3;
	width: 210px;
	padding: 5px 0 0 5px;
	height: 17px;
	font-size: 80%;
	background-image:url(/images/input.gif);
	background-repeat: no-repeat;
	margin: 0 5px 10px 0;
	color: #012650;
}

#contact_form textarea{	
	border: 1px solid #c2c4c3;
	width: 438px;
	height: 49px;
	padding: 5px 0 0 5px;
	background-image:url(/images/textarea.gif);
	background-repeat: no-repeat;
	color: #012650;
}

#contact_form .submit{	
	border: 0;
	margin: 10px 0 0 0;
	width: 73px;
	height: 27px;
	background-image:url(/images/submit.gif);
	background-repeat: no-repeat;
	color: #012650;
}

#base_images{
	height: 110px;
	margin: 5px 0 0 0;
}

#base_images a{
	float: left;
	display:block;
	border: 16px solid #e5e9ea;
	margin: 0 0 0 3px;
}

#base_images a:hover{border: 16px solid #c9dcef;}

#base_images .first{margin:0;}

#footer{
	font-size: 80%;
	padding: 10px 0 0 0;
	text-align: right;
	width: 900px;
	margin: 0px auto;
	color:#5487b6;
}


#footer a{color: #5487b6;}

#footer a:hover{text-decoration:underline;}

#footer #copy{
	width: 600px;
	padding-left: 50px;
	text-align: left;
	float: left;
}

#footer #accred{
	float: right;
	width: 150px;
	padding-right: 50px;
}