﻿html {
	margin: 0px auto;
	padding: 0px;
	margin-bottom: 1px;
	height: 100%;}

body {
	background: url('images/raw-bg.jpg') center top;
	font: 1em Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 auto; /* fix for centering div in firefox */
	padding: 0px;
}

#body2large {font-size: 85%;}

img {border: 0; /* for accessability */}

.clear {clear: both;} /* puts the footer in place */

a {color: #67B443; text-decoration: underline;}

a:hover {text-decoration: underline;}


h6  {font-weight: normal; font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;}


h5  {font-weight: normal; font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;}


h4  {font-weight: normal; font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;}


h3  {font-weight: normal; font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;}


h2  {font-weight: normal; font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;}


h1  {font-weight: normal; font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;}

h1 {font-size: 170%; color: #9A590E;}
h2 {font-size: 130%; color: #67B443;}
h3 {font: 130% 'Segoe Print', 'Segoe UI', 'Comic Sans';}
h4 {font-size: 120%; color: #000;}
h5 {font-size: 120%; color: #999;}
h6 {font-size: 110%;}

li li li {
	list-style-type: square;
	line-height: 120%;}

li li {
	list-style-type: square;
	line-height: 120%;}

li {
	list-style-type: square;
	line-height: 120%;}

#outerwrapper {
	background: url('images/top-back.jpg') no-repeat left top;
	margin: 0px auto;
	text-align: left;
	width: 1024px;
	min-height: 350px;
}

#contentwrapper {
	background: url('images/top-content.jpg') no-repeat left top;
	margin: 0px auto;
	width: 950px;
}


#header {
	width: 750px; 
	height: 150px;	
	background: url('images/grains.jpg') no-repeat; 
	float: right;
}

#logo {
	width: 200px; 
	height: 150px; 
	float: left;}

#body1 {
	position: relative; 
	float: left;
	width: 750px; 
	padding: 25px 0 0 0;}
	
#body1 td {
	font-size: 90%
}	

#body1c {
	position: relative; 
	float: left;
	width: 950px; 
	padding: 25px 0 0 0;}

#body2 {
	width: 200px; 
	margin: 0px;
	position: relative; 
	float: left; }

#body2side {
	text-align: center;
}
#body2side img {
	padding: 5px; margin: 5px;
	border: 1px solid #9B590F;
}

#body1large {
	position: relative; 
	float: left;
	width: 600px; 
	padding: 25px 0 0 0;}
	
}
#body2large {
	width: 350px; 
	margin: 0px;
	position: relative; 
	float: right; }
}

img.basic {
	float: left;
	padding: 5px; margin: 5px;
	border: 1px solid #9B590F;
}
img.basicr {
	float: right;
}
img.basicrno {
	float: right;
	border: 0px !important;
}


.bodyleft img {
	padding: 5px; margin: 5px;
	border: 1px solid #9B590F;
}

.bodycontent {padding: 0px 20px;}

.bodyleft {	float: left; width: 50%;}

.bodyright {
	float: right;
	width: 50%;
}
#body1 .bodycontent {padding: 0px 20px 0px 0px;}

#topnav {
	padding: 100px 0 0 10px;
	text-align: left;
	width: 90%;}
	
#secondarynav {
	text-align: left;
	border-top: 1px solid #67b443;
	width: 100%;}

/* Top Horizontal Menu */

#menutoparea {
	float: left;
	text-align: left;
	height: 20px;}

#menutop {
	margin: 0;
	padding: 0px;
	list-style: none;}

#menutop li {
	display: inline;
	list-style: none;
	text-align: left;}

#menutop ul {
	display: inline;
	list-style: none;
	text-align: left;}

#menutop a:active {
	color: #67B443;
	font: bold 85% Myriad, trebuchet;
	text-transform: uppercase;
	padding: 0px 0px 0px 8px;
	text-decoration: none;}


#menutop a:visited {
	color: #67B443;
	font: bold 85% Myriad, trebuchet;
	text-transform: uppercase;
	padding: 0px 0px 0px 8px;
	text-decoration: none;}


#menutop a:link {
	color: #67B443;
	font: bold 85% Myriad, trebuchet;
	text-transform: uppercase;
	padding: 0px 0px 0px 8px;
	text-decoration: none;}


#menutop a:hover {color: #9A590E;}



#secondarynav #menutop a:active {
	color: #9A590E;
	font: normal 85% Myriad, trebuchet;
	text-transform:none;
	padding: 0px 0px 0px 8px;
	text-decoration: none;}



#secondarynav #menutop a:visited {
	color: #9A590E;
	font: normal 85% Myriad, trebuchet;
	text-transform:none;
	padding: 0px 0px 0px 8px;
	text-decoration: none;}



#secondarynav #menutop a:link {
	color: #9A590E;
	font: normal 85% Myriad, trebuchet;
	text-transform:none;
	padding: 0px 0px 0px 8px;
	text-decoration: none;}


#secondarynav #menutop a:hover {color: #67B443;}

	.columncontent h3 {margin-top: 0px; margin-bottom: 0px;}
	.columncontent p {margin: 3px 0; font-size: 100%;}
	.columncontent {font-size: 95%; padding: 5px 10px 5px 10px; text-align: left;}
	.left {background: #f8f8f8; margin: 0 5px 0 0px;}

#footer {
	margin: 10px auto; 
	padding: 3px;
	text-align:right;
	font: 70% verdana;}

fieldset { border:1px solid #ccc; }

	.columncontent fieldset {font-size: 95%; line-height: 140%; padding: 0px 10px 10px 10px; text-align: left;}

legend {
	font: 130% 'Segoe Print', 'Segoe UI', 'Comic Sans';  
  	padding: 0 .8em 0 0.3em; }

