/* COLOR THEME BLUE - Responsive version */
/* Last updated 3/27/2015 by SKB */
/* customizations to bootstrap navigation menu styles */

.title {
	border: 0;
	border-bottom: #cfa21a 3px solid; 
} 
.navbar-header {
	background: #335379;
	width: 100%;
	border-bottom: 1px dotted #99a9bf;
}
.navbar-brand {
	float: left;
	padding: 10px 15px;
	font-size: 1em;
	line-height: 1.4em;
}
.navbar-default .navbar-brand {
	color: #e5e9ef;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #fff;
	text-decoration: underline;
}
.navbar-header:hover, .navbar-header:focus {
	background-color: #1a3e68;
}
.navbar-default .navbar-toggle {
	border-color: #e5e9ef;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #e5e9ef;
}
.navbar-toggle {
	padding: 5px 4px;
	border-radius: 3px 3px 3px 3px;
}	
.navbar-default {
	background-color: #e5e9ef;
	border-color: #b2bdcf;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #667d9d;
}
.navbar {		
	border-radius: 0;
	min-height: 45px;
	margin-bottom: 0px;
}
.nav .glyphicon-minus:before {
    font-size: 0.7em;
}
.navbar-nav {			
	margin-top:0;
	margin-bottom:0;
}
.navbar-default .navbar-nav > li > a {
	padding-right:8px; 
	color:#002855;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	background-color: #335379;
}
.navbar-default .navbar-nav > li > a:focus {
	color: #335379;
	background-color: transparent;
	outline: 1px dotted #b2bdcf;
}
.dropdown-toggle:focus {
	outline: 1px dotted #b2bdcf;
}
.navbar-collapse {
	padding-right: 0px;
	padding-left:0px; 
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: 0;	
}

/* left menu only styles */
.navleft .navbar-nav {  
	width:100%;
}
.navleft .navbar-nav > li {  
	float: none;
}
.navleft .nav > li > a {   
	padding-top: 4px;
	padding-bottom: 4px;
}
.navleft .navbar-default .navbar-nav > li > a {
	width:100%;
}
.navleft .dropdown-menu {
	top: 0;
}

/* dropdown styles */
.dropdown-menu {
	z-index: 10000;
	left: 0;
	padding: 6px 0px 10px 0px;
	border: none;
	border-radius: 0;
	min-width: 230px;
	background: #e5e9ef;
	-webkit-box-shadow: 0px 2px 5px 5px rgba(51, 51, 51, .3); 
	box-shadow: 0px 2px 5px 5px rgba(51, 51, 51, .3);
}
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
	color: #fff;
	background-color: #335379; 
	outline: none 0px;
}
.dropdown-menu > li > a {
	color: #002855;
	line-height: 1.3em;
}
.dropdown-menu > li > a .glyphicon-minus {
	color: #667d9d;
	margin-left: 1em;
}
.dropdown-menu > li > a:hover .glyphicon-minus, .dropdown-menu > li > a:focus .glyphicon-minus {
	color: #fff;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #335379;
	z-index: 1000;
	outline: none 0px;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, 
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: #99a9bf;
	border-bottom-color: #99a9bf;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #7f93ae;
	border-bottom-color: #7f93ae;
	display:inline-block;
}

/* Styles for third tier */
.dropdown-header {
	padding: 0px;
	text-transform: uppercase;
	font-size: inherit;
	line-height: inherit;
}
li.dropdown-header a {
	font-weight: bold;
	margin: -6px -20px -3px -20px;
	padding-bottom: 3px;
	padding-top: 6px;
}
li.dropdown-header {
	color: #335379;
	font-weight: bold;
	padding: 6px 20px 3px 20px;
}
.dropdown-menu .divider {
	margin: 0px 20px;
	padding: 0px;
	height: 0;
	background-color: none;
	border-bottom: dotted 1px #b2bdcf;
}

/* Responsive Styles */

@media (min-width:768px) {
	
/* left menu only styles */
.navbar-wrapper .navleft {
	margin-bottom: 20px;
}
.navleft .dropdown-menu {
	margin-left: 98%; 	
}

/* top menu only styles */	
.navtop .navbar-brand {
	display:none;
	}	
.navtop .navbar-header {
	border-bottom: 0;
}	
.navtop .nav > li > a {  
	padding:10px;
} 
.navtop .navbar-default {
	font-size:.95em;
	background-color: #002855;
	background-repeat: repeat-x;
	background-image: url(img/titlenavBG.png);
	border-bottom: 0;
	border-bottom: #cfa21a 4px solid; 		
	border-left: 0;
	border-right: 0;
	border-top: 0;
}
.navtop .navbar {
	min-height:34px;
} 
.navtop .nav.navbar-nav {
	margin-left:-1px;
	margin-right:-15px;
}
.navtop .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navtop .navbar-default .navbar-nav > li > a:hover, 
.navtop .navbar-default .navbar-nav > li > a:focus {
	text-decoration: underline; 
}
.navtop .dropdown-menu.last {	/* applies to last drop-down item in top nav only */
	position:absolute;
	right:0px;
	left:auto;
}
.navtop .navbar-default .navbar-nav > .open > a, 
.navtop .navbar-default .navbar-nav > .open > a:hover, 
.navtop .navbar-default .navbar-nav > .open > a:focus {
	background-color: #e5e9ef;  
	border-top: 1px solid #cfa21a;
	padding-top:9px;
	color: #1a3e68;
	z-index: 10001;
	outline:none;
}
}

