/* NEW STYLES FOR A11Y HOME PAGE */

/* maroon		=>	#ac2f3c	*/
/* rich red	=>	#e4002b ... #ed001e ... or #ea0029	*/
/* dk blue	=>	#00558C; 	*/
/* mauve		=>	#cacfe7	*/
/* green		=>	#00a42b	*/


body {
margin: 0px;
padding: 0px;
font-family: 'Nunito Sans', sans-serif; 
font-size: 1.4em;
font-weight: 400; /* orig command -> 300;*/
background-color: #ffffff;
}

body a { color: #00558C !important; }

body a:hover { 
	color: #e4002b !important;
	/*background-color: white !important;*/
}

a:focus { text-decoration: underline !important; }

/* WP toolbar fix */
html body div#wpadminbar a {
	color: white !important;
}


div#page { border-left-color: white; border-right-color: white; max-width:1140px}	


html body div#page div#content.site-content { max-width: 1140px; }

html body div#page div#content.site-content div.content-inner div.container { max-width: 1140px !important; }

/*
#page{border-left:1px solid #999999;border-right:1px solid #999999;margin:0 auto;max-width:1182px}
*/

.row { margin-left: 0px !important; margin-right: 0px !important; }

/*
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after,.post-navigation .nav-links:before,.post-navigation .nav-links:after 
{ 
	content: '' !important; 
	display: block !important; 
	clear: none;
}
*/

	
h1, h2, h3, h4, h5, h6 {
	font-family: 'Nunito Sans', sans-serif !important; 
	font-weight: 600 !important;
}


html body div div.container header div.row, 
html body div div.content-inner div.container div.row div div.content-area main article div.row
{ 
	margin-left: 0px !important; 
	margin-right: 0px !important;
}

html body div div.content-inner div.container div.row div div.content-area {
	font-family: inherit; /*'Nunito Sans',  sans-serif !important; */
	font-size: 130%;
}

html body div div.content-inner div.container div.row div div.content-area > h1, h2, h3, h4, h5, h6 {
	font-family: 'Nunito Sans', sans-serif !important; 
}

html body div div.container header.site-header { z-index: 1;}

	@media only screen and (max-width : 991px) 
	{
		html body div div.container header.site-header { 
			padding-top: 10px; 
			margin-bottom: 0px; 
			padding-bottom: 0px;
			max-height: 300px;
		}
		
		html body div div.container header div.row div a.site-logo {
			margin-left: 0px;
		}
		
	}

/*html body.home.page-template.page-template-template-full-width.page-template-template-full-width-php.page.page-id-16638.logged-in.admin-bar.customize-support div#page.hfeed.site div.container header.site-header.hidden-xs.hidden-sm div.row div.col-md-4 a.site-logo img*/

div#page.hfeed.site div.container header div.row div div.nh_hamb_nav {
	width: 36px; 
	height: 36px;
	background-color: #00558C;
		/*position: relative; top: 6px; left: 6px;*/
	float: left;
	margin-top: 5vw;
	z-index: 10;
}

div#page.hfeed.site div.container header div.row div div.nh_hamb_nav:hover, 
div#page.hfeed.site div.container header div.row div div.nh_hamb_nav img:hover {
cursor: pointer;
}

	@media (min-width: 992px) {
  		div#page.hfeed.site div.container header div.row div div.nh_hamb_nav {
   		display: none;
  		}
		
		div#page.hfeed.site div.container header div.row div div.nh_hamb_nav:hover {
		cursor: pointer;
		}		
	}



div#page.hfeed.site div.container header div.row div div.nh_hamb_nav img {
	width: 36px;
	height: 36px;
}



/* BEGIN UPPERNAV AREA 
 * (these styles are kept as a group for the media queries underneath 
 * the main styles for readability */



div.site div.container header.site-header div.row nav.h_uppernav {
	width: 240px;
	height: 140px;
	float: right;
}

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li {
	float: left;
	/*text-transform: uppercase;*/
	font-size: 1.35em;
	width: 240px;
	text-align: center;
}

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg {
	width: auto; /*126px;*/
	text-align: right;
	margin-right: 0px; /*9px;*/
	padding-left: 22px;
} 

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu {
	text-transform: uppercase;
}

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log {
	width: 90px;
	text-align: left;
	margin-left: 9px;
}

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
	font-size: 1.6em;
	text-transform: uppercase;
}


