div#menu {
	position: relative;
	top:1px;
	color: red;
	font-family:'Roboto';
	line-height: 100%;	
}



ul.menu {

	clear: both;
	

	float: none;

	cursor: pointer;

	z-index: 1;

	position: relative;

}



div#menu ul {
	margin: 1px;

	padding: 3px;
	
	list-style: none;

	float: left;

	z-index: 2;

	position: relative;

}

div#menu li {

	position: relative;

	margin: 0px;
	padding: 0.5px;

	display: block;

	overflow: visible;

	float: left;  

	height: 30px;

	z-index: 3;

}

/* menu::level1 */

div#menu li a {
	background-color: yellow;
	font-size: 10px;

	height: 30px;

	display: block;

	float: left;

	line-height: 30px;

	text-decoration: none;

	color: black;

	overflow: hidden;

	z-index: 4;

    position: relative;

}



div#menu li span {  

	color: black;
	font-weight:bolder; 

	display: block;

	padding: 0 15px;

    background-repeat: no-repeat;

	background-position: 95% 0px;

	z-index: 6;

	position: relative;


}



div#menu li span.bg { 

  display: block;

  background-color:aquamarine;

  padding: 0;

	height: 30px;

	z-index: 5;

	position: relative;

  float: left;

}





div#menu li.current {  

	color: darkgreen;

	font-weight: bold;

}



div#menu li.current ul {  

	color: darkgreen;

	font-weight: bold;

}



/* menu::level2 */

div#menu ul.menu ul {

	padding: 0px 0px 10px;
	left: -999em; 

	width: 200px;

	position: absolute;

	top: 30px;

}

div#menu li:hover ul, div#menu li.sfhover ul { 

	left: 0px; 
	z-index: 100;
	visibility: visible; 
}



div#menu li li { 

	width: 100%; 

	text-indent: 0px;

	float: none; 

	height: auto;

}

div#menu li li a, div#menu li li span.separator { 

	margin: 0px 0px;
	padding: 0px; 

	border-bottom:1px solid #808080;
	height: auto; 
	float: none; 
	display: block; 
	line-height: 25px; 
	width: 170px;
}



div#menu li li a.parent { 

	background: url('../images/menu_level2_item_parent_arrow.png') no-repeat scroll 100% bottom;

}



/* menu::level3 */

div#menu li ul ul { 

	margin: -31px 0 0 170px;

}



div#menu li:hover ul ul, div#menu li.sfhover ul ul { 

	border-top: 1px solid #ccc; 
	color: whitesmoke;

}



div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { 

	left: -999em; 
	color: whitesmoke;
}

div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }

div#menu a:hover {
	color: #0ad4d2;
}

div#menu span:hover {
	color: darkred;
}

div#menu li ul span:hover {
	background-color:darkcyan;
	color: yellow;
	font-weight: bolder;
}