html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* clear floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
body, select, input, textarea {color: #333;}

/* Default Styles */

a { color: #354c99; text-decoration: none; }
a:visited { color: #354c99; }
a:hover, a:active { border-bottom: thin dotted #354c99; }
a.imageLink:hover, a:active.imageLink { border-bottom: none; }

p {
	color: #333;
	padding:0px 0px 20px 20px;
	text-align:justify;
}

ul {
	padding:0px 0px 20px 20px;
}

li {
	color: #333;
}

h1 {
	color: #354c99;
	border-bottom:solid 1px #354c99;
	margin-bottom:8px;
	margin-top:16px;
}

h1.pageTitle {
	color: #888;
    font-size: 24px;
	padding: 5px 0px;
    border-color: #354c99;
	border-width: 0px 2px;
	border-style: solid;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    background-color: #eee;
	width: calc(100% - 4px);
}

h2 {
	color: #354c99;
	border-bottom:solid 1px #354c99;
	margin-bottom:8px;
	margin-top:16px;
}

h3 {
	font-size:18px;
	color: #354c99;
	margin-bottom:4px;
}

h4 {
	color: #333;
	padding:0px 0px 0px 20px;
}

.small {
	font-size:14px;
}

/* +++++=====-----  CHANGE FILENAME BELOW FOR BACKGROUND IMAGE  -----=====+++++ */
/* ++++++=======--------  CROP IMAGE TO 1920px X 1080px  --------=======++++++ */

body {
	font: 16px Calibri, Arial, Helvetica, sans-serif;
	background-image:url(../images/background/summer-background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #333;
}

/* +++++=====-----  CHANGE FILENAME ABOVE FOR BACKGROUND IMAGE  -----=====+++++ */

#preContainer {
	background-image: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	padding:0;
	text-align: center;
	width: 1004px;
}

#container {
	background-image: url(../images/template/container-background.png);
	background-size: cover;
	background-repeat:repeat-y;
	border-color: rgba(255, 255, 255, .5);
	border-width: 0px 10px;
	border-style: solid;
	border-radius: 0px 0px 15px 15px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 20px;
	padding:0;
	text-align: left;
	width: 100%;
}

#mainContent {
	margin: 0;
	padding: 0;
}

/* Header */

#header {
	background-image:url(../images/background/header-background.png);
	background-size: cover;
	border-color: #354c99;
	border-width: 0px 2px;
	border-style: solid;
	display: flex;
	flex-direction: row;
	font-family:Lato, Arial, Helvetica, sans-serif;
	height: 142px;
	justify-content: space-between;
	margin: 0 0px;
	padding:0;
	width: calc(100% - 4px);
}

#headerColOne {
	flex-grow:1;	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#headerNameAndTitle {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	height: 85px;
}

#headerNameAndTitle h1 {
	border: none;
	color: #fff;
	flex-grow: 1;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: 5px;
	margin-right: 0px;
	padding-left: 40px;
	text-transform: uppercase;
	width: fit-content;
}

#headerNameAndTitle h2 { 
	border: none;
	color: #fff;
	flex-grow: 1;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.25em;
	text-transform: uppercase;
}


#headerColTwo {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 138px;
	flex-grow:0;
}

#headerColTwo img {
	height: 132px;
	border-width: 0px 2px 2px 2px;
	border-color:  rgba(255, 255, 255, .75);
	border-style: solid;
	width: 136px;
}

#headerColTwoMobile {
	display: none;
}


#headerColThree {
	flex-grow:0;
	width:20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#headerColThree .menuContainer {
	width:20px; margin-top: 85px;
	border-color:  rgba(255, 255, 255, .75);
	border-width: 2px 0px;
	border-style: solid;
	background-color: rgba(53, 76, 153, .75);
	height: 29px;
	position:relative;
}


.position {
	font-size:9px;
}

/* Menu */

nav {
	border-color:  rgba(255, 255, 255, .75);
	border-width: 2px 0px;
	border-style: solid;
	background-color: rgba(53, 76, 153, .75);
	height: 29px;
	position:relative;
}

nav ul.mainMenu {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 5px 5px 5px 30px;
}

nav ul.mainMenu li {
	letter-spacing:.25em;
	font-size:14px;
	border-color:  rgba(255, 255, 255, .5);
	border-width: 0px 2px 0px 0px;
	border-style: solid;
}

