body {
		font-family: "Source Sans 3", Arial, sans-serif;
		color:#4a4a4a;
		margin: 0;
		padding:0;
		float:left;
		width:100%;
		height:auto;
	}

	p { 
		margin-block-start: 18px;
		margin-block-end: 18px;
	}

	p strong {font-weight: 600;}


hr.feathered {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.yellow {
	margin-top: 1%;
    margin-bottom: 5%;
    max-width: 40%;
    background-color: #FFDD01;
    height: 4px;
    border: 0px;
}




	
	a img {	border:none; }
	
a {
	color: #16125f; 
	text-decoration:none;
	font-weight: 600;
}
	 
	 
a:hover {
	color: #16125f;
	text-decoration:underline;
	text-underline-offset: 2px;
}	

hr { margin: 40px 0px; }

h1 {
	line-height: normal;
	font-size: 2.3vw;
	font-weight: 500;
	color: #4a4a4a;
	text-transform: uppercase;
	/*text-decoration: underline;
    text-underline-offset: 22px;
    text-decoration-color: #FFDD01;
	margin-bottom: 60px;*/
	margin-bottom:15px;
}

	
	@media only screen and (max-width: 1400px)  { h1 { font-size:3vw; margin-bottom: 55px; } }	
	@media only screen and (max-width: 760px)  { h1 { font-size:26px; margin-bottom: 12px; } }	







h2 {
	line-height: normal;
	font-size: 35px;
	font-weight: 500;
	color: #4a4a4a;
}

h2 a { text-decoration:none !important;}

h2 a:hover { text-decoration:underline !important;}

h3 {
	color:#16125f;
	line-height: 27px;
    font-size: 24px;
	font-weight: 600;
}

@media only screen and (max-width: 1400px)  { h3 { font-size:22px;} }	
	@media only screen and (max-width: 760px)  { h3 { font-size:20px;  } }	

h4 a {
	color: #16125f;
	text-decoration:none;
	font-weight: 500;
}

h4 a:hover {
	color: #357E89;
	text-decoration:none;
}


	
	.clear{clear:both;}
	
	.outer_container {
		height: auto;
		width: 100%;
		float:left;
	}
	
	
	.container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}



	img {
	width:100%;	
	}

.btn {
  border: none;
  color: white;
  padding: 16px 26px;
  cursor: pointer;
  
}

@media only screen and (max-width: 1900px)  {
	.btn {
		font-size: 1.25vw;
        font-weight: 600;
        letter-spacing: 0.04vw;		
	}
}

	@media only screen and (max-width: 1200px)  {
		.btn {
			font-size:1.5vw;
		}

	}	
	
	@media only screen and (max-width: 760px)  {
		.btn {
			font-size:3vw;
		}

	}		
	

