/************* HAMBURGER menu lines and outline ************/
/* HAMBURGER menu resting state background color of rounded square */
.navbar .navbar-toggle {
   background-color: #39201c;
}
/* HAMBURGER menu resting-state color of the three lines */
.navbar .navbar-toggle .icon-bar {
	background-color: white;
}
/* HAMBURGER menu rollover color of three lines */
.navbar .navbar-toggle:hover .icon-bar {
	background-color: silver;
	
}
/************* END HAMBURGER menu lines and outline ************/


/************* NAVBAR MENU STYLES TOP LEVEL ***************/
/* padding is height of menu bar and the space between links text */
.nav > li > a { 
	padding: 12px  !important;
	font-size:.9em
}

/* text color set here */
.navbar .navbar-nav > li > a { 
	color: white;
}

/* background color of hovers in main nav bar*/
.navbar .navbar-nav>.active>a:hover, 
.navbar .navbar-nav>li>a:hover, 
.navbar .navbar-nav>li>a:focus { 
	color: white;
	background-color: #459A61 !important
} 
/************* END MENU STYLES TOP LEVEL ***************/


/************* NAVBAR MENU STYLES DROP MENU ***************/
/* DROP DOWNS styles here */
.nav > li.dropdown.open .dropdown-menu {
  width: 100%;
}

.dropdown-menu {min-width:225px;margin-left:0px}

/* USE this if you want to define a default color, not sure if it always works */
.dropdown-menu a {
    color: yellow !important;
}

/* defines text color and background color for link, active and visited text */
.dropdown-menu > li > a:link,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:visited
 {
    color: white !important;
    text-decoration: none;
    background-color: #0052A5 !important; 
}

/* defines text color and background color for hover and focus text */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: white !important;
    text-decoration: none;
    background-color: #459A61 !important;    /*change color of bg in drop down here*/
}

/* CARET FOR MENUS WITH A DROP DOWN */
.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 1;
    vertical-align: middle;
    width: 0;
}
/* defines text color and background color for link, active and visited text */

/* this is a nice fade effect for menu items */
a.menufade {
    opacity: 1;   /* redundant, but helps illustrate what is happening */
    -webkit-transition: 350ms; /* or however long you want */
    -moz-transition-duration: 350ms; /* or however long you want */
    -o-transition-duration: 350ms;
    transition-duration: 350ms;
}
a.menufade:hover {
    opacity:1;
}