@media screen and (min-width: 1100px) {	

	#navPositioner {
		background: #fff;
		border-bottom: 2px solid #2D7447;
		margin-top: 2.5rem;
		position: relative;
	}

	#topNavContainer {
		max-width: 1100px;
		margin: 0 auto;
	}
	
	#menuContainer {
	}
	
	#topNav {
/*		background: rgba(0,101,171,.80);*/
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		text-align: right;
		z-index: 10;
	}
	
	#topNav > li {
		text-align: center;
	}
	
	#homeItem, 
	#goveItem, 
	#commItem, 
	#infrItem,
	#justItem,
	#howdItem
	{
		display: inline-block;
		margin: 0;
		padding: 0 20px;
		font-weight: 700;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
			
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
	}
		
	#homeItem:hover, 
	#goveItem:hover, 
	#commItem:hover, 
	#infrItem:hover,
	#justItem:hover,
	#howdItem:hover
	{
		background-color: #167728;
		color: #fff;

		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
	}


	#homeItem:hover a.topLevel, 
	#goveItem:hover a.topLevel, 
	#commItem:hover a.topLevel, 
	#infrItem:hover a.topLevel,
	#justItem:hover a.topLevel,
	#howdItem:hover a.topLevel
	{
		color: #fff !important;
		/*text-shadow: 0px 2px 2px #000;*/
	}
	
	#homeItem ul, 
	#goveItem ul, 
	#commItem ul, 
	#infrItem ul,
	#justItem ul,
	#howdItem ul
	{
		display: block;
		text-align: left;
	}

	#homeItem #home {
		color: transparent !important;
		white-space: nowrap;
		display: inline-block;
		width: 1rem;
	}

	#homeItem #home:before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f015";
		display: inline-block;
		text-indent: 0;
		color: #333;
		font-size: 18px;
	}


	#homeItem:hover #home:before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f015";
		display: inline-block;
		text-indent: 0;
		color: #fff;
		font-size: 18px;
	}

	
	/* format top level a tags */
	a.topLevel  {
		color: #333 !important;
		display: block;
		font-size: 1.1rem;
		height: 5rem;
		line-height: 5rem;
		position: relative;
		text-decoration: none !important;
		text-transform: uppercase;
		
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
	}


	a.topLevel:hover  {
		text-decoration: none !important;
		color: #fff !important;
	}
	
	#topNav #homeItem ul.sub_1 {
		max-height: 740px;
	}

	#topNav #goveItem ul.sub_1 {
		max-height: 380px;
	}

	#topNav #commItem ul.sub_1 {
		max-height: 550px;
	}

	#topNav #infrItem ul.sub_1 {
		max-height: 260px;
	}

	#topNav #justItem ul.sub_1 {
		max-height: 350px;
	}
	
	#topNav #howdItem ul.sub_1 {
		max-height: 400px;
	}
	
		
	#topNav ul.sub_1 {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0 0 20px 0;
		list-style: none;
		max-width: 70rem;
		width: 100%;
		font-size: 1em;
		box-sizing: border-box;
		flex-direction: column;
		flex-wrap: wrap;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	
	#topNav ul.sub_1 > li {
		padding: 10px;
	}

	/* IE11 Fixes */

	.ie11 #topNav ul.sub_1 {
		width: 1100px !important;
	}

	.ie11 #topNav #homeItem ul.sub_1 {
		height: 740px !important;
		max-height: 740px !important;
	}

	.ie11 #topNav #goveItem ul.sub_1 {
		height: 380px !important;
		max-height: 380px !important;
	}

	.ie11 #topNav #commItem ul.sub_1 {
		height: 534px !important;
		max-height: 534px !important;
	}

	.ie11 #topNav #infrItem ul.sub_1 {
		height: 260px !important;
		max-height: 260px !important;
	}

	.ie11 #topNav #justItem ul.sub_1 {
		height: 350px !important;
		max-height: 350px !important;
	}

	.ie11 #topNav #howdItem ul.sub_1 {
		height: 300px !important;
		max-height: 300px !important;
	}




	/* IE10 Fixes */

	.ie10 #topNav ul.sub_1 {
		width: 1100px !important;
		display: -ms-flexbox;
		-ms-flex-direction: row;
		-ms-flex-wrap: wrap;
	}

	.ie10 #topNav ul.sub_1 {
		width: 1100px !important;
	}

	.ie10 #topNav #homeItem ul.sub_1 {
		height: 740px !important;
		max-height: 740px !important;
	}

	.ie10 #topNav #goveItem ul.sub_1 {
		height: 380px !important;
		max-height: 380px !important;
	}

	.ie10 #topNav #commItem ul.sub_1 {
		height: 460px !important;
		max-height: 460px !important;
	}

	.ie10 #topNav #infrItem ul.sub_1 {
		height: 260px !important;
		max-height: 260px !important;
	}
	
	.ie10 #topNav #justItem ul.sub_1 {
		height: 350px !important;
		max-height: 350px !important;
	}

	.ie10 #topNav #howdItem ul.sub_1 {
		height: 300px !important;
		max-height: 300px !important;
	}



	#topNav ul.sub_2 {
		margin: 0 0 0 0;
		padding: 0;
		list-style: none;
		font-size: 85%;
	}

	#topNav ul.sub_3 {
		padding: 0;
		list-style: none;
	}
	
	#topNav ul.sub_1 > li  {
		padding: 0 10px;
		margin-bottom: 0;
		box-sizing: border-box;
	}
	
	#topNav ul.sub_2 li {
		float: none;
		width: auto;
		position: relative;
		margin-left: 4px;
		/*display: none;*/
	}

	#topNav ul.sub_3 li {
		float: none;
		width: auto;
		position: relative;
		margin-left: 33px;
	}
	
	#topNav .open {
		display: block;
	}
	
	#topNav .close {
		display: none;
	}
	
	#topNav ul li a {
		color: #fff;
		padding: 3px 12px;
		display: block;
		font-weight: normal;
		
	}
	
	#topNav ul.sub_1 > li > a {
		font-size: 1.2em;
		margin: 10px 0 10px 0;
		text-decoration: none;
		font-weight: bold;
	}
	
	#topNav ul.sub_2 > li > a {
		position: relative;
		left: 0px;
		padding-left: 30px;
		text-decoration: none;
		
		-webkit-transition: all linear 0.2s;
		-moz-transition: all linear 0.2s;
		-o-transition: all linear 0.2s;
		transition: all linear 0.2s;
	}
	
	#topNav ul.sub_2 > li:before {
		content: "\2022";
		position: absolute;
		left: 17px;
		top: 2px;
		color: #fff;
		font-size: .9em;
	}

	#topNav ul.sub_3 > li:before {
		content: "\2022";
		position: absolute;
		left: 4px;
		top: 0px;
		color: #fff;
		font-size: 1.2em;
	}
	
	
	ul.sub_1  { background: #167728; }
	
	
	#topNav ul li:hover, #topNav ul li:hover a {
	}
	
	 #topNav ul li a:hover {
		text-decoration: none;	
	 }
	
	#menuToggleContainer {
		display: none;
	}
	
	
	span[class*="accordionToggle_"] {
		display: none;
	}

	#topNav a:after {
		color: #fff;
	}

}