@media (min-width:768px) and (max-width:829px) {	
.navtop .navbar-default {		/* changed from .75em on 3/27/15 */
	font-size:.7em;
}
}
@media (min-width:830px) and (max-width:859px) {	/* added 3/27/15 */
.navtop .navbar-default {		
	font-size:.75em;
}
}
@media (min-width:768px) and (max-width:859px) {	
.navtop .nav > li:first-child > a {  
	padding-left: 18px;   
} 
.navtop .nav > li > a {  
	padding-right:8px;
	padding-left:8px;
}  
}
@media (min-width:860px) and (max-width:1059px) {	 /* added 3/27/15 */
.navtop .nav > li:first-child > a {  
	padding-left: 18px;   
} 
.navtop .navbar-default {
	font-size:.8em;
}
}
@media (min-width:1060px) and (max-width:1151px) {  /* new 3/27/15 */
.navtop .nav > li:first-child > a {  
	padding-left: 20px;   
} 
.navtop .navbar-default {
	font-size:.9em;
}
}
@media (min-width:1152px) and (max-width:1200px) {  /* new 3/27/15 */
.navtop .nav > li:first-child > a {  
	padding-left: 20px;   
} 
.navtop .nav > li > a {  
	padding-left: 15px;   
	padding-right:15px;
} 
.navtop .navbar-default {
	font-size:.9em;
}
}
@media (min-width:1201px) and (max-width:1299px) {	   /* new 3/27/15 */
.navtop .nav > li:first-child > a {  
	padding-left: 20px;   
}
.navtop .nav > li > a {  
	padding-left: 15px;   
	padding-right:15px;
} 
}
@media (min-width:1280px) {	  /* new 3/4/15 */
.navtop .navbar-default {
	font-size:1em;
}
}
@media (min-width:1300px) {	/* new 3/4/15 */
.navtop .nav > li > a {  
	padding-left: 20px;   
	padding-right:20px;
} 
}
@media (min-width:768px) and (max-width:999px) {
.navleft .navbar-default .navbar-nav > li > a {
	min-width: 160px; 
}
}
@media (max-width:767px) {
.title {
	display: none;
}
.col-25percent-sm.leftcol {  /* moves left nav menu above topbanner */
	position: absolute;
	top: 0;
	margin-top: 90px;
	width: 100%;
	padding: 0;
	left:0;
}
#topbanner .flexslider {  /* pushes topbanner down from under left menu */
	margin-top: 39px;
}
.navtop {					/* snugs topbanner to bottom of top menu */
	margin-bottom:-40px;
}
.col-50percent-sm, .col-75percent-sm {
	padding-bottom: 1.35em;
}
.dropdown-menu {
	margin-left: 0;
}
li.dropdown-header {
	margin-left: -6px;
}
}

@media (max-width: 600px) {			/* Added to global 1/29/15 from cancer custom to fix odd spacing with long nav titles, modified 2/25/15 for really long titles */
.navbar-default .navbar-brand {
    width: 75%;
}
}

/* Styles for Secondary Menu */
#secondary-menu {	
	margin-bottom:20px;
	margin-left:0px;
	width:auto;
	background-color: #f4eacc; 
	border-bottom: 1px solid #e9d599;
	border-right: 1px solid #e9d599;
	border-left: 1px solid #e9d599;
}
#secondary-menu a {
	color: #335379;
}
#secondary-menu .nav > li > a {
	padding-top: 8px;
	padding-bottom:8px;
}
#secondary-menu .menu-head {
    padding: 8px 12px;
	color: #333;
	border: 1px solid #e9d599;
	background: #E4CB7F; 
	font-weight:500;		
	font-size:1.1em;		
}
#secondary-menu .menu-head a {
	color: #1a3e68;
}
#secondary-menu li.menu-head a {
	padding: 0;
}
#secondary-menu .menu-head a:hover, #secondary-menu .menu-head a:focus {
	background: #dfc166; 
	border: 1px solid #e9d599;
	text-decoration:underline;
	padding: 8px 12px;
	margin: -9px -13px;
}
#secondary-menu a:hover, #secondary-menu a:focus  {
	background: #e9d599;
	border-left: 1px solid #e9d599;
	border-right: 1px solid #e9d599;
	margin-left:-1px;
	margin-right:-1px;
}

/* DELETE FOLLOWING IF WE DON'T USE DROP-DOWN IN SECONDARY MENU with caret */
#secondary-menu .dropdown-menu {
	position:static;
	float:none;
	width:auto;
	background:transparent;
	max-width:100%;
	margin-top:0;
	padding: 0;
	min-width:180px;
	border:0;
	box-shadow:none; 
	-webkit-box-shadow:  none; 
	}
#secondary-menu .dropdown-menu > li > a {
    white-space: normal;
	padding:8px 10px;
}
#secondary-menu .dropdown-menu > li > a:hover {
    background-color:none;
}
#secondary-menu .dropdown-menu > li > a:hover .glyphicon-minus, #secondary-menu .dropdown-menu > li > a:focus .glyphicon-minus {
	color: #4d688c;
}
#secondary-menu .nav .open > a, 
#secondary-menu .nav .open > a:hover,
#secondary-menu .nav .open > a:focus {
	background: #e9d599; 
	border-color:#e4cb7f;}
#secondary-menu .nav a .caret {
    border-top-color: #99a9BF;
    border-bottom-color: #99a9BF;
}
#secondary-menu .nav a:hover .caret, #secondary-menu .nav a:focus .caret{
	border-top-color: #667d9d;
    border-bottom-color: #667d9d;
}