@charset "UTF-8";
/* CSS Document */


#menu {
	float: right;
	margin: 0;  
	padding-right: 20px;  
}

#menu ul{
	float: left;
	margin: 0;  
	padding: 0;  
}

/* add more for each extra submenu level*/
#menu ul li
{ 
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	position: relative;  
}
/* add more for each extra submenu level*/
#menu ul li ul
{ 
	display: none;
	z-index: 1000px;
}



/* First submenu level*/
#menu  > ul > li:hover > ul{
	display: block; /*unhide it*/
	
	float:right;	
	position: absolute; /* It needs to be absolute
	for the effect to work.*/
	
	bottom: 3em; /* This places the the bottom of the 
	ul 1.1em from the bottom of the enclosing li. This 
	is the important part of the effect.*/
	
}
/* For the remaining submenu levels*/
/* add more for each extra submenu level*/