body
	{
		margin: 0;
		padding: 0;
		padding-top: 80px;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-color: #D6D6D6;
	}
	
	#container
	{
		margin: 1em auto;
		
		width: 650px;
		text-align: left;
		background-color: white;
		border: 1px solid black;
		padding: 10px;
		padding-top: 10px;
	}
	
	#header
	{
		height: 140px;
		background-image: url(herdbanner.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		border-bottom: 4px solid #fff;
		
		position: relative;
		
		
	}
	

	#header h1
	{
	font-size: 35px;
	text-align: left;
	color: white;
	margin: 0;
	padding-top: 90px;
	padding-left: 10px;

	}

	#mainnav {
clear : both;
width : 100%;
}
#mainnav ul {
float : left;
width : 100%;
padding-left : 0;
margin-left : 0;
background : #036;
color : #fff;
}
#mainnav ul li {
display : inline;
}
#mainnav ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #036;
color : #fff;
}
#mainnav ul li a:hover {
background : #a1aac9;
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #a1aac9;
color : #fff;
}
#mainnav ul li.active a {
background : #a1aac9;
color : #fff;
}
	
	#menu
	{
		float: right; 
		width: 180px;
		border-left: 1px solid #a1aac9;
		padding-left: 15px;
		background-color: white;
	}
	
	#contents	
	{
		margin-right: 20px;
		margin-left: 20px;
		margin-bottom: 40px;
		border-bottom: 1px solid #a1aac9;
		background-color: white;
	}

	.imagefloat
	{
	float: right;
	padding: 2px;
	border: 1px solid #a1aac9;
	margin: 0 0 10px 10px;
	}
	
	#footer	
	{
		clear: both;
		height: 20px;
		background-color: #036;
                color: #eee;
		text-align: right;
		padding: 5px
		font-size: 90%;
	}