<!--
======================================================================================
  the menu items are listed right to left; the first menu item listed below is the right most displayed item
======================================================================================
-->

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
}

#menu dl {
float: right;
width: 80px;
margin: 0 5px;
list-style-type: none;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
list-style-type: none;
}
#menu dd {
border: 3px outset gray;
width:75px;
background: #D8ECFD;
list-style-type: none;
}
#menu li {
text-align: left;
background: #D8ECFD;
width: 75px;
list-style-type: none;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
font-size:10px;
}
#menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: yellow;
}