div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg a, 
div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log a, 
div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log span {
	font-weight: 300;
}

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log span {
	color: #00558C !important;
	cursor: pointer;
	text-transform: uppercase;
}

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate a.h_un_donatebutton {
	position: relative;
	top: 16px;
	color: white !important;
	background-color: #e4002b; 
	padding: 16px;
	padding-left: 54px; padding-right: 54px;
	letter-spacing: 1px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;
	border-radius: 40px;
}

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li a:hover {
	color: #00558C !important;
}

/* SKIP NAVIGATION LINK */

div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_skipnav a {
	font-size: 8px; 
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
}

/* failed experiment to make skip nav link more present but it's not being triggered by tabbing or voiceover */

/*div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_skipnav a:active, 
div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_skipnav a:focus, 
div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_skipnav a:hover {
	left: 0; 
	top: 0;
	width: auto; 
	height: auto; 
	overflow: visible; 
}*/


/*div.container header div nav ul.h_unavs li.h_mob_thfline span.tfh_search*/

#page div header div nav ul li.h_mob_tfhline span.tfh_search {
	margin-left: 1em;
	/*background-color: #5c5c5c;*/
}

#page div header div nav ul li.h_mob_tfhline span.tfh_search a {
	background-color: #fff; /*#5c5c5c;*/
	color: #00558C !important; /*white;*/
	padding: 0.1em;
	padding-left: .6em;
	padding-right: .6em;
	padding-bottom: .2em;
	border: solid #5da1cf 1px; /*solid #6a6a6a 2px;*/
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	font-weight: 600 !important;
}


	/* ### upper nav media queries: 1024, 990, 728, 600, 420, 360 ### */

	@media only screen and (max-width : 991px) 
	{		
		
		div.site div.container header.site-header div.row nav.h_uppernav {
			width: 100%;
			height: 60px;
			float: none;
			opacity: 1.00;
			margin-top: 28px;
			background-color: #e4002b;
		}

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs {
			margin: 0px;
			padding: 0px;
			background-color: #e4002b;
		}

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li {
			float: left;
			font-size: 1.4em;
			width: 100px;
			text-transform: none;
			text-align: center;
		}

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_tfhline {
			width: 100%;
			background-color: #00558C;
			padding-top: 6px; 
			padding-bottom: 6px;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_tfhline a img {
			width: 30px;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log {
			background-color: #e4002b;
			text-align: center;
			margin-left: 0px;
			margin-right: 0px;
			padding-top: 4px;
			padding-bottom: 4px;
			font-size: 1.5em;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu 
		{ width: 44%; }
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg 
		{ width: 56%; /*32%;*/ }
		/*div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log 
		{ width: 24%; }*/

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			width: 190px;
			font-size: 1.8em;
			position: relative;
			top: -226px;
			left: 755px;
			z-index: 3;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu a, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_tfhline a,
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg a, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log a, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log span {
			font-weight: 300;
			color: white !important;
		}

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log span {
			color: white !important;
			cursor: pointer;
			text-transform: capitalize;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate a.h_un_donatebutton {
			float: none;
			position: static;
			top: 0px;
			color: white !important;
			background-color: #e4002b; 
			padding: 20px;
			padding-left: 22px; padding-right: 22px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			-khtml-border-radius: 30px;
			border-radius: 30px;
			display: list-item;
			width: 190px;
		}
	}

	@media only screen and (max-width : 897px) 
	{
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -222px;
			left: 685px;
		}
	}

	@media only screen and (max-width : 847px) 
	{
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -222px;
			left: 640px;
		}
	}

	@media only screen and (max-width : 824px) 
	{
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -222px;
			left: 620px;
		}
	}

	@media only screen and (max-width : 813px) 
	{
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -222px;
			left: 605px;
		}
	}

	@media only screen and (max-width : 801px) 
	{	
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -226px;
			left: 595px;
		}
	}

	@media only screen and (max-width : 769px) 
	{		
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li {
			font-size: 1.3em;
		}
				
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log {
			font-size: 1.4em;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu 
		{ width: 44%; }
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg 
		{ /*width: 32%;*/ }
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log 
		{ width: 24%; }

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			width: 170px;
			font-size: 1.6em;
			top: -214px;
			left: 555px;
		}

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu a, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_tfhline a,
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg a, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log a {
			font-weight: 300;
			color: white !important;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate a.h_un_donatebutton {
			padding: 18px;
			padding-left: 18px; padding-right: 18px;
			width: 170px;
		}
	}

	@media only screen and (max-width : 733px) 
	{	
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -212px;
			left: 550px;
		}		
	}

	@media only screen and (max-width : 668px) 
	{
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -202px;
			left: 480px;
		}
	}

	@media only screen and (max-width : 641px) 
	{
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -202px;
			left: 455px;
		}
	}

	@media only screen and (max-width : 601px) 
	{		

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li {
			font-size: 1.1em;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log {
			font-size: 1.2em;
		}
		

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			width: 160px;
			font-size: 1.4em;
			top: -185px;
			left: 425px;
		}

		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate a.h_un_donatebutton {
			padding: 14px;
			padding-left: 15px; padding-right: 15px;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			-khtml-border-radius: 25px;
			border-radius: 25px;
			width: 160px;
		}
	}

	@media only screen and (max-width : 569px) 
	{	
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -185px;
			left: 395px;
		}
	}

	@media only screen and (max-width : 421px) 
	{		

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li {
			font-size: 0.9em;
		}

		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_tfhline {
			font-size: 1em;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_tfhline a img {
			width: 22px;
			margin-left: 3px; 
			margin-right: 3px;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_gmsu, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_reg, 
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_log {
			font-size: 1.1em;
		}
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			width: 100px;
			font-size: 1.0em;
			top: -145px;
			left: 295px;
		}
		
		
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate a.h_un_donatebutton {
			padding: 10px;
			padding-left: 16px; padding-right: 16px;
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			-khtml-border-radius: 20px;
			border-radius: 20px;
			width: 100px;
		}
	}

	@media only screen and (max-width : 385px) 
	{	
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -148px;
			left: 275px;
		}
	}

	@media only screen and (max-width : 376px) 
	{	
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -145px;
			left: 275px;
		}
	}

	@media only screen and (max-width : 361px) 
	{	
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -145px;
			left: 250px;
		}
	}

	@media only screen and (max-width : 321px) 
	{	
		div.site div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_un_donate {
			top: -140px;
			left: 200px;
		}
	}

	/* ### upper nav media queries: 1024, 990, 768, 600, 420, 360 ### */


