/******************* Horizontal Menu ***********************/

/* As written, the width of the menu and also the width of each "menu tab" is not set.
 * Set the width of the menu by placing the menu in a box of a specific width. 
 * Set width of each "menu tab"by placing in the HTML file a statement such as:
 *   <style type="text/css">   <!--  li {width: 90px} -->   </style>
 *
 * Guideless for the values "menu tab width", "menu width"
 * 3 item menu: 170px, 530px
 * 4 item menu: 137px, 565px
 * 5 item menu: 137px, 710px
 * 6 item menu: 122px, 760px
 * 7 item menu: 105px, 760px
 * 8 item menu:  90px, 760px
 */ 
#menu_hor {  
    list-style-type: none;
    padding: 0px;
    margin: 0;
    height: 3em;
    font-size: 12px;
    border: 0px solid #333;
}
#menu_hor li {
    float: left;
    background: blue;
    margin: 1px;
    padding: 0px;
    color: #000;
    border: 1px solid #666;
}
#menu_hor a {
    text-decoration: none;
    color:#000;
}
#menu_hor li a {
    display: block;
    padding: 3px 0 3px 3px;
    text-decoration: none;
}



#menu_hor li a:link {
    padding: 5px 0 5px 0px;
    color: white;
    text-decoration: underline;
    background:  url(pix/FancyBlue.png) no-repeat;
    border: 1px solid black;
}
#menu_hor li a:visited {
    padding: 5px 0 5px 0px;
    color: white;
    background:  url(pix/FancyBlue.png) repeat;
    text-decoration: underline;
    border: 1px solid black;
}
#menu_hor li a:hover {
    padding: 5px 0 5px 0px;
    color: white;
    background:  blue;
    text-decoration: none;
    border: 1px solid black;
}





#menu_modify li {
  background-color: #99FFCC;
}