.mainmenu {
    width: 100%;
}

.mainmenu > a {
    display: block;
    background: #79A383;
    color: white;
    width: 100%;
    padding: 3px 3px 3px 20px;
    margin-bottom: 10px;
}

.mainmenu > a.admin {
    background: #A05060;
}

.mainmenu > a:hover {
    background: #406050;
}

.mainmenu > a.admin:hover {
    background: #604050;
}

.mainmenu > a.selected {
    background: #406050;
}

.mainmenu .submenu > a {
    display: block;
    background: #79A383;
    color: white;
    font-size: 0.8em;
    padding: 3px 3px 3px 20px;
    margin-bottom: 5px;
    margin-left: 10px;
    
    
}

.mainmenu .submenu > a.admin {
    background: #A05060;
}


.mainmenu .submenu > a:hover {
    background: #406050;
}

.mainmenu .submenu > a.admin:hover {
    background: #604050;
}


.mainmenu .submenu > a.selected {
    background: #406050;
}

.mainmenu .submenu > a.admin.selected {
    background: #604050;
}



.mainmenu .submenu {
    margin-bottom: 20px;
}