/*-------Header Styles--------*/

#colorBar {
	background-color: #008000; 
	clear: both;
	color: #fff;
	font-weight: bold;
	padding: 5px 1% 5px 0;
	margin: 0;
	text-align: right;
	width: 99%;
}
	
#colorBar a {color: #fff;}
	

#shortSiteName {
	background-color: #8b4513;
	border-bottom: solid 1px #fff;
	color: #fff;
	float: left;
	font-family: verdana, serif;
	padding: 3px 0 3px 1%; 
	width: 99%;
}

#shortSiteName .group{font-size: 1.2em; font-weight: bold;}
#shortSiteName .function{font-size: .7em;}



/*-------End Header Styles--------*/



/*-------Footer Styles--------*/

#footer {
	background-color: #fff;
	border-top: 25px solid #8b4513;
	color: #000;  
	margin-bottom: 10px;
	width: 100%; 
}
	
#footer div {
	font-family: verdana, san-serif; 
	font-size: .75em; 
	margin: 0;
}

#footer .left {
	float: left; 
	text-align: left;
	width: 350px;

}	

	
#footer .right { 
	text-align: right;
	margin: 0 10px 0 360px;
}
	
	
#footer p {margin: .25em 0;}

/*-------End Footer Styles--------*/





body {
	background-color: #fff; 
	color: #000; 
	font-family: arial, san-serif; 
	font-size: .9em;
	margin: 0 10px; 
}
	
#bannerimage { 	
	  	background-color: #fff;
		background-image: url('../images/Harvest4.jpg'); 
	  	background-repeat: x-repeat; 
		margin-left: 180px;
	  	border-left: 1px solid #fff; 
	  	border-top: 1px solid #fff;
}
	
#bannerimage h1 { 
	border-left: 0px solid #fff; 
	font-size: 1.6em;
	margin: 174px 0 0 0;
}

	
#bannerImg1 {
		background-image: url('../images/ChaparralSeal6.jpg');
		background-repeat: repeat;
		border-bottom: 1px solid #fff;
		width: 180px; 
		height: 174px; 
		margin: 0;
		padding: 0; 		
}


.bigImage {
	overflow: auto;
	width: 100%; 
}


#container { 
	background-color: #008000;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0; 
	width: 100%;  
}


#content {
	background-color: #fff;  
	margin-left: 180px; 
	padding: 1em 1.5em 1em 1em;
}

h1 { 
	background-color: #cd853f;
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff;	
	color: #fff;
	font-size: 1.6em;
	margin-top: 0;	 	
	margin-left: 180px;
	margin-bottom: 0;	
	margin-right: 0;
	padding-left: .5em;	 
}

.hidden {
	display: none;
}
	
	
/*-------left Nav Styles--------*/

#home .homeHide {display: none;}

#navBar {
	background-color: #008000; 
	border-top: 1px solid #fff;
	color: #fff;
	float: left;
	font-size: .85em; 
	margin: 0;
	padding: 0;  
	width: 180px;
} 

#navBar li{
	list-style-type: none; 
	margin: 0;
	padding: 0;
	width: 100%;
}

#navBar A {
	border-bottom: 1px solid #fff;
	color: #fff; 
	display:block;
	padding: .5em 0;
	text-decoration: none;
	text-indent: 5px; 
	width: 100%; 
}
   
#navBar A:link    {background-color: #008000;}
#navBar A:visited {background-color: #008000;}
#navBar A:active  {background-color:#cd853f;}
#navBar A:focus   {background-color:#cd853f;}
#navBar A:hover   {background-color: #cd853f;}


/* Following to classes are need to over come an IE bug 
that cause the tab through to not highlight like the mouse over.
The classes can be named whatever you want and are not used on the actual html files*/

A:link.r, A:visited.r {background-color: #666;}

/*-------End left Nav Styles--------*/