body{
	font-family: arial, serif; 
	padding: 0; 
	margin: 0; 
	background: #fff; 
	color: #3c3c3c; 
	}
	
	#popUp{ display: none; }
	
	#headerDiv{ clear: both; margin: auto; text-align: center; }
		
	/* #bodyDiv{ text-align: left; max-width: 1024px; margin: auto; margin-top: 24px; } */ 
		h1{ font-size: 32px; font-weight: 300; margin: 0; padding: 0; }
		h3{ font-size: 24px; font-weight: 300; margin: 0; padding: 0; }
		p { color: #090909; }
		.leftH1{ clear: left; float: left; width: auto; }
		.leftUl{ clear: left; float: left; width: auto; font-size: 18px; line-height: 24px; }
		
		.leftP{ clear: left; float: left; max-width: 440px; }
	

	.fullSize{ 
		clear: both;
		width: 100%; 
		text-align: center;
		margin: auto; 
	}
	.centerDiv{ 
		clear: both;
		margin: auto; 
		text-align: center;
	}
	.clearsLeft{ clear: left; width: auto; }
	.clearsBoth{ clear: both; }
	.minHeight{ height: 12px; }
	.maxHeight{ height: 24px; }
	
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#bodyDiv{ text-align: left; max-width: 95%; margin: auto; margin-top: 24px; }
	.rightImg{ clear: none; float: right; width: 100%; margin-bottom: 12px; }

	.headerBar{ clear: both; width: 100%; max-width: 100%; text-align: left; }
	.logo{ width: 100%; clear: both; margin: auto; text-align: center; margin-top: 12px; }
	.logo img{ clear: both; width: 80%; margin-left: 10%; margin-bottom: 12px; }
	.blueBar{ background: #182153; width: 100%; clear: both; text-align: center;  }
	.navigation{ display: none; clear: both; margin: auto; max-width: 100%; color: #fff; } 
		.navigation ul{ list-style-type: none; width: 100%; margin: 0; padding: 0; }
			.navigation ul li{ clear: left; float: left; padding-left: 12px; margin-right: 12px; flex-grow: 1; line-height: 52px; font-size: 18px; text-align: left; border-bottom: solid 1px #fff; width: 100%;  }
				.navigation ul li a{ color: #fff; text-decoration: none; font-weight: bold; }
				
	.smallNav.mobileOnly{ clear: left; float: left; padding-left: 12px; margin-right: 12px; flex-grow: 1; line-height: 52px; font-size: 18px; text-align: left; width: 100%; border-bottom: solid 1px #fff;  }
	.smallNav.mobileOnly a{ color: #fff; text-decoration: none; font-weight: bold; }
	/* Menu Bars */
	.floatsRight{ clear: none; float: right; width: auto; margin-right: 36px; margin-top: 8px; } 
	.container {
	  display: inline-block;
	  cursor: pointer;
	}
	
	.bar1, .bar2, .bar3 {
  		width: 30px;
  		height: 3px;
  		background-color: #fff;
  		margin: 6px 0;
  		transition: 0.4s;
	}

	.change .bar1 {
  		-webkit-transform: rotate(-45deg) translate(-5px, 6px);
  		transform: rotate(-45deg) translate(-5px, 6px);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
  		-webkit-transform: rotate(45deg) translate(-8px, -8px);
  		transform: rotate(45deg) translate(-8px, -8px);
	}
	
	#footerDiv{ clear: both; margin: auto; text-align: center; background: #182153; color: #fff; min-height: 120px; padding-top:40px; }
	#footerDiv a{ color: #fff; text-decoration: none; }
		.footerBoxes{ width: 100%; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: center; }
		.fb ul{ list-style-type: none; text-align: left; }
	 
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#bodyDiv{ text-align: left; max-width: 100%; margin: auto; margin-top: 24px; }
	.rightImg{ clear: none; float: right; width: auto; margin-left: 24px; }

	.headerBar{ clear: both; width: 100%; max-width: 100%; text-align: center; }
	.logo{ width: 1080px; clear: both; margin: auto; text-align: left; } 
	.blueBar{ background: #182153; width: 100%; clear: both; text-align: center;  } 
	.navigation{ clear: both; margin: auto; max-width: 1080px; height: 44px; color: #fff; }
		.navigation ul{ list-style-type: none; width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: left; }
			.navigation ul li{ clear: none; float: left; margin-right: 12px; flex-grow: 1; line-height: 52px; font-size: 18px; text-align: left; }
				.navigation ul li a{ color: #fff; text-decoration: none; font-weight: bold; }
	
	#footerDiv{ clear: both; margin: auto; text-align: center; background: #182153; color: #fff; min-height: 120px; padding-top:40px; }
	#footerDiv a{ color: #fff; text-decoration: none; }
		.footerBoxes{ width: 1080px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: center; }
		.fb ul{ list-style-type: none; text-align: left; }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	#bodyDiv{ text-align: left; max-width: 100%; margin: auto; margin-top: 24px; }
	
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#bodyDiv{ text-align: left; max-width: 100% margin: auto; margin-top: 24px; }
	
	.headerBar{ clear: both; width: 100%; max-width: 100%; text-align: center; }
	.logo{ width: 1080px; clear: both; margin: auto; text-align: left; } 
	.blueBar{ background: #182153; width: 100%; clear: both; text-align: center;  } 
	.navigation{ clear: both; margin: auto; max-width: 1080px; height: 44px; color: #fff; }
		.navigation ul{ list-style-type: none; width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: left; }
			.navigation ul li{ clear: none; float: left; margin-right: 12px; flex-grow: 1; line-height: 52px; font-size: 18px; text-align: left; }
				.navigation ul li a{ color: #fff; text-decoration: none; font-weight: bold; }
	
	.mobileOnly{ display: none;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
		#bodyDiv{ text-align: left; max-width: 1024px; margin: auto; margin-top: 24px; }

}