/******************************************************************************/
/* vertical navigation stuff. */
/******************************************************************************/

ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
			
	}

ul li {
	position: absolute;
	border-top: 1px solid yellow;
	position: relative;
	z-index:-5px;
	}

li ul {
	position: absolute;
	left: 89px;
	top: 0;
	display: none;
	z-index:auto;	

	}

ul li a {	
	z-index:auto;
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

li:hover ul, li.over ul { 
	display: block;
	}

#nav {
	color:#FED112;	
	}

ul li ul li {
	border-top: 3px solid red;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


a.mainmenu, a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active {
	background-image: url(../gfx/gfx_menuicon.gif);
	background-repeat: no-repeat;	
	background-position: 0px 5px;	
	font-family:arial;
	text-decoration: none;	
	line-height:20px;
	font-size:12px;	
	color: #E2CE0C;
	font-weight: normal;
	padding-left:10px;	
	}
	
a.mainmenu:hover {
	background-image: url(../gfx/gfx_menuicon.gif);
	background-position: 0px 5px;	
	background-repeat: no-repeat;	
	font-family:arial;	
	text-decoration: none;
	line-height:20px;
	font-size:12px;		
	color: #FFF;
	font-weight: normal;		
	padding-left:10px;	
	}