#menu {
width: 50%;
float: right;
margin-top: 100px;
position: relative;
z-index: 1;
}

#menu ul {
list-style: none;
float: left;
}

#menu a, #menu {
font-family: Georgia, Georgia, serif;
letter-spacing: 1px;
font-weight: 50px;
color: #99cccc;
font-size: 16px;
display: block;
padding-right: 20px;
padding-bottom: 3px;
z-index: 1;
}



#menu ul li ul li a{

	font-size: 12px;
	color: white;
	padding: 5px;
	text-align: left;
	width: 150px;
	background: black;
	opacity: .5;
}


#menu ul li ul li a:hover{
	background: white;
	color: black;
	opacity: .7;
	
}

#menu a {
color: #c9adad;
text-decoration: none;
}

#menu a:hover {
color: #FFFFFF;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;

}



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

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