nav ul.mainMenu li a:link { 
	color: #fff; 
	text-decoration: none;
	border: none;
	background-color: transparent;
	outline: 0; 
	padding: 0px 10px;
	text-transform: uppercase;
}

nav ul.mainMenu li a:visited { 
	color: #fff; 
	text-decoration: none;
	border: none;
	background-color: transparent;
	outline: 0; 
	padding: 0px 10px;
}

nav ul.mainMenu li a:hover { 
	color: #d1dafc; 
	text-decoration: none;
	border: none;
	background-color: transparent;
	outline: 0; 
	padding: 0px 10px;
}

nav ul.mainMenu li a:active { 
	color: #d1dafc; 
	text-decoration: none;
	border: none;
	background-color: transparent;
	outline: 0; 
	padding: 0px 10px;
}



nav ul.mainMenu li a:hover, a:active { outline: 0; color: #d1dafc; border: none; }

/*

ul.subMenu { width:fit-content; padding:0;}

ul.subMenu li { margin: 10px 0px; height: auto; }

ul.subMenu li a:link, a:visited, a:active {border: none; background-color: #2a2a2a; padding: 8px 15px; text-align: center; border-radius: 0px 0px 10px 0px; color: #fff; font-weight: bold; display: block; text-decoration: none;}

ul.subMenu li a:hover {background-color: #354c99;}
*/
.references p {
  padding-left: 40px;
  text-indent: -20px;
}


p.indented {
  padding-left: 40px;
  text-indent: 0px;
}


/* Main Content */

#leftColumn {
	width: calc(60% - 4px);
	margin: 10px 0 0 0;
	padding: 0;
	background-color:#fff;
}

#oneColumn {
	border-color: #354c99;
	border-width: 0px 2px;
	border-style: solid;
	width: auto;
	margin: 0px 0 0 0;
	padding: 10px 40px 0 20px;
	background-color:#fff;
}


/* Right Column */

#rightColumn {
	width:30%;
	margin: 0 0 0 0px;
	padding: 20px 20px 0 32px;
	float:right;
	text-align:center;
}

#rightColumn h3 {
	font-size:16px;
	color: #354c99;
	border-bottom:1px solid #354c99;
	margin:0 0 4px 0;
	text-align:center
}

#rightColumn p {
	text-align:center;
	padding: 1px 0px 10px 0px;
}

/* Footer */

#footer {
	border-color: #354c99;
	border-width: 0px 2px;
	border-style: solid;
	width: calc(100% - 4px);
	height: 71px;
	background-image:url(../images/template/footer-background.jpg);
	background-position: center;
	padding:0;
	font-family:Lato, Arial, Helvetica, sans-serif;
	color: #fff;
}

.footerText {
	color: #fff;
	font-size:12px;
	text-align:center;
	padding:18px 0px 0px 0px;
}

