#top #mainnav {
position: absolute;
top: 214px;
left: 0;
width: 250px;
height: 205px;
z-index: 1200;
}

#mainnav ul {
  	width: 250px;
	border-top: 1px solid #96CC4B;  /* Makes top border on flyouts */
	background: url(../g/home_nav_bg.jpg) top left repeat;
	margin: 0;
	padding: 0;
	}

#mainnav li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	font: 11px/12px arial,helvetica,sans-serif;
	border-bottom: 1px solid #96CC4B; /* Makes bottom border on flyouts */
	vertical-align: bottom; /* for IE5/win */
	color: #538609;
	text-transform: lowercase;
	font-weight: bold;
	}
	
#mainnav li.arrow {
	background: url(../g/home_nav_bg_arrow.jpg) top right no-repeat;
	position: relative
	}
	
#mainnav li.arrow2 {
	background: url(../g/home_nav_bg_arrow2.jpg) top right no-repeat;
	position: relative
	}

#mainnav ul a {
	display: block;
	padding: 5px 10px 7px 10px;
	vertical-align: bottom; /* needed for IE5/win */
	text-decoration: none;
	color: #538609;
	}

#mainnav ul ul, #mainnav ul ul ul { 
	position: absolute;  
	left: -3000px;
	background: #F9D2D3; 
	}	/* flyout elements need a background image or color to avoid bugs in IE/win */
		
#mainnav li:hover {background: #EA787A;}
	
#mainnav ul li:hover ul.level2 {
	left: 180px;
	top: 8px;
}

#mainnav ul ul.level2 li:hover ul.level3 {
	left: 140px;
	top: 8px;
}

#mainnav ul ul, #mainnav ul ul ul {
	width: 150px;
}

#mainnav ul a:hover {text-decoration: underline;}
	
/* \*/ /*/ 
ul li ul {position: static;}
ul ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */