ul#nav {text-align: center; display: block;} 
li {background-color: rgb(0, 0, 72)} 
ul#nav li a {color: white} 
ul#nav li a:hover {text-decoration: underline overline} 
ul#nav li ul {} 
ul li  {} 
li > ul {} 
li:hover ul, li.hover ul {}
ul#nav {
list-style: none;
padding: 0;
margin: 0;
}
li {
float: left;
position: relative;
width: 130px;
}
ul#nav li a {
display: block;
}
li ul {
display: none;
position: absolute;
width:100px;
top: 0;
left: 0;
margin-left:0;
text-align: left
}
li>ul {
top: auto;
left: auto;
}
li:hover ul, li.hover ul {
display: block;
}
a {text-decoration: none; font-weight: bold}
ul.recipe {list-style-type: none}
li.recipe {}