#navigation {
	z-index: 100;
	position: absolute;
	top: 1em;
	left: 0.5em;
	width: 11em;
	overflow: visible;
}

#navigation ul {list-style-type: none; margin: 0; padding: 0;}

#menuroot {width: 11em; text-align: right;}

/* IE5/Mac hack below... override these main settings in other browsers */
#menuroot ul {
 position: absolute;
 top: 0;
 left: 9em;
 width: 16em;
 visibility: hidden;
 padding: 0.3em;
 text-align: left;
 border: 1px outset #9CF;
}

#menuroot ul ul {left: 14em; width: 11em; }

/* \*/

#menuroot ul {left: 11.5em;}

#menuroot ul ul {left: 17em;}
/* */

#menuroot li {position: relative; width: 100%; padding: 0; margin: 0 0 1px 0; color: #2D7F40;} /* dark green */

#menuroot li .subind {position: absolute; right: 0.5em; font-size: 0.8em; top: 0.3em;}

#menuroot a {display: block; border-bottom: 1px solid #FFF; padding: 0.05em 1.5em 0.05em 0.2em; color: #2D7F40;} /* dark green */

/* Holly Hack: Fix IE/Win. Hide from IE Mac \*/
* html #menuroot li {float: left; height: 1%;}

* html #menuroot a {height: 1%;}
/* End Hack */

#menuroot ul a {border-color: #665544;} /* border color to hover */

#menuroot a.current {color: #399;} /* teal green */

#menuroot a:hover {color: #399; border-color: #69C; background-color: #E0F0FF;} /* pale green */

#menuroot a.highlighted {color: #399; border-color: #99C; background-color: #D0E8FF; } /* pale green */

#menuroot a.highlighted .subind {display: none;}

/* These next 2 are Safari hacks, it doesn't cleanly remove CSS via node.className = ''; */
#menuroot a.dimmed {background: transparent; border-color: #FFFFFF;}

#menuroot ul a.dimmed {border-color: #665544;} /* border color to hover */

#menulock {display: block; text-align: center; font-size: 0.8em; color: #66C; cursor: pointer;} /* secondary blue /*

/* Non-IE menu enhancements...
html>body #menuroot ul {top: 1.55em; border-top: 3px solid #E8F0FF;}

html>body #menuroot a.highlighted {width: 28em !important; text-align: center;}
*/