/* section nav */

/* page section navigation container */

#equipnavpanel, #sectionnavpanel {clear:right;}

#equipnavpanel h2, #sectionnavpanel h2 {
	display: none;
}

.equipnav, .sectionnav {
	margin: 0.5em; 
	padding: 5px;
	text-align: center;
}


.equipnav a:hover,
.sectionnav a:hover {
	background-color: transparent; 
}

div.equipnav,
div.sectionnav {
	padding: 0px;
	margin-top: 2em;
	margin-bottom: 2em;
	border-radius: 0.75em 0.75em 0 0 !important;
	background-color:#006;
}

div.sectionnav {background-color: #333;}

.equipnav h3,
.sectionnav h3 { 
	background-color: #006; 
	background-position: left top; 
	background-repeat: no-repeat; 
        color: White; 
	  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
        font-size: 1em; 
	font-variant: small-caps; font-weight: bold; margin-bottom: 0; padding: 4px; text-align: left; 
	margin-top: 0;
	background-color: transparent;
	border-radius: 0.75em 0.75em 0 0 !important;
}

.sectionnav h3 {background-color: transparent; color: #f1f1f1;}


.equipnav h4,
.sectionnav h4 {
	color: #333; 
	font-size: 86%;
	font-weight: normal;
	margin: 0;
	text-align: left;
}
.sectionnav h4 {color: #f1f1f1;}

.equipnav ul,
.sectionnav ul {
	display: inline; 
	list-style: none;
	margin:0;
	padding: 0 0 1em 0;
	width: 100%;
}

.equipnav ul li,
.sectionnav ul li { 
	display: inline; 
	font-weight: normal; 
	list-style: none !important; 
	margin:0;
	padding:0;
	padding-left: 0.25em;
	padding-right: 0.5em;
	border-right: 1px dotted #006;
/*	line-height: 1.7em; */
}
.sectionnav ul li {border-right-color: #666666;}

/* moved to ie file */

.equipnav ul li.first,
.sectionnav ul li.first,
.equipnav ul li:first-child,
.sectionnav ul li:first-child {
	display: inline;
	margin-left: 0;
}

.equipnav ul li.last,
.sectionnav ul li.last,
.equipnav ul li:last-child,
.sectionnav ul li:last-child {
	display: inline;
	border-right: 0px;
  } 

.equipnav ul li a,
.sectionnav ul li a {
	font-size: 1em;
}

.equipnav div.equipnav-a, 
.sectionnav div.sectionnav-a {
	padding: 4px;
	padding:0.5em;
	background-color: #E8F3FF;
 }

.sectionnav div.sectionnav-a {background-color: #222;}


.equipnav div.equipnav-b,
.sectionnav div.sectionnav-b {
	background-color: #ECECEC; 
	padding: 4px;
}

.sectionnav div.sectionnav-b {background-color: #333;}

.equipnav div.equipnav-c,
.sectionnav div.sectionnav-c {
	background-color: #E8F3FF;
	padding: 4px;
}

.equipnav div.equipnav-d,
.sectionnav div.sectionnav-d {
	background: #ECECEC no-repeat bottom right;
	padding:4px;
}

@media (min-width: 62em) {
 
 .equipnav ul li a,
.sectionnav ul li a {
	white-space: nowrap;
} 
  
}  


@media (prefers-color-scheme: dark) { 

div.sectionnav h3,
div.equipnav h3 {background-color: #003; color: #ececec; }

div.sectionnav h4,
div.equipnav h4 {color: #ececec; }

div.sectionnav,
div.equipnav {background-color: #333; border-color: #999 !important;}
div.sectionnav li,
div.equipnav li {color: #aaa;}

.sectionnnav div.equipnav-a,
.equipnav div.equipnav-a {
background-color: #E8F3FF;
       background-color: #222 !important;
}

.sectionnnav div.equipnav-b,
.equipnav div.equipnav-b {
	background-color: #333 !important; 
}

.sectionnnav div.equipnav-c,
.equipnav div.equipnav-c {
	background-color: #E8F3FF;
       background-color: #222 !important;
}

.sectionnnav div.equipnav-d,
.equipnav div.equipnav-d {

       background-color:  #333 !important;
}


.sectionnnav a:link,
.equipnav a:link {color: #efefef !important;}
.sectionnnav a:visited,
.equipnav a:visited {color: #ececec;}
.sectionnnav a:hover,
.equipnav a:hover {color: #f00;}
.sectionnnav a:active,
.equipnav a:active {color: #f00;}


}


@media screen and (max-width: 43em) {

.sectionnav ul li,
.equipnav ul li,
.sectionnav ul li a,
.equipnav ul li a {padding: 0.25em !important;}

}