/* END UPPERNAV AREA */
		



div.container div.navigation-wrap {
}

nav.navbar { 
margin-top: 26px; 
height: 38px;
background-color: transparent;  /*#00558C;*/
}


	@media only screen and (max-width : 991px) 
	{
		nav.navbar { 
		margin-top: 0px; 
		height: 0px; /*38px;*/
		}	
	}



div.navigation-wrap nav.navbar ul.menu { 
list-style-type: none; 
margin: 0px;
padding: 0px;
font-size: 0.95em; /*1.0em;  1.1em; */
background-color: transparent; 
	font-weight: 600;
	margin-left: calc(100% * 0.013); /*1vw;*/
	/*margin-right: calc((100vw * 0.0125px) + 6px);*/
}

	@media only screen and (max-width : 1399px) 
	{ div.navigation-wrap nav.navbar ul.menu { font-size: 0.9em; /*1.0em; 0.90em; 1.0em;*/  } }

	/*@media only screen and (min-width : 1200px) and (max-width : 1299px) 
	{ div.navigation-wrap nav.navbar ul.menu { font-size: 1.0em;  } }*/

	@media only screen and (max-width : 1199px) 
	{ div.navigation-wrap nav.navbar ul.menu { font-size: 0.9em; /*0.80em; 0.9em;*/  } }

	@media only screen and (max-width : 1099px) 
	{ div.navigation-wrap nav.navbar ul.menu { font-size: 0.9em; /*0.80em; 0.9em;*/
		letter-spacing: -1px; } }

	@media only screen and (max-width : 999px) 
	{ div.navigation-wrap nav.navbar ul.menu { font-size: 0.9em; /*0.80em; 0.9em;*/
		letter-spacing: -1px; } }


	@media only screen and (max-width : 991px) 
	{
		
		body{
			padding: 0px;
		}
		
		body div#page {
			padding: 0px;
			width: 100%;
			border: none;
		}
		
		div#page.site div.container {
			padding-left: 0px; padding-right: 0px;
			width: 100%;
			margin-left: 0px; margin-right: 0px;
		}
	
		div.navigation-wrap {
			width:100%;
			margin: 0px; padding: 0px;
		}
		
		nav.navbar { 
			min-height: 0px;
			height: 0px;
			width: 100%;
			/*border: solid orange 1px;*/
			display: none;
			margin: 0px;
			margin-top: 0px;
			border: none;
		}	
		
		div.navigation-wrap nav.navbar ul.menu { 
			position: relative;
			top: -67px; /*67px;*/
			left: 0px;
			display: inline;
			border: none;
			width: 100%;
			z-index: 55;
			border: solid #ccc 1px; /*#00558C 3px;*/
			margin: 0px;
			margin-left: 0px; margin-right: 0px;
			opacity: 1;
		}

	}


