/* CSS Document */

body div#listmenu ul li ul	{
	display:none; /*--- Hides all drop down menus ---*/
}
div#listmenu	{/*--- Menu List Container ---*/
	width:830px;
	float:left; /*--- Makes the div enclose the list ---*/
	background-image:url(../images/navBg.jpg);
	padding-left:50px;
	height:25px;
	font-size:11px;
}

div#listmenu ul	{
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-top:4px;
}

div#listmenu li	{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/
	padding:0px;
	margin:0px;
}

div#listmenu li:hover	{
	background-color:#86A480;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	padding:0px; 
	margin:0px -1px;
}

div#listmenu ul li a:link, div#listmenu ul li a:visited, div#listmenu ul li a:active  {
	font-weight:bold;
	display:block; /*--- List items in drop down highlight and wrapped lines indent correctly ---*/
	padding:2px 26px; /*--- Space on sides of menu item's text ---*/
	text-decoration: none; /*--- Removes the underlining of the link ---*/
	color:#ffffff;
	margin:0px;
}

div#listmenu ul li a:hover  {
	display:block; 
}

div#listmenu ul li:hover ul	{
	display:block; /*--- Displays appropriate drop down menu ---*/
}

div#listmenu ul li ul
{
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:-1px; /*--- Aligns the drop-down exactly under the menu ---*/
	padding:0px;
	background-color:#86A480;
	font-size:10px;
	
}
div#listmenu ul li ul.products {
	width:145px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
}

div#listmenu ul li ul.farmerResources {
	width:187px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
}

div#listmenu ul li ul.about {
	width:136px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
}

div#listmenu ul li ul li	{
	background-color:#50784e;
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #000000; /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-top:0px;
	padding:5px 0px 5px 5px;
	margin:0px;
	background-image:none;
}
div#listmenu ul li ul li:hover {
	background-color:#86A480;
	margin:0px;
	padding:5px 0px 5px 5px;
}
div#listmenu ul li ul li.firstDrop {
	border-top:1px solid #000000; /*--- The top edge of the drop-down ---*/
}
div#listmenu ul li ul li a:link, div#listmenu ul li ul li a:visited, div#listmenu ul li ul li a:active, div#listmenu ul li ul li a:hover
{
	display: block;
	margin:0px;
	padding:0px;
}