/* CSS Document */
body{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #1d334f;
	font-size: 11px;
}
ul{
	padding: 0px;
	margin: 0px;
}
p{
	margin: 10px 0px 0px 0px;
	line-height:17px;
}
h2{
	font-size: 16px;
}
a{
	color: #4f2991;
	text-decoration: none;
}
img{
/*	this is the reason those pngs are disappearing.... if we keep it they need width and height attributes or for the behaviour to be applied via a class to those that need it instead of to all images*/
	behavior: url("/_scripts/pngbehavior.htc");
	border: none;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear:both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
	display: block;
	clear:both;
}
/* End hide from IE-mac */

#wrapper{
	position: relative;
	width: 766px;
	background-color: white;
	margin: 0 auto 0 auto;
	padding: 154px 0 20px 14px;
	z-index:1;
}
#banner{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 101px;
	width: 780px;
	overflow: hidden;
}
#menuarea{
	position: absolute;
	left: 0px;
	top: 101px;
	height: 34px;
	width: 780px;
	background-image: url(../_newimages/menu_bg.gif);
	background-color: #b1bde3;
	z-index:100;
}
#contact{
	position: absolute;
	left: 27px;
	top: 8px;
	font-size: 10px;
	color: #0161ae;
}
#contact a{
	color: #0161ae;
}
#content{
	min-height: 500px;
	_height: 500px;
}
#content h1, #content h2{
	font-family: Arial, Helvetica, sans-serif;
}
#footer{
	position: relative;
	width: 752px;
	height: 27px;
	overflow: hidden;
	color: white;
	font-size: 10px;
	background-color: #57b847;
	margin: 20px 0 0 0 ;
}
#footer a{
	color: white;
}
#footer ul{
	margin-left: 107px;
	margin-top: 7px;
}
#footer li{
	display: inline;
}
#footercontact{
	position: absolute;
	top: 7px;
	right: 10px;
}
#legal{
	width: 766px;
	margin: 15px auto 15px auto;
	color: white;
	text-align: center;
	font-size: 10px;
}
#legal a{
	color: white;
}
:active, :focus{
	outline:none;
}