@charset "utf-8";
/* CSS Document */

body {margin:0;
		padding:0;
		text-align:center;
		background-color:#281d15;
		font-family:Verdana, Arial, Helvetica, sans-serif;}

.top {height:200px;
	width:100%;
	text-align:center;
		background-image:url(images/grass.gif);}
		
.header {text-align:center;
		width:800px;
		height:200px;
		margin:0 auto;
		background-image:url(images/header.jpg);}
		
.nav {background-color: #000000;
	width:100%;
	height:30px;}
	
.navbuttons {width:800px;
			height:30px;
			margin:0 auto;
			background-color:#1a1d1a;
			font-family:Arial, Helvetica, sans-serif;}	
			
ul.buttons,
.buttons ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	line-height:26px;
	width:100%;
}

ul.buttons{
	display: table;
	text-align:center;
	*float:left;

}
ul.buttons>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
	*float:left;
	width:148px;
	
}

.buttons ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

ul.buttons,
.buttons ul,
.buttons ul li a{
	background-color: #1a1d1a;
	color:white;
}


ul.buttons li:hover,
.buttons ul li a:hover{
	background-color:#47733a;
	color: white;}

ul.buttons li:active,
.buttons ul li a:active{
	background-color:#47733a;
	color: white;
}

ul.buttons,
.buttons ul{
	border: none;
}

.buttons a{
	text-decoration: none;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
}


 			
	
.topcop {width:800px;
		height:250px;
		background-color:#47733a;
		background-image:url(images/logo.gif);
		background-repeat:no-repeat;
		background-position:left;
		margin:0 auto;}
		
.intro {width:500px;
		height:250px; 
		margin:0 auto;
		padding-top:20px;
		float: right;
		text-align:left;
		color:white;
		font-size:12px;}
				
		
.botcop {width:800px;
height:100%;
background-color:white;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
text-align:left;}

.content {margin:20px;}

.footer {width:100%;
		height:75px;
		border-top:solid 2px #000000;}
		
.footbuttons {width:800px;
			height:75px;
			background-color:white;
			margin:0 auto;
			padding-top:20px;}
			
.footbuttons a {padding: 5px 10px 5px;
		display: inline block;
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		line-height:24px;}
	

.footbuttons a:link {
	color:#47733a;
	text-decoration: underline;
	}

.footbuttons a:visited {
	color:#47733a;
	text-decoration: underline;
	}
	
.footbuttons a:focus{
	color:#333;
	text-decoration: none;
	background-color:#47733a;}

.footbuttons a:hover { 
	color:white;
	text-decoration: none;
	background-color:#47733a;}
	
.footbuttons a:active {
		color:#333;
		text-decoration: none;}
		
		
h1 {font-family:Arial, Helvetica, sans-serif;
			font-size:18px;}
			
h2 {font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;}

p	{line-height:18px;
	font-size:12px;}

ul {line-height:18px;}

.intro a:link {
	color:white;
	text-decoration: underline;
	}

.intro a:visited {
	color:white;
	text-decoration: underline;
	}
	
.intro a:focus{
	color:white;
	text-decoration: none;}

.intro a:hover { 
	color:white;
	text-decoration: none;}
	
.intro a:active {
		color:white;
		text-decoration: none;}
		
.content a:link {
	color:#006600;
	text-decoration: underline;
	}

.content a:visited {
	color:#006600;
	text-decoration: underline;
	}
	
.content a:focus{
	color:#66CC33;
	text-decoration: none;}

.content a:hover { 
	color:#66CC33;
	text-decoration: none;}
	
.content a:active {
		color:#66CC33;
		text-decoration: none;}