#menu
 {
     text-align: center;
     padding:8px;
     margin-top:8px;
     background: url(../Images/menubar.gif) repeat-x;
 }
 
 #menu a:link, #menu a:visited 
 {
     margin: 0 10px;
     padding: 2px 6px;
     font-family: Arial, Calibri, Verdana;
     font-size:90%;
     color: #fff;
     text-decoration: none;
 }
 
#menu a:hover
{
     background: #f90;
     color: #306;
}
 
 .menuDetail
 {
     width: 280px;
     height: 100px;
     border: 1px solid #666;
     background: #f2f2f2;
     display:none;
 }
 
 .menuDetail img
 {
     float: left;
     padding-right: 10px;
 }
 
 .menuDetail h1
 {
     font-size: 100%;
     padding: 0;
     margin: 0;
     margin-top:2px;
     text-align: left;
 }
 
 .menuDetail ul
 {
     padding: 0 10px;
     margin: 0 10px;
     list-style-type:circle;
     text-align: left;
 }
 
 .menuDetail p
 {
     text-align: left;
     font-size: 80%;
     margin: 4px 0;
 }
 
  .menuDetail .button
 {
     padding: 1px 4px;
     border: 1px solid #666;
     background: #309;
     float:right;
     width: 60px;
     font-size: 75%;
 }