#main-menu {
    padding: 5px;
    font-size: 120%;
    font-variant: small-caps;
}

#main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#main-menu li {
    width: 12em;
    margin: 0;
    padding: 2px;
    position: relative; 
    color: #0040c0;
}

#main-menu li:hover {
    /*background-color: #0fdfc0; */
    /* border-color: #000096;
    border-style: solid;
    border-width: 1px 8px 1px 1px; */
}

#main-menu ul ul {
    position: absolute;
    top: -2px;
    left: 12em;
    visibility: hidden;
    /* margin: 0;
    border-color: #000096;
    border-style: solid;
    border-width: 1px 1px 1px 1px; */
}

#main-menu li li {
    /* width: 6em; */
    margin: 0;
    /* margin-left: 12px; */
}

#main-menu li:hover > ul {
    visibility: visible;
    width: 12em;	/* default width of all 2nd & 3rd level menu items */
    background-color: #0fdfc0;
    color: black;
}

#main-menu ul ul ul {
    position: absolute;
    /* left: 6em; */
    top: -1px;		/* to allow for the border described above */
    visibility: hidden;
}

#main-menu li li li {
    /* width: 14em; */
    margin: 0;
}

#main-menu li:hover > ul > ul {
    visibility: visible;
    /* width: 14em; */
    /* background-color: #ffffc0;
    color: black; */
}

#main-menu li.selected {
    color: black;
}

#main-menu li.selected:hover {
    background-color: inherit;
    border-style: none;
}

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

#main-menu li:hover {
    background-color: #e0d0a0;
    /* border-color: #000096;
    border-style: solid;
    border-width: 1px 1px 1px 1px; */
}

#main-menu ul ul {
    position: absolute;
    left: 12em;
    top: -1px;
    visibility: hidden;
    margin: 0;
    border-color: #000096;
    border-width: 2px;
    border-style: outset;
    border-color: gold;
    padding: 0px;
}

/*
#main-menu li li {
    margin: 0;
    padding: 0 0 2px 0;
}
*/

#main-menu li:hover > ul {
    visibility: visible;
    /* width: 17em;		 width of all 2nd & 3rd level menu items */
    background-color: #ffffc0;
    color: black;
}

#main-menu ul ul ul {
    position: absolute;
    left: 12em;
    top: -1px;		/* to allow for the border described above */
    visibility: hidden;
    padding: 0px;
    margin: 0px;
}

#main-menu li li li {
    width: 12em;
    margin: 0;
    padding: 0;
}

#main-menu li:hover > ul > ul {
    visibility: visible;
    width: 12em;
    background-color: #ff0000;
    /* color: black; */
}

#main-menu li.selected:hover {
    background-color: inherit;
}

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

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