div.menu
{
margin:3px;
}

ul
{
margin:0;
padding:0;
width:100%;
text-align:center;
}

li
{
margin:0px;
list-style:none;
text-align:center;
display: inline-block;
border-style:solid;
border-width:1px 0px;
border-color:transparent;
}

li.selected, li.selected:hover
{
cursor: default;
padding: 8px 10px;
}

li.unselected
{
cursor: pointer;
padding: 8px 10px;
}

li.subSelected, li.subSelected:hover
{
margin:2px;
cursor: default;
padding: 6px 8px;
background: #303030;
}

li.subUnselected
{
margin:2px;
cursor: pointer;
padding: 6px 8px;
}