#nav {
list-style:none inside;
/*margin:0;*/
padding:0;
text-align:center;
margin-top: -10px;

}
#nav li {
display:block;
position:relative;

/*float:left;*/
/*background: #24af15; /* menu background color */
}
#nav li a {
display:block;
/*padding:0;*/
text-decoration:none;
width:200px; /* this is the width of the menu items */
line-height:35px; /* this is the hieght of the menu items */
/*color:red;  list item font color */
}
#nav li li a {font-size:80%;color:#fff;background:#51bd45;} /* smaller font size for sub menu items */
#nav li:hover {color:#fff;} /* highlights current hovered list item and the parent list items when hovering over sub menues */
#nav ul {
/*position:absolute;*/
padding:0;
/*left:0;*/
display:none; /* hides sublists */
}
#nav li:hover ul ul {display:none;} /* hides sub-sublists */
#nav li:hover ul {display:block;} /* shows sublist on hover */
#nav li li:hover ul {
display:block; /* shows sub-sublist on hover */
margin-left:200px; /* this should be the same width as the parent list item */
/*margin-top:-35px;  aligns top of sub menu with top of list item */
}