#menu
{   z-index:100;
    top: 205px;
    left: 5px;
    width: 988px;
    height: 50px;
    margin: 0;
    padding: 0;
    position: absolute;
    background: url(../images/menu/menu.jpg) repeat-x}
    
  #menu li
{   margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    text-align: center;
    height: 50px}
    
  #menu a
{   height: 30px;
    display: block;
    color: #335566;
    padding-top: 12px;
    font-size: large;
    text-decoration: none}
    
  #menu-left-edge
{   left: 0px;
    width: 40px;
    background-image: url(../images/menu/edges-left-menu.JPG);
    background-repeat: no-repeat;}
  
  #panel1b {left: 40px; width: 181px;}
  #panel2b {left: 221px; width: 181px;}
  #panel3b {left: 402px; width: 181px;}
  #panel4b {left: 583px; width: 181px;}
  #panel5b {left: 764px; width: 181px;}
  
  #menu-right-edge
{   left: 953px;
    width:40px;
    background-image: url(../images/menu/edges-right-menu.JPG);
    background-repeat: no-repeat;}

  #panel1b a:hover {background: transparent url(../images/menu/menu.jpg) -35px -50px}
  #panel2b a:hover {background: transparent url(../images/menu/menu.jpg) -188px -50px}
  #panel3b a:hover {background: transparent url(../images/menu/menu.jpg) -341px -50px}
  #panel4b a:hover {background: transparent url(../images/menu/menu.jpg) -494px -50px}
  #panel5b a:hover {background: transparent url(../images/menu/menu.jpg) -647px -50px}