/* CSS Document */
/* check out the crosshover.htc file to get the source for the following navigation code.
   I modified it but the ideas come from Peter Nederlof.
   
   Rudy J. Nickmann 28 
   January 2009
*/   

#menu 
{
	width 	   : 140px;
	margin:auto;	/* center menu */
	
	
	overflow:visible;
	position:relative;z-index:99;
	
	
}

#menu ul 
{

overflow:visible;

	list-style : none;
	margin     : 0;
	padding    : 0;	
	
}

#menu a, #menu h2 
{
overflow:visible;


	font-family  : Verdana, Arial, Helvetica, sans-serif;
	font-weight  : 500;
	font-size    : 12px;	
	display		 : block;
	border-width : 1px;
	border-style : solid;
	border-color : #ccc #888 #555 #bbb;
	margin		 : 0;
    padding		 : 4px 6px;  
	
}

#menu a 
{
overflow:visible;

	color	        : #000000; /* font color dark gray */
	background:#CBECFE;
	text-decoration : none;
}

#menu a:hover 
{
	color      : #fff; /* light grey */
	background : #69c; /* medium blue */
}

#menu ul ul ul
{
overflow:visible;

	position : absolute;
	top      : 0;
	left     : 0;
}

#menu li 
{

overflow:visible;

	position : relative;
	width	 : 100%;	
}

#menu ul ul ul
{
overflow:visible;

	position : absolute; 
	top      : 0;
	left     : 100%;
	width    : 100%;
}

div#menu ul ul ul 
{
overflow:visible;

	display: none;
}

div#menu ul ul li:hover ul 
{display: block;}


div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu ul li a
{
	height: 1%;
}