/*------------------- Cropsol Website main CSS ------------*/
body {
	margin: 0px;
	background-color: #9B9B9B;
	font-family: Arial, sans-serif, "Helvetica 65 Medium";
	color: #7A7A7A;
	font-size: 10pt;
		
}
#wrapper {
	width: 845px;
	margin: 0 auto;
	background-image: url(../images/content.gif);
	background-repeat: repeat-y;
}
#banner {
	background-image: url(../images/banner_white.jpg);
	height: 336px;
	width: 845px;
}
#contentleft {
	width: 360px;
	float: left;
	margin-left: 20px;
}
#contentright {
	width: 220px;
	float: left;
	margin-left: 5px;
	margin-top: 80px;
}
#sidenav {
	width: 150px;
	margin-left: 0px;
	float: left;
}
#navbar {
	background-image: url(../images/Navbar.gif);
	height: 41px;
	text-align: center;
	color: #0c7ebc;
}
#contentmain {
	background-image: url(../images/content.gif);
	background-repeat: repeat-y;
	width: 845px;
	padding-top: 20px;
	padding-left: 50px;
	padding-bottom: 10px;
	padding-right: 50px;
	line-height: 16pt;
}
#footer {
	background-image: url(../images/footer.gif);
	height: 100px;
	margin: 0px;
	padding: 0px;
	clear: both;
	background-repeat: no-repeat;
}
/*------------------- links ------------*/
a:link, a:visited {
	text-decoration: none;
	color: #0c7ebc;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}
/*------------------- drop down nav ------------*/
#top ul, #titlebar ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	width: 118px;
	padding: 0;
	margin: 0;
}
#nav li { /* all list items */
	float: left;
	padding: 0;
	margin: 0;
	width: 176px; /* width needed or else Opera goes nuts */
	height: 41px;
	text-indent: 5px;
	background-image: url(../images/misc/nav_bg_1.gif);
	background-repeat: repeat-y;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 118px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	line-height: 15px;
	font-size: 10px;
	vertical-align: middle;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav2, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav2 a {
	display: block;
	width: 85px;
	padding: 0;
	margin: 0;
}
#nav2 li { /* all list items */
	float: left;
	padding: 0;
	margin: 0;
	height: 41px;
	text-indent: 5px;
	background-image: url(../images/misc/nav_bg_1.gif);
	background-repeat: repeat-y;
}
#nav3, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav3 a {
	display: block;
	width: 85px;
	padding: 0;
	margin: 0;
}
#nav3 li { /* all list items */
	float: left;
	padding: 0;
	margin: 0;
	height: 41px;
	text-indent: 5px;
	background-image: url(../images/misc/nav_bg_1.gif);
	background-repeat: repeat-y;
}
/*------------------- Top Nav buttons ------------*/
#homebutton {
	background-image: url(../images/nav_button_home.gif);
	margin: 0px;
	height: 41px;
	width: 61px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#homebutton:hover{
	background-position: center bottom;
}
#soilbutton {
	background-image: url(../images/nav_button_soil.gif);
	margin: 0px;
	height: 41px;
	width: 123px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#soilbutton:hover{
	background-position: center bottom;
}
#waterbutton {
	background-image: url(../images/nav_button_water.gif);
	margin: 0px;
	height: 41px;
	width: 176px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#waterbutton:hover{
	background-position: center bottom;
}
#newsbutton {
	background-image: url(../images/nav_button_news.gif);
	margin: 0px;
	height: 41px;
	width: 71px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#newsbutton:hover{
	background-position: center bottom;
}
#contactbutton {
	background-image: url(../images/nav_button_contact.gif);
	margin: 0px;
	height: 41px;
	width: 85px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#contactbutton:hover{
	background-position: center bottom;
}
h2 {
	font-size: 14pt;
	font-weight: normal;
}
p {
	margin-top: 5px;
}
#contentleft li {
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.bolder {
	font-weight: bold;
}
#jam {
	background-image: url(../images/jam_foot.gif);
	margin: 0px;
	height: 100px;
	width: 219px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#jam:hover{
	background-position: center bottom;
}
#jamfooter {
	height: 100px;
	width: 219px;
	margin: 0px;
	float: right;
	text-indent: -10000px;
	padding: 0px;
}
#jamfooter li {
	list-style-type: none;
	margin: 0px;
		
	padding: 0px;
	height: 100px;
	width: 219px;
}
#jamfooter ul {
	margin: 0px;
	padding: 0px;
}
#contentmain img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.middle {
	text-align: center;
}
