/* ----- NAVIGATION ----- */
#header_nav {
	padding: 0px;
	width: 976px;
	margin-top: 10px;
	margin-left: 0px;
	height: 54px;
	margin-bottom: 0px;
	float: left;
	background-color: #663300;
}


#nav, #nav ul  {
	list-style:none;
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
	line-height: 10px;
}
#nav li{
	float:left;
	
}
#nav li a{
	height: 54px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
	
}

#nav #nav-home a{
	width: 107px;
	background-image: url(../images/nav_01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#nav #nav-home a:hover{
	background-image: url(../images/nav_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav #nav-products a{
	width: 113px;
	background-image: url(../images/nav_02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#nav #nav-yeild a{
	width: 132px;
	background-image: url(../images/nav_03.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#nav #nav-products a:hover{
	background-image: url(../images/nav_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav #nav-yeild a:hover{
	background-image: url(../images/nav_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav #nav-programs a{
	width: 161px;
	background-image: url(../images/nav_04.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#nav #nav-programs a:hover{
	background-image: url(../images/nav_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav #nav-resources a{
	width: 118px;
	background-image: url(../images/nav_05.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#nav #nav-resources a:hover{
	background-image: url(../images/nav_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav #nav-growing a{
	width: 164px;
	background-image: url(../images/nav_06.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#nav #nav-growing a:hover{
	background-image: url(../images/nav_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav #nav-about a{
	width: 94px;
	background-image: url(../images/nav_07.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#nav #nav-about a:hover{
	background-image: url(../images/nav_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav #nav-home .dropdown-item a,
#nav #nav-home .dropdown-item a:hover,
#nav #nav-about .dropdown-item a,
#nav #nav-about .dropdown-item a:hover,
#nav #nav-products .dropdown-item a,
#nav #nav-products .dropdown-item a:hover,
#nav #nav-yeild .dropdown-item a,
#nav #nav-yeild .dropdown-item a:hover,
#nav #nav-programs .dropdown-item a,
#nav #nav-programs .dropdown-item a:hover,
#nav #nav-resources .dropdown-item a,
#nav #nav-resources .dropdown-item a:hover,
#nav #nav-growing .dropdown-item a,
#nav #nav-growing .dropdown-item a:hover {
	background-image:none;
	text-decoration:none;
	text-indent: 0px;
	padding:8px 0px 0px 0px;
	 }

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-decoration:none;
	margin-top: 38px !important; /*for Firefox*/
	margin-top: -16px;/* For Studpid IE*/
	background-image:url(../images/paper-bg-2ndmenu.jpg);
}
*:first-child+html #nav li ul{ margin-top:-16px !important;}/*IE7*/

#nav #nav-about .dropdown-item a,
#nav #nav-about .dropdown-item a:hover  
{ width:107px;
}

#nav #nav-home ul{ width: 107px; }
#nav #nav-about ul{ width: 107px;}
#nav #nav-products  ul{ width: 113px;}
#nav #nav-yeild ul{width: 132px;}
#nav #nav-programs ul{width: 161px;}
#nav #nav-resources ul{width: 118px;}
#nav #nav-growing ul {width: 164px;}

#nav li ul li a {
	height:20px;
	color: #000;
	font-size: 10px;
	font-weight:bold;
	text-align:center;
	
}
#nav li ul li a:hover {
	color: #000;
	background:#EAD83A;
	text-decoration:none;
	left: auto;
	
	}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	
	left: auto;
}

/*------On Page State-------------*/

body#home #nav-home a,body#home #nav-home a:hover {
	background-image: url(../images/nav_01.jpg);
	background-repeat: no-repeat;
	background-position: left -108px;
}
body#products #nav-products a, body#products #nav-products a:hover{
	background-image: url(../images/nav_02.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
body#yeild #nav-yeild a, body#yeild #nav-yeild a:hover{
	background-image: url(../images/nav_03.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
body#resources #nav-resources a, body#resources #nav-resources a:hover{
	background-image: url(../images/nav_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
body#growing #nav-growing a, body#growing #nav-growing a:hover{
	background-image: url(../images/nav_06.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

body#about #nav-about a, body#about #nav-about a:hover{
	background-image: url(../images/nav_07.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

body#programs #nav-programs a, body#programs #nav-programs a:hover{
	background-image: url(../images/nav_04.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}