Cacher is the code snippet organizer for pro developers

.mainmenu {
    margin-top: -50px;
    margin-left: 300px;
    margin-right: -300px;
    text-transform: uppercase;
    font-family: 'Droid Serif', serif;
    
}

.mainmenu ul {
    list-style-type: none;
    background-color: #82031a;
}

.mainmenu li {
    
    float: left;
    position: relative;
}

.mainmenu li a {
    color: #ffffff;
    display: block;
    padding: 14px 16px;
    text-decoration: none;
}

.mainmenu ul ul {
    position: absolute;
}

.mainmenu ul ul li {
    float: none;
}

.sub-menu {
    display: none; /*hides submenu item*/
}

li:hover .sub-menu { /*shows sub item on hover of parent li*/
    display: block;
}