#bottomCap {
	background-color: #2a2a2a;
	border-color: #354c99;
	border-width: 0px 2px;
	border-style: solid;
	border-radius: 0px 0px 15px 15px;
	margin-bottom: 10px;
	width: calc(100% - 4px);
	height:21px;
	padding:0;
}

		
		@media screen and (min-width : 1px) and (max-width : 601px) {
			
					
			
			
					body {
						background-image: none;
						background-color: #2a2a2a;
					}
					
					p {
						padding: 5px 0px 10px 5px;
					}
					
					.references p {
						padding-left: 15px;
						text-indent: -15px;
					}
								
					p.indented {
						padding-left: 15px;
						text-indent: 0px;
					}
					
					#preContainer {
						width: 100%;
					}
					
					#container {
						background-image: none;
						background-color: #fff;
						border: none;
						border-radius: 0px;
						color: #fff;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						margin-bottom: 20px;
						padding:0;
						text-align: left;
						width: 100%;
					}
					
					#header {
						background-image:url(../images/background/header-background.png);
						background-size: cover;
						border-color: #354c99;
						border-width: 0px 0px;
						border-style: solid;
						display: flex;
						flex-direction: column;
						font-family:Lato, Arial, Helvetica, sans-serif;
						height: auto;
						justify-content: space-between;
						margin: 0 0px;
						padding:0;
						width: calc(100%);
					}
					
					h1.pageTitle {
						border-width: 0px 0px;
						width: calc(90%);
						padding-left: 5%;
						padding-right: 5%;
					}
					

					#headerColOne {
						flex-grow: 1;
						display: flex;
						flex-direction: column;
						justify-content: center;
					}

					#headerNameAndTitle {
						align-items: center;
						display: flex;
						flex-direction: column;
						justify-content: center;
						height: auto;
					}

					#headerNameAndTitle h1 {
						border: none;
						color: #fff;
						flex-grow: 1;
						font-size: 28px;
						font-weight: 400;
						letter-spacing: 2px;
						margin: 10px 10px 0px 10px;
						padding-left: 0px;
						text-transform: uppercase;
						width: fit-content;
						text-align: center;
					}

					#headerNameAndTitle h2 { 
						border: none;
						color: #fff;
						flex-grow: 0;
						font-size: 12px;
						font-weight: normal;
						line-height: 1.25em;
						text-transform: uppercase;
						margin: 5px 10px 15px 10px;
						padding-right: 0px;
						text-align: center;
					}

					#headerColTwo {
						display: none;
		
						
					}	
						
					#headerColTwo img {
						display: none;
					}
					
					#headerColTwoMobile {
						display: flex;
						align-items: center;
						justify-content: center;
						border: none;
						border-bottom: 5px solid #354c99;
						width: 100%;
						height: 350px;
						overflow: hidden;
						
					}	
						
					#headerColTwoMobile img {
						width: 100%;
						height: auto;
						border-width: 2px 0px 2px 0px;
						border-color:  rgba(255, 255, 255, .75);
						border-style: solid;
					}

					#headerColThree {
							display: none;
					}
			
					nav {
						height: auto;
					}
			
					nav ul.mainMenu {
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						padding: 5px 5px 5px 5px;
					}

					nav ul.mainMenu li {
						padding: 5px 10px;
						letter-spacing:.25em;
						font-size:14px;
						font-weight: bold;
						border-color:  rgba(255, 255, 255, .5);
						border-width: 0px 0px 2px 0px;
						border-style: solid;
						text-align: center;
					}
					
					nav ul.mainMenu li a:link, a:visited {
						height: 25px;
						display: block;
						padding: 5px 0px 0px 0px;
						border-radius: 0px;
					}
					
					nav ul.mainMenu li a:hover {
						height: 25px;
						display: block;
						padding: 5px 0px 0px 0px;
						border-radius: 0px;
						background-color: #2a2a2a;
					}
					
					nav ul.mainMenu li a:active {
						height: 25px;
						display: block;
						padding: 5px 0px 0px 0px;
						border-radius: 0px;
						color: #fff;
						background-color: #2a2a2a;
					}
				
			
					#mainContent {
						border: none;
					}
					
					#oneColumn {
						border: none;
						padding: 15px 20px 0 15px;
					}
					
											
					#rightColumn {
						width: 100%;
						margin: 0 0 0 0px;
						padding: 20px 0px 0px 0px;
						float: none;
						text-align: center;
					}
					
					#footer {
						background-color: #222;
						border: none;
						margin: 0px;
						width: 100%;
			
					}
					
					#bottomCap {
						background-color: #2a2a2a;
						border: none;
						border-radius: 0px;
						margin: 0px;
						width: 100%;
					}
			
		}


		@media screen and (min-width : 1px) and (max-width : 370px) {
					#headerColTwoMobile {
						display: flex;
						align-items: flex-start;
						justify-content: center;
						border: none;
						border-bottom: 5px solid #354c99;
						width: 100%;
						height: 275px;
						overflow: hidden;
						
					}	
						
					#headerColTwoMobile img {
						width: 100%;
						height: auto;
						border-width: 2px 0px 2px 0px;
						border-color:  rgba(255, 255, 255, .75);
						border-style: solid;
					}
		}



				@media screen and (min-width : 602px) 
				and (max-width : 700px) {
					
					body {
						background-image: none;
					}
					
					#preContainer {
						width: 100%;
					}
					
					#container {
						background-image: none;
						background-color: #fff;
						border: none;
						border-radius: 0px;
						color: #fff;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						margin-bottom: 20px;
						padding:0;
						text-align: left;
						width: 100%;
					}
					
					#header {
						background-image:url(../images/background/header-background.png);
						background-size: cover;
						border-color: #354c99;
						border-width: 0px 0px;
						border-style: solid;
						display: flex;
						flex-direction: row;
						font-family:Lato, Arial, Helvetica, sans-serif;
						height: 142px;
						justify-content: space-between;
						margin: 0 0px;
						padding:0;
						width: calc(100%);
					}
					

					#headerColOne {
						flex-grow: 1;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
					}

					#headerNameAndTitle {
						align-items: center;
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						height: 85px;
					}

					#headerNameAndTitle h1 {
						border: none;
						color: #fff;
						flex-grow: 1;
						font-size: 24px;
						font-weight: 400;
						letter-spacing: 2px;
						margin: 5px 0px 5px 0px;
						padding-left: 40px;
						text-transform: uppercase;
						width: fit-content;
					}

					#headerNameAndTitle h2 { 
						border: none;
						color: #fff;
						flex-grow: 0;
						font-size: 12px;
						font-weight: normal;
						line-height: 1.25em;
						text-transform: uppercase;
						margin: 5px 0px 5px 0px;
						padding-right: 20px;
					}

					#headerColTwo {
						display: none;
					}	
						
					#headerColTwo img {
						
					
						width: 136px;
						height: 132px;
						border-width: 0px 2px 2px 2px;
						border-color:  rgba(255, 255, 255, .75);
						border-style: solid;
					}

					#headerColThree {
							display: none;
					}
					
										
					#footer {
						background-color: #222;
						border: none;
						margin: 0px;
						width: 100%;
			
					}
					
					#bottomCap {
						background-color: #2a2a2a;
						border: none;
						border-radius: 0px;
						margin: 0px;
						width: 100%;
					}
					
				}


						@media screen and (min-width : 701px) 
						and (max-width : 1050px) {
							
								body {
								background-image: none;
							}
							
							
							#preContainer {
								width: 100%;
							}
							
							#container {
								background-image: none;
								background-color: #fff;
								border: none;
								border-radius: 0px;
								color: #fff;
								display: flex;
								flex-direction: column;
								justify-content: flex-start;
								margin-bottom: 20px;
								padding:0;
								text-align: left;
								width: 100%;
							}
							
							#header {
								background-image:url(../images/background/header-background.png);
								background-size: cover;
								border-color: #354c99;
								border-width: 0px 0px;
								border-style: solid;
								display: flex;
								flex-direction: row;
								font-family:Lato, Arial, Helvetica, sans-serif;
								height: 142px;
								justify-content: space-between;
								margin: 0 0px;
								padding:0;
								width: calc(100%);
							}
							

							#headerColOne {
								flex-grow: 1;
								display: flex;
								flex-direction: column;
								justify-content: flex-start;
								 width: min-content;
							}

							#headerNameAndTitle {
								align-items: center;
								display: flex;
								flex-direction: row;
								justify-content: flex-start;
								height: 85px;
							}

							#headerNameAndTitle h1 {
								border: none;
								color: #fff;
								flex-grow: 1;
								font-size: 24px;
								font-weight: 400;
								letter-spacing: 2px;
								margin: 5px 0px 5px 0px;
								padding-left: 40px;
								text-transform: uppercase;
								width: fit-content;
							}

							#headerNameAndTitle h2 { 
								border: none;
								color: #fff;
								flex-grow: 0;
								font-size: 14px;
								font-weight: normal;
								line-height: 1.25em;
								text-transform: uppercase;
								margin: 5px 0px 5px 0px;
								padding-right: 20px;
								    width: 45%;
							}

							#headerColTwo {
								display: flex;
								flex-grow: 0;
							}	
								
							#headerColTwo img {
								width: 136px;
								height: 132px;
								border-width: 0px 2px 2px 2px;
								border-color:  rgba(255, 255, 255, .75);
								border-style: solid;
							}

							#headerColThree .menuContainer {
									width:20px; margin-top: 85px;
							}
	
														
												
							#footer {
								background-color: #222;
								border: none;
								margin: 0px;
								width: 100%;
					
							}
							
							#bottomCap {
								background-color: #2a2a2a;
								border: none;
								border-radius: 0px;
								margin: 0px;
								width: 100%;
							}
									
						}