#menu-area {
    padding: 0px;
    font-size: 110%;
}

/* This makes the whole block selectable in a menu item */
#menu-area a {
    display: block;
}

#menu-area ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 3px 0;
}

#menu-area li {
    /* this is to make the submenus position relative to this li */
    position: relative; 
}

/*
#menu-area li:hover {
    background-color: #ffffc0;
}   
*/

#menu-area ul ul {
    position: absolute;
    left: -7px;	/* account for border */
    top: 1.6ex;
    visibility: hidden;
    width: 14em;
    border-width: 2px;
    border-style: outset;
    border-color: gold;
    padding-left: 5px;
    padding-bottom: 5px;
    font-style: normal;
    font-size: 120%;
}

/* third level menus not yet used */
#menu-area ul ul ul {
    position: absolute;
    left: 10em;
    top: 0;
    visibility: hidden;
}

#menu-area li:hover > ul {
    visibility: visible;
    background-color: #d0d0ff;
    color: black;
}

#menu-area ul a:link, #menu-area ul a:visited {
    text-decoration: none;
    color: black;
}

#menu-area ul ul a:link, #menu-area ul ul a:visited {
    text-decoration: none;
    color: #0040c0;
}

#menu-area ul a:hover {
    color: #008000;
}

#menu-area ul ul a:hover {
    font-weight: bold;
    color: #008000;
}