@charset "UTF-8";

#navigation_wrapper * {
	margin: 0;
	padding: 0;
}

#navigation_wrapper {
	behavior: url(../csshover.htc);
	float: left;
	padding: 6px;
	width: 100%;
	height: 18px;
	background-color: #A2B694;
}

#navigation_wrapper ul {
	float: left;
	font-size: .9em;
}

#navigation_wrapper li {
	list-style-type: none;
	float: left;
	position: relative;
	z-index: 1;
}

#navigation_wrapper li ul {
	position: absolute;
	display: none;
}

#navigation_wrapper li ul li {
	background: url(images/navigation_background.png);
	padding: 4px 0;
	border-top: 1px solid #999;
	min-width: 12em;
}

#navigation_wrapper a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding: 1px 20px;
}

#navigation_wrapper a:hover {
	color: #666666;
	background-color: #B3D3AD;
}

#navigation_wrapper li:hover ul {
	display: block;
}


/* hacks for IE6  and < */
* html div##navigation_wrapper {
	z-index:1; 
} /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element */

* html div##navigation_wrapper ul li ul {
	z-index:400; 
} /*ensures menu is on top of other page elements */
/* end of drop down menu CSS */