/* CSS Document */

#menu ul {
	margin: 0;
}
#menu li {
	display: block;
	float: left;
	position: relative;
}
#menu li.menu_sub_option {
	width: 225px;
	font-size: .9em;
	font-weight: bold;
	background: #f1f7f2;
	border: 1px solid #999999;
	border-top: none;
	vertical-align: bottom; /* for IE5/win */
}
#menu ul ul {
	display: none;
	position: absolute;  
	top: 33px;
	left: 0px;
	border-top: 1px solid #999999;
	background: #f1f7f2;
}
#menu ul ul a {
	display: block;
	padding: 4px 10px;
	vertical-align: bottom; /* needed for IE5/win */
	text-decoration: none;
	color: black;
}
#menu ul ul li:hover {
	background: #e6dbd0;
}
#menu ul li:hover ul {
	display: block;
}
#menu ul a:hover {
	text-decoration: none;
}
	
/* \*/ /*/ 
#menu_options 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. */