/********************************************************************************
 * Reposition Navigation
 ********************************************************************************/
@media screen and (max-width: 1099px) {	
		#navPositioner {
			background: #fff;
			left: 0;
			position: absolute;
			right: 0;
			/*border-bottom: 2px solid #062c72;*/
			top: 2.5rem;
		}
		
		#menuContainer {
			margin: 0;
		}
		
		#topNavContainer {
			position: absolute;
			right: 0;
			left: 0;
			height: 2.5rem;
		}
		
		/*ul.sub_2 {
			display: none !important;
		}*/
		
		#menuToggleContainer {
			background: #fff;
			padding: 10px;
			z-index: 640;
			text-align: right;
		}
		
			#menuToggle {
			color: #167728;
			font-size: 1.2em;
			position: relative;
			top: -4px;
			text-decoration: none;
		}
		
		#menuToggle:after {
			color: #167728;
			content: "\f0c9";
			display: inline-block;
			font-family: "Font Awesome 5 Pro";
			font-size: 34px;
			height: 34px;
			line-height: 34px;
			position: relative;
			text-decoration: none;
			top: 4px;
			width: 34px;
		}

		#topNav {
			background: #fff;
			display: none;
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: relative;
			width: 100%;
			z-index: 20;
		}
		
		#topNav li {
			border-bottom: 1px solid #ccc;
			list-style-type: none;
			margin: 0;	
			padding: 4px 10px;
		}
		
		#topNav li a {
			color: #167728;	
			font-size: 1.4em;
			text-decoration: none;
		}
		
		#topNav .arrow {
			background-image: none;
		}
		
		span[class*="accordionToggle_"] {
			color: #167728;
			display: block;
			float: right;
			font-family: "Font Awesome 5 Pro";
			font-size: 25px;
			height: 25px;
			line-height: 25px;
			overflow: hidden;
			text-decoration: none;
			white-space: nowrap;
			width: 25px;
		}
		
		.sub_1 li:last-child {
			border: 0 !important;
		}

		#topNav ul li a {
			font-size: 14px;
		}

}