.sf-menu a {
    color: #FFFFFF;
    margin-bottom: -4px;
}

.sf-menu li ul li a:hover{
    background-color: #FFEE00;
    color: #000000;
}


.sf-menu li{
    background-color: #FFEE00;
    background-color: transparent;
    color: #000000;
    color: blue;
}



.sf-menu ul {
    background-color: #9C9C9C;
}



.navbar .nav > li > a {
    padding-top: 56px;
}

.navbar .nav > li > a:hover, #navigation li.level-1.active > a.active {
    /*color: #FFEE00;*/
}







#subnavigation li a, #subnavigation li > ul li a {
    color: #aaaaaa;
}


/* OPTION 1*/
.nav-simple.navbar .nav > li > a {
    border-right: 1px solid #eee;
}
.nav-simple .sf-menu ul {
    left: 0;
}
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus,
.sf-menu li.level-1:hover, .sf-menu li.level-1.sfHover{
    /*background-color: #FFEE00;*/
    background-color:rgba(247, 247, 247, 0.5);
    transition: none;
}
/* smaller screen where the navbar is collapsed */
@media (max-width: 1169px) {
    .nav-simple.navbar .nav > li > a {
        border-right: none;
        padding-top: 0px;
    }
    .nav-simple .nav > li.level-1 > ul {
        display: block;
    }
    .nav-simple .sf-menu a {
        color: #999;
    }
    .sf-menu ul {
        padding-top:0;
        padding-bottom:0;
    }
}
/* collapse menus that aren't active */
li.inactive > ul {
    display: none;
}