div.navigation-wrap nav.navbar ul.menu a:hover { 
background-color: #e4002b;
}

div.navigation-wrap nav.navbar ul.menu li {
display: inline-block;
position: relative;
left: 0px;
line-height: 21px;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #00558C;
	border: solid #00558C 2px; /* originally had no border at all... */
	width: auto !important; /* override the dw focus defaults */
}

div.navigation-wrap nav.navbar ul.menu li.menu-search {
	background-color: #00558C; /*#5c5c5c;*/
}


	@media only screen and (max-width : 991px) 
	{

		div.navigation-wrap nav.navbar ul.menu li {
		display: list-item;
		position: relative;
		text-align: left;
			width: 100%;
			margin: 0px;
		}

	}


div.navigation-wrap nav.navbar ul.menu li::before {
content: '';
}

div.navigation-wrap nav.navbar ul.menu li::after {
content: '';
}

/*div.navigation-wrap nav.navbar ul.menu li.menu-s {
background-color: #595959;
}

div.navigation-wrap nav.navbar ul.menu li.menu-s a { 
background-image: url('https://mymsaa.org/wp-content/uploads/2020/01/search_icon_menu_01.png');
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
color: transparent !important; 
}

div.navigation-wrap nav.navbar ul.menu li.menu-s a:hover { color: transparent !important; }

	@media only screen and (max-width : 991px) 
	{
		div.navigation-wrap nav.navbar ul.menu li.menu-s {
		display: none;
		}
		div.navigation-wrap nav.navbar ul.menu li.menu-s a { 
		}
	}
*/

div.navigation-wrap nav.navbar ul.menu li a {
display: block;
	padding: 8px 24px 8px 24px;
/* WAS => padding: 8px 26px 8px 26px; */
/*WAS => padding: 8px 28px 8px 22px;*/
color: white !important;
	background-color: #00558C !important;
font-weight: 600; /*500;*/
text-decoration: none;
text-align: left;
	letter-spacing: 0px;
	line-height: 1.2em;
}    

li.dropdown.menu-ms-information a, 
li.dropdown.menu-ms-information a:hover, 
li.dropdown.menu-how-msaa-can-help a, 
li.dropdown.menu-how-msaa-can-help a:hover, 
li.dropdown.menu-my-msaa-community a, 
li.dropdown.menu-my-msaa-community a:hover, 
li.dropdown.menu-donate a, 
li.dropdown.menu-donate a:hover, 
li.dropdown.menu-get-involved a, 
li.dropdown.menu-get-involved a:hover, 
li.menu-swim-for-ms a, 
li.menu-swim-for-ms a:hover, 
li.menu-about-msaa a, 
li.menu-about-msaa a:hover { width: auto !important; }

