header{width:90%;
		margin:20px auto 0px;
		max-width:1600px;
		position:relative;
		z-index:100;
	}

section{width:100%;
float:left;
margin-bottom:10px;}


/* search bar */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
	


.search {
	width: 35%;
	border: 2px solid #24567f;
	padding: 5px 20px;
	height: 46px;
	color: #333;
	background:none;
	font-family: 'Ubuntu', sans-serif!important;
	font-weight: 400;
	font-style: normal;
	border-radius: 50px 0 0 50px;
	float:right;
	font-size:1.3rem;
}

input#searchbox {
    border: 0;
    width: 80%;
	background:none;
}


.searchButton {
	width:20%;
  border: 0px solid #24567f;
	border-left:none;
  background: none;
	float:right;
  text-align: right;
  color: #24567f;
  cursor: pointer;
  font-size: 1.3rem;
}

input#searchbox:focus{
  color: #333!important;
	background:none;
	border:0px solid white!important;
	outline:none!important;
}

/* added 202501 */
.calloutAcc {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.3rem;
  margin: 2px 10px;
  cursor: pointer;
  float:right;

}

.calloutAcc a {
	color: #333;
	background:#fff;
	border:2px solid #24567f;
	border-radius: 50px 50px 50px 50px;
	padding: 10px 20px;
	height: 46px;
}


.calloutAcc a:hover{
  color: #fff!important;
	background:#24567f;
	border:2px solid white!important;
	}


/*
	.search-style {
  width: 30%;
 padding: 0px 0px 0px;

	float:right;
}

.search {
  width:100%;
  position: relative;
  display: flex;
	float:right;
	margin-bottom:10px;
}



.searchTerm {
	width: 87%;
	border: 2px solid #24567f;
	padding: 5px 20px;
	height: 46px;
	color: #24567F;
	background:none;
	font-family: 'Ubuntu', sans-serif!important;
	font-weight: 400;
	font-style: italic;
	border-radius: 50px 0 0 50px;
	border-right: none;
}

.searchTerm:focus{
  color: #fff!important;
	background:#24567f;
	border:0px solid white!important;
	;
}

.searchButton {
  width: 46px;
  height: 46px;
  border: 2px solid #24567f;
	border-left:none;
  background: none;
  text-align: center;
  color: #24567f;
  cursor: pointer;
  font-size: 1.3rem;
}


*/




/* end search bar */




.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	
}

#logo {
	display: block;
	padding: 0 ;
	float: left;
	    margin-left: 15px;
}

#logo img{max-width:300px!important}

#logo a:hover{background:none!important;border-top:none!important;}

nav #logo a {
    border-top: none;
	padding-left:0!important;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
	transition:1.0s;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul.menu {
	float: right!important;
	padding:0;
	margin:0;
	list-style: none;
	position: absolute!important;
	bottom:0;
	right:0;
	}
	
/* Positioning the navigation items inline */
nav ul.menu li {
	margin: 0px;
	display:inline-block;
	float: left;

	position:relative!important;
	}


/* Styling the links */
nav a {
	display:block;
	padding:14px 12px;	
	color:#333;
	font-family: 'Ubuntu', sans-serif!important;
font-weight: 700!important;
font-style: normal;
	font-size:1.25rem!important;
	text-decoration:none;
		border-top:3px solid rgba(36,86,127,.0);

}

/*nav ul li ul li { border-bottom:1px solid #ddd!important;}
nav ul li ul li:last-child { border-bottom:1px solid #ddd!important;}


nav ul li ul li:hover {
	background: rgba(230,185,57,.3)!important;
}

/* Background color change on Hover */
nav a:hover { 
	color:#24567F!important;
/*	border-top:3px solid rgba(36,86,127,1);*/
}



/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
	box-shadow:3px 3px 5px rgba(0,0,0,.5);
	background:#24567F!important;
	
	
}


nav ul ul li a{color:#fff!important;font-size:1rem!important;}
nav ul ul li a:hover{color:#fff!important;background:#1D2E3A!important;}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:260px;
	float:none;
	display:list-item;
	position: relative;
}


	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */
	@media (max-width: 1700px){
		
		.hide-date{display:none}
		

	}


@media all and (max-width : 1385px){
	nav ul.menu {
	
	position: relative!important;
		margin:0 auto;
	}
	
	
	
	
}

@media all and (max-width : 1024px) {
	
	.calloutAcc {
        width: 150px; /* 40%; */
		float: left;
		left:10px;
		  font-size: 1.0rem;
		    margin: 2px 2.5px;
        background: #fff;
    }
	
	.calloutAcc a {
	color: #333;
	background:#fff;
	border:2px solid #24567f;
	border-radius: 50px 50px 50px 50px;
	padding: 10px 2.5px;
	height: 46px;
}

	
		.search-style {
  width: 100%;
 padding: 0;
margin-bottom:1px; 
			float:right;}
		
	.searchTerm {
	
		border-radius: 0;	
}

.search {
width: 95%;
    position: relative;
    float: right;
    margin: 5px 2.5%;
    border-radius: 0!important;
}
	
	
	header{width:100%!important;    margin-top: 2px;}



	nav {
		margin: 0;
	}
	
	nav ul.menu li a{background:#809BB2;
		color:#fff;
		font-size:1.05rem!important;
		font-family: 'Ubuntu', sans-serif!important;
    	font-weight: 700;
		padding-left:50px;}
	
	nav ul.menu li a:hover{background:#000000!important;
		color:#fff;
		}


		
	

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #24567F;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}
	
		#logo {
		display: block;
		padding-left: 20px;
		width: 100%;
		text-align: left;
		float: none;
		margin-bottom:20px;
	}
/*	#logo a:hover{background:#fff!important;}*/
	
		.resource h4{margin-left:0!important;}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		width:100%;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

	


@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}