/* tame the lists */
ul.menu_vertical, ul.menu_vertical li {
	font-size: 100%; /* fix for win/ie's "non-linear text scaling" bug */
	list-style-type: none;
	margin: 0;
	padding: 0;
	}


/* navbar list */
ul.menu_vertical {
	cursor: default;
	float: left;
	left: 0; /* navbar left and top position this DOES NOT already include 1 compensation on TOP, for list-item border collapse (1 defaults to around 0.05em) */
	position: relative;
	top: 0;
	width: 159px; /* navbar width */
	z-index: 1000;
	}

/* navbar list-items */
ul.menu_vertical li {
	cursor: hand;
	cursor: pointer;
	position: relative;
	text-align: right;
	margin: -1px 0 0 0; /* shift list-items to collapse borders menu_vertically */
	width: 159px; /* duplicate navbar width */
	}


/* menu lists */
ul.menu_vertical ul {
	cursor: default;
	left: -1px; /* shift menus to collapse navbar->menu borders */
	margin: 0 0 0 160px; /* menu offset, which already includes 1 compensation on TOP, for list-item border collapse */
	/* overlapping the menus improves usability */
	padding: 1px 0 0 0; /* compensate for list-item border collapse */
	position: absolute;
	top: -10000; /* position menus off the screen to hide because using display, visibility, overflow or clip, would hide them from browser-based screenreaders as well */
	width: 160px; /* menu width */
	z-index: 1020;
	}
	
/* menu list-items */
ul.menu_vertical ul li {
	width: 160px; /* duplicate menu width */
	}


/* further child-menu offset */
ul.menu_vertical ul ul {
	margin: 5px 0 0 160px; /* this already includes 1 compensation for list-item border collapse */
	/* overlapping the menus improves usability */
	}


/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   that would make it difficult or impossible to close the menus 
   we're hiding it using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { 
	ul.menu_vertical li:hover > ul { top:0; }
	}


/* links */
ul.menu_vertical a, ul.menu_vertical a:visited {
	background-color: #C2C260;
	border: solid 1px #B1B155;
	color: #F8F8F8;
	cursor: hand;
	cursor: pointer;
	display: block;
	font: normal 10px Verdana, Arial, Helvetica;
	padding: 5px;
	text-decoration: none;
	}

	
ul.menu_vertical ul a, ul.menu_vertical ul a:visited {
	background-color: #E7E7E7;
	border: solid 1px #C5C5C5;
	color: #00646E;
	cursor: hand;
	cursor: pointer;
	display: block;
	font: normal 10px Verdana, Arial, Helvetica;
	padding: 5px;
	text-decoration: none;
	}

	
/* rollover pseudo-classes, and scriptable persistence class */
ul.menu_vertical a:hover, ul.menu_vertical a:focus, ul.menu_vertical a.rollover, ul.menu_vertical a.rollover:visited {
	background-color: #C2C260;
	color: #939349;
	}


ul.menu_vertical ul a:hover, ul.menu_vertical ul a:focus, ul.menu_vertical ul a.rollover, ul.menu_vertical ul a.rollover:visited {
	background-color: #E7E7E7;
	color: #7B7B7B;
	text-decoration: underline;
	}



/* hacks for win/ie to cure 'excess hidden margins' bug */
@media screen, projection {
	* html ul.menu_vertical li {
		background: #FFF; /* this cures 'events fall through the menu' bug in ie6 */
		display: inline; /* for ie5.0 */
		f\loat: left; /* for ie5.5+ */
		}
	}

	
/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.menu_vertical li { position: static; }
* html ul.menu_vertical a { position: relative; }


/* hide menus from konqueror < 3.2 */
ul[class^="menu_vertical"] ul { display: none; }
ul[class^="menu_vertical"] ul { displa\y: block; }