div.navigation-wrap nav.navbar ul.menu li.menu-search a {
	padding: 8px 24px 10px 24px;
	background-color: #fff !important; /*#5c5c5c !important;*/
	color: #00558C !important;
	font-weight: 700;
	font-size: 1.2em;
	line-height: 0.9em;
}

div.navigation-wrap nav.navbar ul.menu li a:hover { color: white !important; }

div.navigation-wrap nav.navbar ul.menu li.menu-search a:hover { color: maroon !important; }

div.navigation-wrap nav.navbar ul.menu li.dropdown ul li a {
	white-space: normal;
}

	@media only screen and (max-width : 1499px) 
	{ 
		div.navigation-wrap nav.navbar ul.menu { 
			margin-left: 0px;
		}
		
		div.navigation-wrap nav.navbar ul.menu li { min-width: 145px;  }
		div.navigation-wrap nav.navbar ul.menu li.menu-search { min-width: 0px; }
		
		div.navigation-wrap nav.navbar ul.menu li a { 
			padding: 8px 20px 8px 16px !important; /*8px 20px 8px 16px;*/ 
			text-align: center;
		} 
		
		ul.menu li.dropdown ul.dropdown-menu li a { text-align: left; }
		
		div.navigation-wrap nav.navbar ul.menu li.menu-search a {
			padding: 8px 20px 8px 16px !important;
		}
	}

	@media only screen and (max-width : 1399px) 
	{ 
		div.navigation-wrap nav.navbar ul.menu { 
			margin-left: 0px;
		}
		
		div.navigation-wrap nav.navbar ul.menu li a { 
			padding: 8px 16px 8px 12px !important; /*8px 20px 8px 16px;*/ 
		} 
		
		div.navigation-wrap nav.navbar ul.menu li.menu-search a {
			padding: 8px 16px 8px 12px !important;
		}
	}

	@media only screen and (max-width : 1299px) 
	{ 
		div.navigation-wrap nav.navbar ul.menu li a { 
			padding: 8px 12px 8px 8px !important; /* 8px 16px 8px 12px !important; */
			/*8px 20px 8px 16px;*/  
		}
		
		div.navigation-wrap nav.navbar ul.menu li.menu-search a {
			padding: 8px 12px 8px 8px !important;
		}
	}

/*padding: 8px 24px 8px 18px;*/
/*14px;*/

	@media only screen and (max-width : 1199px) 
	{ 
		
		div.navigation-wrap nav.navbar ul.menu li { min-width: 120px;  }
		div.navigation-wrap nav.navbar ul.menu li.menu-search { min-width: 0px; }
		
		div.navigation-wrap nav.navbar ul.menu li a { 
			/*padding: 8px 20px 8px 14px;*/
			padding: 8px 10px 8px 8px !important; /*12px;*/ 
		} 
		
		div.navigation-wrap nav.navbar ul.menu li.menu-search a {
			padding: 8px 10px 8px 8px !important;
		}
	}

	@media only screen and (max-width : 1099px) 
	{ 
		div.navigation-wrap nav.navbar ul.menu li a { 
			/*padding: 8px 16px 8px 10px; */
			padding: 8px 10px 8px 8px !important;
		}
		
		div.navigation-wrap nav.navbar ul.menu li.menu-search a {
			padding: 8px 6px 8px 6px !important;
		} 
	}

	@media only screen and (max-width : 999px) 
	{ 
		div.navigation-wrap nav.navbar ul.menu li a { 
			/*padding: 8px 12px 8px 6px; */
			padding: 8px 10px 8px 10px !important; /*4px;*/
		} 
	}

	/* new for a11y */
	/*@media only screen and (max-width: 769px)
	{
		div.navigation-wrap nav.navbar ul.menu li a {
			padding: 8px 8px 8px 2px;
		}	
	}*/

/* START BIG NAV */


