ul, li {
    list-style-type: none;
    text-transform: capitalize;
}

.clear {
    clear: both;
    *display: inline; 
}

#nav {
    margin: 0 auto;
    display: block;
}



    #nav .mainlevel {
        
        font-weight: bolder;
        float: left;
        border-right: 1px solid #fff;
        width: 80px; 
    }

        #nav .mainlevel a {
            color: midnightblue;
            text-decoration: none;
            line-height: 32px;
            display: block;
            padding: 0 0px;
            width: 80px;
        }

            #nav .mainlevel a:hover {
                color: dodgerblue;
                text-decoration: none;
                
            }

        #nav .mainlevel ul {
            display: none;
            position: absolute;
            margin-left: -40px;
        }

    #nav li:hover ul {
        display: block;
        margin-left: -40px;
        position: absolute;
    }



    #nav .mainlevel li {
        border-top: 1px solid #fff;
        background-color: lightcyan;
        width: 80px; 
    }