#h-menu ul {
        margin: 0; padding: 0;
    }
    #h-menu li {
        float: left; position: relative;
        margin: 0 4em 0 0; padding: 0;
        list-style: none;
    }
    #h-menu li ul {
        position: absolute; top: 20px;
        display: none;
        background-color: #dbd0b0;
    }
    #my_menu {
        width: 250px;
    }
    #h-menu {
        text-align: left; background-color: #dbd0b0;
    }
    #my_menu li a, #h-menu li a {
        font-family: "Comic Sans MS", fantasy, sans-serif;
    }
    #my_menu li a:link, #my_menu li a:visited {
        color: #686C21; text-decoration: none; 
    }
    #h-menu li a:link, #h-menu li a:visited {
        color: #8c6239; text-decoration: none; 
    }
    #my_menu li a:hover, #h-menu li a:hover {
        text-decoration: underline;
    }
    ul#my_menu {
        padding: 0; margin: 0;
    }
    ul#my_menu ul {
        padding: 0; margin: 0 0 0 2em;
    }    
    #my_menu li, #h-menu li {
        list-style: none;
        padding: 0; margin: 0;
        font-size: 120%;
    }
    #my_menu ul li {
        list-style: disc;
        font-weight: normal; font-size: 85%;
    }
    #my_menu ul > li {
        font-weight: normal; font-size: 100%;
    }    
    #h-menu ul {
        padding: 7px;
    }            
    #h-menu ul ul {
        border: solid #8c6239 1px; border-top: none; border-right: 0;
        margin-top: 1em;
    }                
    #h-menu ul li {
        white-space: nowrap; margin-right: 1em;
    }        
    #h-menu ul li li {
        font-size: 85%;
    }
    #h-menu { 
    position: relative; z-index: 10;
    }
  ul.submenu {
   display: none;
  }
ul.active { 
    display: block;
}
#my_menu li.active a:link, #my_menu li.active a:visited {
color:#8F663D;
}
body {
 max-width:  1000px;
}