div.navigation-wrap nav.navbar ul.menu li.dropdown ul.dropdown-menu {
/*width: 140%; 
min-width: 230px;*/
/*width: auto;
	min-width: 220px;*/
	width: 230px;
padding: 0px;
background-color: #00558C;
display: none;
position: absolute;
z-index: 99;
left: -10; top: 20;
font-size: 90%;
	box-shadow: none;
	border: solid #00558C 1px;
	margin-top: 0px; /* added to overwrite the goddamned theme styles! */
	border-top: none;
}


	@media only screen and (max-width : 990px) {
		div.navigation-wrap nav.navbar ul.menu li.dropdown ul.dropdown-menu {
			width: 100%;
		}
	}

div.navigation-wrap nav.navbar ul.menu li.menu-about-msaa ul.dropdown-menu {
	left: -40px;
}

	@media only screen and (max-width : 990px) {
		div.navigation-wrap nav.navbar ul.menu li.menu-about-msaa ul.dropdown-menu {
			left: 0px;
			top: 30px;
		}
	}

div.navigation-wrap nav.navbar ul.menu li.menu-about-msaa ul.dropdown-menu li {
	width: auto;
}

	@media only screen and (max-width : 990px) {
		div.navigation-wrap nav.navbar ul.menu li ul.dropdown-menu li {
			padding-left: 5%;
		}
	}

div.navigation-wrap nav.navbar ul.menu li.menu-about-msaa ul.dropdown-menu li a {
	width: auto;
}

div.navigation-wrap nav.navbar ul.menu li.dropdown:hover ul.dropdown-menu {
display: block;
border: solid #246a98 1px; /*#6F848D 1px;*/
	border-top: none !important;
top: 34px; /*35px;*/
}

	@media only screen and (max-width : 999px) 
	{ 
		div.navigation-wrap nav.navbar ul.menu li.dropdown:hover ul.dropdown-menu {
			width: 100%;
		}
	}


div.navigation-wrap nav.navbar ul.menu li.dropdown ul.dropdown-menu li {
display: block;
}

/* miserable three tier menus...*/
div.navigation-wrap nav.navbar ul.menu li.dropdown ul.dropdown-menu li.dropdown ul {
min-width: 100%; /* Set width of the dropdown */
padding: 0px;
background-color: #00558C;
display: none;
position: absolute;
z-index: 999;
left: 0;
}

div.navigation-wrap nav.navbar ul.menu li.dropdown ul.dropdown-menu li.dropdown:hover ul {
position: absolute;
left: 170px;
top: 0px;
display: inline-block;
background-color: #c3e0e8;
font-size: 100%;
}



div.navigation-wrap nav.navbar ul.menu li.dropdown ul.dropdown-menu li.dropdown:hover ul li a {
color: white; /*black;*/
}


div.navigation-wrap nav.navbar ul.menu li.menu-swim-for-ms a { border-right: none !important }

div.navigation-wrap nav.navbar ul.menu li.menu-donate ul.dropdown-menu li.dropdown.menu-other-ways-to-give a {
	cursor: pointer;
}

/* END BIG NAV */

div.container div.navigation-wrap nav.navbar div#nh_search_box {
background-color: #a9a9a9;
	/*background-image: linear-gradient(#00558C, #718C9F, #A9A9A9, #A9A9A9, #A9A9A9);*/
	width: 100px;
	max-width: 330px; /*1140px;*/
	margin-left: auto;
	overflow: hidden;
	/*height: 36px;*/
	position: relative;
	left: -21px;
	/*top: -38px;
	left: -12px;*/
	height: 1px;
	opacity: 0;
	/*border: solid #eaeaea 1px;*/
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 10;
}	
div.container div.navigation-wrap nav.navbar div#nh_search_box form, 
div.container div.navigation-wrap nav.navbar div#nh_search_box form p {
	margin: 1px; padding: 1px;
	text-align: right;
}
div.container div.navigation-wrap nav.navbar div#nh_search_box form p input {
	font-size: 1.0em;
	font-weight: 700;
	padding: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
	border: solid #d1d1d1 1px;
	text-align: center;
}


