body {
        
    font-size: 12px;
    line-height: 2em;
    color: #221c1b;
   
    font-weight: normal;
}

.navbar {
background-color: #FFFFFF; 
}
.btn{
   color:#FFFFFF;
    background-color:#21201e;
}

.navbar-nav > li > a:hover{

text-decoration:none;
background-color:#FFFFFF;
color:#E6E6E6;
}
.btn:hover, .btn:focus, .btn:active, .btn.active 
{
    background: #786659;
}
.bg-light {
    background: #21201e;
    color: #786659;
}
.btn-primary
{
    background:#21201e;
    color:#FFFFFF;
    
    background-color:#21201e;
}

.nav-primary.bg-light > ul > .dropdown-submenu:hover > a, .nav-primary.bg-light > ul > .dropdown-submenu:focus > a, .nav-primary.bg-light > ul > li > a:hover, .nav-primary.bg-light > ul > li > a:focus, .nav-primary.bg-light > ul > li > a:active, .nav-primary.bg-light > ul > li.active > a {
color:#ffffff;
}
.landing .navbar-nav > .active > a, .landing .navbar-nav > .active > a:hover, .landing .navbar-nav > .active > a:focus 
{
    color:#c7c2c2;
}
 .menuItem
 {
    color: #221c1b; 
     
font-size: 17px;
 text-transform: uppercase;
}
.menuItem:hover
 {
     color:#E6E6E6;
}
    .navbar-brand {
float: none;
display: block;
margin: 0;
padding-left: 48px;
margin-top:5px;
}
#nav {
position: relative;
width: 150px;
position: absolute;
z-index: 1000;
left: 0;
top: 69px;
bottom: 0;
border-right: 1px solid #162636;
}
.nav-primary.bg-light > ul > li > a 
{
            color:#FFFFFF;
}
.nav-primary.bg-light > ul > li > a:hover
{
            color:#c7c2c2;
            text-decoration:underline;
}
.nav-primary.bg-light > ul > li > a:active
{
            color:#c7c2c2;
            text-decoration:underline;
}
.text-default {
color: #FFFFFF;
}