.success {background-color: #04AA6D;} /* Green */
.success:hover {background-color: #46a049;}

.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}

.danger {background-color: #f44336;} /* Red */
.danger:hover {background: #da190b;}

.default {background-color: #000; color: #FFF; margin-top: 25px;} 
.default:hover {background: #16125f;}

.home {
	background-color: #FFDD01;
    color: #000;
    border-radius: 100px;
    border: 1px solid;
	font-size: 1.6vw;
    font-weight: 700;
    font-family: "Source Sans 3", Arial, sans-serif;
    line-height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin: 0;
} 
.home:hover {
	background: #d1c985;
    transition: all 200ms ease;
}

	@media only screen and (max-width: 1400px)  {
		.home {
			font-size:1.5vw;
		}

	}

@media only screen and (max-width: 760px)  {
	.home {
		margin-top: 0%;
		font-size: 18px;
		line-height: normal;
		display: block;
	}
}


.homeblue {
	font-family: "Source Sans 3", Arial, sans-serif;
	background-color: #16125F;
    color: #FFF;
    border-radius: 60px;
    border: 1px solid #16125F;
    font-size: 1.5vw;
    font-weight: 500;
	padding: 3% 10%;
}

.homeblue:hover {background: #434a4f; transition: all 200ms ease; }

.leftside {
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.rightside {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	margin-left: -8px;
	border-left: 2px solid;
}

@media only screen and (max-width: 1200px)  { .homeblue { font-size: 1.5vw; } }

@media only screen and (max-width: 760px)  { .homeblue { font-size: 3vw; } }
	
	


.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 600px;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:left;
}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 30px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}





	.header {
		float:left;
		width:100%;
		height:auto;
		
	}
	
	
.top-logo {
	    float: left;
    width: 12.5%;
    height: auto;
    margin-left: 6%;
    margin-top: 1.5%;
    margin-bottom: 1%;
}
	
	@media only screen and (max-width: 1200px)  {
		.top-logo {
			width:20%;
		}	
	}
	
	@media only screen and (max-width: 760px)  {
		.top-logo {
			width:100%;
			text-align:center;
			margin-left:0;
		}
		
		.top-logo img {
			max-width: 210px;
			
		}
	}	
	
	
.top-login {
	float: right;
    width: 11%;
    height: auto;
    margin-right: 10%;
    margin-top: 4%;
}
	
	@media only screen and (max-width: 1200px)  {
		.top-login {
			width:20%;
			margin-top:4%;
		}

	}	
		
	
	
	
	@media only screen and (max-width: 760px)  {
		.top-login {
			display:none;
		}

	}		
	
	

	
	
	
	.nav {
		float:left;
		width:99%;
		height:auto;
		background-color:#16125f;
		color:#FFF;
		text-align:center;
		font-size:20px;
		padding:0.5%;
		
	}
	
	@media only screen and (max-width: 760px)  {
		.nav {
			display:none;
		}

	}	

	
.nav a {
	font-size:1.1vw;
	color: #FFF;
    background: linear-gradient(currentColor 0 0) bottom left / var(--underline-width, 0%) 1px no-repeat;
    display: inline-block;
    padding: 0 2px 1px;
    text-decoration: none;
    transition: background-size 0.3s;
}

.nav a:hover {
  --underline-width: 100%;
}


	
	@media only screen and (max-width: 1900px)  {
		.nav, .nav a {
			font-size:1.1vw;
		}

	}	
	
	@media only screen and (max-width: 1200px)  {
		.nav, .nav a {
			font-size:1.5vw;
		}

	}	
	
	.mobile-nav {
		display:none;
	}
	
	@media only screen and (max-width: 760px)  {
		.mobile-nav {
			display:block;
			float:left;
			width:100%;
			height:50px;
			background-color:#16125f;
		}

	}	
	
	
	.mhome {
		float: left;
		font-size: 25px;
		margin-left: 15px;
		color: #FFF;
		margin-top: 5px;
	}	
	
	
	
	.mlinks {
		float: right;
		font-size: 25px;
		margin-right: 15px;
		color: #FFF;
		margin-top: 5px;
	}	
	
	
.header-image {
	float:left;
	width:100%;
	height:auto;
	position: relative;
}
	
	@media only screen and (max-width: 760px)  {
		.header-image {
			display:none;
		}

	}

video {
	width: 100%;
    height: auto;
}

.video-overlay {
	    position: absolute;
    top: 214px;
}
	
	
.video-tab {
	z-index: 90;
    position: relative;
	float: left;
    width: 42%;
    height: auto;
    margin-left: 0%;
    margin-top: -13%;
}
	
	@media only screen and (max-width: 760px)  {
		.video-tab {
			display:none;
		}

	}	
	

	.home-container1 {
		float: left;
		width: 100%;
		height: auto;
		margin-top: 4%;
		font-size: 18px;
		font-weight: 500;
}

.mission-container {
	float:left;
	width:20%;
	height:auto;
	margin-left:12%;
}

.vision-container, .purpose-container {
	float:left;
	width:20%;
	height:auto;
	margin-left:8%;
}
	

	@media only screen and (max-width: 1400px)  {
		.mission-container, .vision-container, .purpose-container {
			width:27%;
			margin-left:5%;
			font-size:1.6vw;
		}

	}	
	
	@media only screen and (max-width: 760px)  {
		.mission-container, .vision-container, .purpose-container {
			width:92%;
			margin-left:4%;
			font-size:16px;
			margin-bottom:5%;
		}

	}	


	
	.mission-container .heading, .vision-container .heading, .purpose-container .heading {
		font-size: 2.3vw;
		
	}
	
	@media only screen and (max-width: 1400px)  {
		.mission-container .heading, .vision-container .heading, .purpose-container .heading {
			font-size:3vw;
		}

	}	
	
	
	@media only screen and (max-width: 760px)  {
		.mission-container .heading, .vision-container .heading, .purpose-container .heading {
			font-size:26px;
		}

	}	
		
	
	
	.mission-container hr, .vision-container hr, .purpose-container hr{
		margin-top: 1%;
		margin-bottom: 10%;
		max-width: 40%;
		background-color: #FFDD01;
		height: 4px;
		border: 0px;		
	}
	
	@media only screen and (max-width: 760px)  {
		.mission-container hr, .vision-container hr, .purpose-container hr {
			margin-bottom: 5%;
		}

	}		
	
	
	.subpage-hd hr {
		margin-top: 1%;
		margin-bottom: 45px;
		max-width: 40%;
		background-color: #FFDD01;
		height: 4px;
		border: 0px;		
	}
	
	@media only screen and (max-width: 760px)  {
		.subpage-hd hr {
			margin-bottom: 30px;
		}

	}		
	
	
	
	.home-container2 {
	float: left;
    width: 100%;
    height: auto;
    margin-top: 4%;
    margin-bottom: 4%;
	background-color:#EDECF2;
		
	}	
	
	.collaboration-container {
		float:left;
		width:50%;
		height:auto;
		margin-left:12%;
		margin-top:4%;
		margin-bottom:4%;
		font-size: 18px;
		font-weight: 500;
		
	}

.button-container {
	flex:1;
}
	
	@media only screen and (max-width: 1400px)  {
		.collaboration-container {
			font-size:1.5vw;
			margin-left:5%;
			width: 65%;
		}

	}	
	
	@media only screen and (max-width: 760px)  {
		.collaboration-container {
			width:92%;
			margin-left:4%;
			font-size:16px;
			margin-bottom:1%;
		}

	}		
	
	
	.collaboration-container .heading { 
		font-size: 2.3vw;
	}
	
	@media only screen and (max-width: 1400px)  {
		.collaboration-container .heading {
			font-size:3vw;
		}

	}

	@media only screen and (max-width: 760px)  {
		.collaboration-container .heading {
			font-size:26px;
		}

	}	
	
	
	
	.collaboration-container  hr {
		margin-top: 1%;
		margin-bottom: 5%;
		max-width: 40%;
		background-color: #FFDD01;
		height: 4px;
		border: 0px;		
	}	
	
	
	.find-out-more-container {
		float: right;
		width: 20%;
		height: auto;
		margin-right: 10%;
		text-align: right;
		margin-top: 10.5%;
		display: flex;		
	}



.find-out-more-container a:hover { text-decoration: none; }


	
	@media only screen and (max-width: 1400px)  {
		.find-out-more-container {
			margin-right: 5%;
			width:25%;
		}

	}	
	
	@media only screen and (max-width: 760px)  {
		.find-out-more-container {
			margin-left: 19%;
    width: 61%;
    float: none;
			text-align:center;
			margin-top:0;
			margin-bottom:2%;
		}

	}		
	
	
	.home-container3 {
	float: left;
    width: 100%;
    height: auto;
    margin-bottom: 4%;
		
	}

	.mh-text {
		float:left;
		width:46%;
		height:auto;
		margin-left:12%;
	    font-size: 18px;
		font-weight: 500;
		
	}
	@media only screen and (max-width: 1400px)  {
		.mh-text  {
			font-size:1.6vw;
			margin-left:5%;
			width:60%;
		}

	}	
	
	@media only screen and (max-width: 760px)  {
		.mh-text  {
			font-size:16px;
			margin-left:4%;
			width:92%;
		}

	}		
	
	
	
.mh-text .heading {
	font-size: 2.3vw;
	line-height: 2.6vw;
}	
	
	@media only screen and (max-width: 1400px)  {
		.mh-text .heading {
			font-size:3vw;
		}

	}

@media only screen and (max-width: 760px)  {
	.mh-text .heading {
		font-size:26px;
		line-height: 30px;
	}
}
	
	
	
	.mh-text  hr {
		margin-top: 1%;
		margin-bottom: 5%;
		max-width: 40%;
		background-color: #FFDD01;
		height: 4px;
		border: 0px;		
	}

@media only screen and (max-width: 760px)  { .mh-text ol { padding-inline-start: 4%; } }

.mh-image {
	float: right;
	width: 25%;
	height: auto;
	margin-right: 12%;
	text-align: right;
}

.mh-image-mobile {
	display: none;
	float: right;
	width: 25%;
	height: auto;
	margin-right: 12%;
	text-align: right;
}
	
	@media only screen and (max-width: 1400px)  {
		.mh-image  {
			width:25%;
			margin-right:5%;
		}

	}

@media only screen and (max-width: 760px) {
	.mh-image  { display:none; }
}

@media only screen and (max-width: 760px) {
	.mh-image-mobile  { 
		display:block;
		width: 60%;
		margin: 3% 20% 6% 20%;
	}
}
	
	
	
	.home-container4 {
	float: left;
    width: 100%;
    height: auto;
}	
	
	.hc4-left {
		
		float:left;
		width:50%;
		height:auto;
		
	}
	
	@media only screen and (max-width: 760px)  {
		.hc4-left  {
			display:none;
		}

	}	
	
	
	.hc4-right {
		
		float:right;
		width:50%;
		height:auto;
		
	}

	@media only screen and (max-width: 760px)  {
		.hc4-right  {
			width:100%;
		}

	}		
	
	.hc4-container {
		float:right;
		width:45%;
		height:auto;
		margin-top:-23%;
		margin-right:2%;
		font-size:40px;
		
	}
	
	@media only screen and (max-width: 2000px)  {
		.hc4-container {
			font-size:2vw;
		}

	}	

	@media only screen and (max-width: 1400px)  {
		.hc4-container {
			margin-top:-26%;
		}

	}

	@media only screen and (max-width: 760px)  {
		.hc4-container {
			width:92%;
			margin-left:4%;
			font-size:5vw;
			margin-top:-50%;
		}

	}	



@media only screen and (max-width: 760px)  {
	.home-container1, .home-container2, .home-container3, .home-container4 { padding: 8% 0% 8% 0%;  }
}
	
	
	
	.findout {
		float:left;
		width:50%;
		height:auto;
		
	}
	
	@media only screen and (max-width: 760px)  {
		.findout {
			width:55%;
		}

	}		
	
	
	
	.rrc-btn {
		float:right;
		width:40%;
		height:auto;
		
	}	
	
	@media only screen and (max-width: 760px)  {
		.rrc-btn {
			text-align:center;
		}

	}		
	
	
.job-board-title {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin-top:8%;
	margin-bottom:2%
}		
	
	@media only screen and (max-width: 760px)  {
		.job-board-title {
			margin-top:7%;
		}

	}	
	
	
	.job-board-btns {
		float:left;
		width:100%;
		height:auto;
		text-align:center;
		
	}	

	


	
	
.contact-bar {
	float: left;
    width: 100%;
    height: auto;
    margin-top: 4%;
    padding-top: 2.2%;
    padding-bottom: 2%;
    background-color: #f5f5ff;
    border-bottom: 2px solid #16125f0d;
    border-top: 2px solid #16125f0d;
}	

.contact-bar img:hover { opacity: 0.6; transition: all 300ms ease; }

	.call {
		float:left;
		width:13%;
		height:auto;
		margin-left:29%;
	}
	
	@media only screen and (max-width: 760px)  {
		.call {
			width:40%;
			margin-left:7%;
		}

	}	
	

	.email {
		float:right;
		width:13%;
		height:auto;
		margin-right:29%;
	}

	@media only screen and (max-width: 760px)  {
		.email {
			width:40%;
			margin-right:9%;
		}

	}

.content-container {
	float:left;
	height:auto;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	width: 80%;
	margin-left: 10%;
}


.table-membership h3 { margin:4px 0px; color: #4a4a4a; }

.table-membership h3 span { font-weight: 500; font-size: 90%; font-style: italic; }

.table-membership {
    overflow: auto;
}

.table-membership table {
    border: 1px none #dededf;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 1px;
}

.table-membership caption {
    caption-side: top;
    text-align: left;
}

.table-membership th {
    border: 1px none #dededf;
    background-color: #eceff1;
    color: #4a4a4a;
    padding: 6px;
}

.table-membership td {
    border: 1px none #dededf;
    padding: 6px 6px 6px 16px;
}

.table-membership tr:nth-child(even) td {
    background-color: #f7f7f7;
    color: #4a4a4a;
}

.table-membership tr:nth-child(odd) td {
    background-color: #ffffff;
    color: #000000;
}





.subpage_nav {
	float: left;
    width: 100%;
    height: auto;
    margin-top: -6px;
    margin-left: -12.5%;
	margin-bottom: 4%;
    padding: 2% 12.5%;
    font-size: 21px;
    background-color: #f5f5ff;
    font-weight: 600;
    color: silver;
	text-align: left;
	border-bottom: 2px solid #16125f0d;
    border-top: 2px solid #16125f0d;
}
	
.subpage_nav span {
	white-space: nowrap;
}	
		
	
.subpage_nav a {
	font-size:21px;	
	text-decoration: none;
	color: #4a4a4a;
	}

.subpage_nav a:hover {
	color: #16125f;
	text-decoration:underline;
	text-underline-offset: 2px;
}



@media only screen and (max-width: 760px)  {
	.subpage_nav { margin-top: 5%; text-align: center; }
	.subpage_nav, .subpage_nav a { font-size: 12px; }
}

@media only screen and (min-width: 761px) and (max-width: 1365px)  { 
	.subpage_nav {  }
	.subpage_nav, .subpage_nav a { font-size: 1.4vw; }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px)  {
	.subpage_nav, .subpage_nav a { font-size: 1.1vw; }
}




.footer-container {
	float:left;
	width:100%;
	height:auto;
	background-color:#dddddd;
	padding: 30px 0px;
	font-size: 1.0vw
}
	
.footer-col1 {
	width: 19%;
	float: left;
	height: auto;
	color: #434a4f;
	margin-left: 11%;
	margin-top: 20px;
}
	
@media only screen and (max-width: 1330px)  {
	.footer-col1 { 
	}
}		
	
@media only screen and (max-width: 760px)  {
	.footer-col1 {
		font-size:16px;
		margin-left:2%;
		width: 96%;
		text-align:center;
		margin-top:10px;
	}
}	
	
.footer-col1 img { 
	max-width: 84%;
    filter: grayscale(100%);
    opacity: 75%;
}

@media only screen and (max-width: 760px)  { .footer-col1 img { max-width: 60%; } }

    
	
.footer-col1 a, .footer-col2 a, .footer-col4 a {
	font-size: 1.0vw;
	color: #434a4f;
}

.footer-col3 a {
	font-size: 1.0vw;
	color: #434a4f;
	margin-left: 14px;
}

.footer-col1 a:hover, .footer-col2 a:hover, .footer-col3 a:hover, .footer-col4 a:hover  {
		opacity:0.6;
		}



@media only screen and (max-width: 1330px) { 
	.footer-col1 a, .footer-col2 a, .footer-col3 a, .footer-col4 a {  }
}

@media only screen and (max-width: 760px) { 
	.footer-col1 a, .footer-col2 a, .footer-col3 a, .footer-col4 a { font-size:16px; }
}
	
	
.footer-col2 {
	width: 22%;
	float:left;
	height:auto;
	color:#434a4f;
	margin-left:2%;
}
	
@media only screen and (max-width: 1330px)  {
	.footer-col2 {
	}
}	


@media only screen and (max-width: 760px)  {
	.footer-col2 {
		font-size:16px;
		margin-left:2%;
		width: 96%;
		text-align:center;
		margin-top:10px;
	}
}
	

	.footer-col3 {
		width: 17%;
		float:left;
		height:auto;
		color:#434a4f;
		margin-left:2%;
}
	
	@media only screen and (max-width: 1330px)  {
		.footer-col3 {
		}


	}	
	
@media only screen and (max-width: 760px)  {
	.footer-col3 {
		font-size:16px;
		margin-left:2%;
		width: 96%;
		text-align:center;
		margin-top:10px;
	}	
}
	
.footer-col4 {
	width: 19%;
	float:left;
	height:auto;
	color:#434a4f;
	margin-left:2%;
}
	
	@media only screen and (max-width: 1330px)  {
		.footer-col4 {
		}


	}


	@media only screen and (max-width: 760px)  {
		.footer-col4 {
		font-size:16px;
		margin-left:2%;
		width: 96%;
		text-align:center;
		margin-top:10px;
		}	
	
	}
	
	.np_container {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
	}
	
	.np_image {
		float: left;
		width: 20%;
		height: auto;
	}

	@media only screen and (max-width: 760px)  {
		.np_image  {
		display:none;
		}	
	
	}
	
	
	.np_text {
		float: right;
		width: 78%;
		height: auto;
	}
	
	@media only screen and (max-width: 760px)  {
		.np_text  {
		width:100%;
		}	
	
	}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}