div.container div.navigation-wrap nav div#nh_search_box form#nh_s_form p input#nh_s_button {
	padding-left: 10px; padding-right: 10px;
}


div.container div.navigation-wrap nav div#nh_search_box form p button.btn {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}


div.container div.navigation-wrap nav.navbar div#nh_search_box form p span#nh_s_exit {
color: white;
font-weight: 700;
background-color: #4c4c4c;
	padding: 2px;
	padding-left: 3px; padding-right: 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
	margin-left: 32px
}
div.container div.navigation-wrap nav.navbar div#nh_search_box form p span#nh_s_exit:hover {
	cursor: pointer;
}


/* RESPONSIVE STYLES - PUSHING BACK THE DW-FOCUS DEFAULTS WHERE POSSIBLE */


@media screen and (min-width: 992px) 
{
	div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_tfhline 
	{display: none;}
}

@media screen and (max-width: 991px) and (min-width: 1px) 
{
	div.container header.site-header, 
	div.container header.site-header div.row div a.site-logo img 
	{ display: block !important; }
	
	div.container header.site-header div.row div a.site-logo img 
	{
		width: 48%; max-width: 350px;
		margin-left: 19%;
	}
	div.container div.navigation-wrap nav#masthead.navbar.navbar-default.site-navigation div.navbar-header 
	{ display: none; }

	div.container div.navigation-wrap nav#masthead.navbar.navbar-default.site-navigation div.navbar-header a.site-brand.navbar-brand.visible-xs.visible-sm img 
	{ display: none; }
	
	div.container div.navigation-wrap  
	{
		display: none;
	}
	
	div.container header.site-header div.row nav.h_uppernav ul.h_unavs li.h_mob_tfhline 
	{display: block;}
	
	div.container header.site-header div.row nav.h_uppernav {
		
	}
	
}

/* SPECIAL FRONT PAGE STYLE TWEAK TO CLOSE GAP BETWEEN NAV BARS AND MAIN CONTENT SECTION */


	/* ### upper nav media queries: 1024, 990, 768, 600, 420, 360 ### */

html body div.nhfront, html body div.site-content {
	padding-top: 0px;
	margin-top: 0px;
}

/*
 * html.js body.page-template.page-template-template-full-width.page-template-template-full-width-php.page.page-id-17645.logged-in.admin-bar.customize-support div#content.site-content div.container div#primary.content-area
 * */

@media screen and (max-width: 991px) {
	html body div#content.nhfront 
	{
		padding-top: 0px;
		margin-top: -82px;
	}
	
	html body div#content.nhfront div.container div.content-area 
	{
		margin-top: -50px;
	}
	
}

@media screen and (max-width: 769px) {
	html body div#content.nhfront 
	{
		padding-top: 0px;
		margin-top: -72px;
	}
}

@media screen and (max-width: 601px) {
	html body div#content.nhfront 
	{
		padding-top: 0px;
		margin-top: -60px;
	}
}

@media screen and (max-width: 420px) {
	html body div#content.nhfront 
	{
		padding-top: 0px;
		margin-top: -42px;
	}
}

html body div#content.nhfront div.container::after { content: "";}

/* special - for Pages in development for home page work 
html body.page div.site-content div.content-inner div.container div.row div div.content-area main header.page-header, 
html body div.site-content div.container div.content-area main header.page-header {
	display: none;
}*/

/*html body div.nhfront div.container::before { content: ''; display: initial; }*/

/* end header(+ content beginning) */

/* BREADCRUMB - SPECIAL PLUGIN */

article div div.entry-content ul.msaa_breadcrumbs {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 24px;
	margin-bottom: 10px;
}

article div div.entry-content ul.msaa_breadcrumbs li {
	font-size: 12px;
	font-weight: 700;
	float: left;
	padding-left: 4px;
}

article div div.entry-content ul.msaa_breadcrumbs li:first-child {
	padding-left: 0px;
}
	
article div div.entry-content ul.msaa_breadcrumbs li::after {
	content: ' » ';
}

article div div.entry-content ul.msaa_breadcrumbs li:last-child::after {
	content: '';
}