/* CSS Document */  

/*  @MEDIA TO 40em  */

@media only screen and (min-width: 1em) and (max-width: 40em) {
}
	
/*----------------------- START 40em and up MEDIA QUERIY ------------------------- */

@media only screen and (min-width: 40em) {	
/*
ACCESSIBLE MENUS
*/
.sitesub { text-align: left; }
.sitesub .nav-menu { display: block; position: relative; margin: 0; padding: 0; z-index: 15; }
.sitesub .nav-menu li span { line-height: 27px; display: block; padding: 2px 7px 0 10px; margin: 7px -4px 0 -1px; font-weight: 500; font-size: 1.1em; letter-spacing: 0px; position: relative; z-index: 20; border: none; }
.sitesub .nav-menu li:hover span, .sitesub .nav-menu li:focus span { background-color: #fff; border-top: 1px solid #ccc; margin-top: 6px; color: #333 }
.sitesub .nav-item { display: inline-block; padding: 0; margin: 0; }
.sitesub .nav-item > a { position: relative; display: inline-block; padding: 0.5em 1em; margin: 0 0 -1px 0; border: 1px solid transparent; }/* first descendant link within a top level navigation item */
.sitesub .nav-item > a:focus, .sitesub .nav -item > a.open { border: 1px solid #dedede; }/* focus/open states of first descendant link within a top level navigation item */
.sitesub .nav-item > a.open { /* background-color: #fff; */ border-bottom: none; z-index: 1; }/* open state of first descendant link within a top level navigation item */
.sitesub .sub-nav { position: absolute; display: none; padding: 0.5em 1em; border: 1px solid #ccc; border-top: none; background-color: #fff; margin-left: -1px; box-shadow: 0 2px 10px #999; z-index: 0; width: 18%; max-width: 220px; min-width: 160px; /* background-color: #fff; */ }
.sitesub .sub-nav.open { display: block; }
.sitesub .sub-nav ul { display: inline-block; vertical-align: top; margin: 0 1em 0 0; padding: 0; }/* list of items within sub-navigation panel */
.sitesub .sub-nav li { margin-left: 0; list-style-type: none } 
.sitesub .sub-nav li.nested { list-style-position: inside; list-style-type: circle; margin-left: 10px; font-size: .9em; line-height: 1.3em }

.sitesub .sub-nav li li { line-height: .95em; list-style: circle inside; margin-left: 10px; }
.sitesub .sub-nav.menmed { max-width: 300px; width: 30% }
.sitesub .sub-nav.wide { max-width: 400px; width: 40% }
.sitesub .sub-nav.menmed ul, .sitesub .sub-nav.wide ul { max-width: 100%; width: 100% }
/* 
NOSUB 
*/
.sitesub li.nosub a span { background-color: transparent; border: none; border-bottom: 1px solid #aad1f4; margin: 0 -8px 0 -6px; padding: 0; line-height: 1.2em } /*  child ul items */
.sitesub li.nosub:hover a span { background-color: transparent; border: none; border-bottom: 1px solid #c6e5fd; margin: 0 -8px 0 -6px; padding: 0; line-height: 1.2em } /*  child ul items */
/* 
ARRROW IN DROPDOWN 
*/
li.nav-item span a strong.menarrow { border: none; color: #0f508c; font-size: .8em }
li.nav-item span a:focus strong.menarrow { color: #fff; }
/* DEPARTMENT INITIALS */
li span a strong.depticon { font-weight: 900; font-size: 1.7em; border: none; color: #666; }
li span a:focus strong.depticon { color: #fff; font-size: 1.2em; }
	/*
HEADERS
*/
#headerwash, #headerslides { background-color: transparent }

}
/*----------------------- START 40em to 50em MEDIA QUERIY ------------------------- */

@media only screen and (min-width: 40em) and (max-width: 50em) {
	
.sitesub .nav-menu li span { font-size: .97em; margin-right: -8px }
.sitesub .nav-menu li a span { font-size: .97em; margin-right: -13px }

}
/*----------------------- START 50em to 70em MEDIA QUERIY ------------------------- */

@media only screen and (min-width: 50em) and (max-width: 70em) {
	
.sites ub .nav-menu li span { font-size: 1em; padding: 2px 5px 0 8px; margin: 7px -8px 0 -5px;  }

}
/*----------------------- START ABOVE 70em MEDIA QUERIY ------------------------- */

@media only screen and (min-width: 70em) {
    }