/* CSS Document */

body div#listmenu ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}
div#listmenu /*--- Menu List Container ---*/
{
	width:700px;
	float:left; /*--- Makes the div enclose the list ---*/
	background-image:url(images/nav_bg.jpg);
	height:20px;
	border-bottom:2px solid #0f4c03;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#listmenu ul
{
	margin:3px 0px 0px 16px;
	padding:0px;
}

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 22px;
	margin-right:0px;
	background-image:url(images/nav-line.gif);
	background-position:right;
	background-repeat:no-repeat;
}

div#listmenu ul li.last {
	background:none;
	background-image:none;
}
div#listmenu ul li.last:hover {
	background:none;
	background-image:none;
	background-color:#ffffff;
}
div#listmenu li:hover
{
	background-color:#EBEBEB;
}

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:0px; /*--- Space on sides of menu item's text ---*/
	text-decoration: none; /*--- Removes the underlining of the link ---*/
	color:#000000;
	
}
div#listmenu ul li a:hover  {
	display:block;
}
div#listmenu ul li:hover ul
{
	display:block; /*--- Displays appropriate drop down menu ---*/
	background-color:#326f10;
}

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:#999999;
	font-size:11px;
	
}
div#listmenu ul li ul.marketing {
	width:150px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
}
div#listmenu ul li ul.products {
	width:185px; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
}
div#listmenu ul li ul li
{
	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-left:5px;
	margin:0px;
	background-color:#999999;
	background-image:none;
}
div#listmenu ul li ul li:hover {
	background-color:#ebebeb;
}
div#listmenu ul li ul li.firstDrop {
	border-top:2px 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;
	

}