#nav,
#nav ul {
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    box-shadow: rgb(0, 0, 0) 1px 1px 8px;
}

#nav a {
    display: block;
    padding: 0px 5px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: medium;
    font-weight: bold;
}

#nav a label {
    display: block;
    padding: 0px 5px;
    color: rgb(255, 255, 0);
    text-decoration: none;
    font-size: medium;
    font-weight: bold;
}

#nav a:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(255, 0, 0);
}

#nav a label:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(255, 220, 0);
}

#nav li {
    float: left;
    position: relative;
    font-weight: bold;
}

#nav ul {
    position: absolute;
    display: none;
    top: 1.585em;
    z-index: 5;
    background-color: rgb(255, 0, 0);
}

#nav li ul a {
    width: 20em;
    height: auto;
    float: left;
}

#nav ul ul {
    top: auto;
}

#nav li ul ul {
    left: 12em;
    margin: 0px 0 0 10px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {
    display: none;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
    display: block;
}