@charset "UTF-8";
/* CSS Document */

body {
	padding:0px;
	margin:0px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
	background-color:#005599;
	position:relative;
}
p {
	margin:0px;
	line-height:28px;	
	margin-bottom:20px;
}
h1 {
	margin:0px;
	color:#005599;
	font-size:30px;
	line-height:30px;
	
}
h2 {
	margin:0px;
	margin-bottom:10px;
	color:#005599;
	font-size:24px;
	line-height:24px;
	
}
.mainMenuButton {
	padding:5px;
	text-align:center;
	font-weight:lighter;
	flex:1;
	letter-spacing: 3px;
	vertical-align:middle;
     transition: background-color .5s;
	 cursor:pointer;
	border-top:solid 1px black;
	 }
.mainMenuButton:hover {
	background-color:#005599;
}
.threeCol {
	display:flex;
}
.third {
	flex:1;
	padding:10px;
}
.CTAbutton {
	background-color:#00B273;
	border-radius:10px;
	border:solid 1px black;
	color:white;
	padding:10px;
	font-size:24px;
	text-align:center;
	font-weight:bold;
     transition: background-color .5s;	
}
.CTAbutton:hover {
	background-color:#005599;
}
#page {
	background-color:white;
}
#footer {
	clear:both;
	padding:10px;
	color:white;
	background-color:#005599;"
	height:100%;
	font-weight:lighter;
	letter-spacing: 1px;
	position:relative;
}
#page {
	padding:20px;
}
#header {
	display: flex;
	background-color: #005599;
	padding: 10px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,85,153,1.00) 0%,rgba(201,231,255,1.00) 28.52%,rgba(0,85,153,1.00) 73.25%,rgba(0,45,81,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,85,153,1.00) 0%,rgba(201,231,255,1.00) 28.52%,rgba(0,85,153,1.00) 73.25%,rgba(0,45,81,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,85,153,1.00) 0%,rgba(201,231,255,1.00) 28.52%,rgba(0,85,153,1.00) 73.25%,rgba(0,45,81,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,85,153,1.00) 0%,rgba(201,231,255,1.00) 28.52%,rgba(0,85,153,1.00) 73.25%,rgba(0,45,81,1.00) 100%);
}
#header2 {
	display: flex;
	background-color: #A2D6FF;
	padding: 10px;
}
ul {
    list-style-type: circle;	
	line-height:28px;
	vertical-align:middle;
}
#menu {
	background-color:black; color:white; display: flex;
	border-top:solid 1px white;
	clear:both;
}
.extraContent {
	width:75%;
	max-width:900px; 
	height:75%; 
	border:solid 1px #000000; 
	background-repeat:repeat-x; 
	background-position:bottom; 
	background-color:#ffffff; 
	z-index:201; 
	padding:10px; 
	text-align:left;
	position:fixed;
    left:0; right:0;
    top:0; bottom:0;
	margin:auto;
	overflow:auto;
}

#closeButton {	
	position:absolute; 
	top:0px; right:0px;  
	width:30px; height:30px; 
	background-color:#000000;
}
#closeButton:hover {	
	background-color:#c6093b;
}
#Logo {
	flex-basis:40%;
}
#premier {
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}
#tagline {
/*	background-color:#A2D6FF; */
	text-align:center;
	float:right;
	margin-right:auto;
	margin-left:auto;
	flex-basis:60%;
}
.footerColumns { display:flex; margin:25px; }
.footerCol { flex:1; line-height:20px; padding:10px; }
.footerCol p { margin-bottom:10px; font-size:16px; }

.footerColumns a {
	color:white;	
}
.fpo {
	border:solid 1px black;
	background-color:#CECECE;	
	padding-top:100px;
	padding-bottom:100px;
	text-align:center;
}
.columnImg600 {
	width:100%;
	max-width:600px;
	margin-right:auto;
	margin-left:auto;
}
.caption {
	font-style:italic;
	font-size:14px;
	margin-bottom:20px;
}

@media screen and (max-width: 1000px)  {
#premier {
	color:white;
	font-weight:bold;
	font-size:10px;
}
	#tagline {
		font-size:11px;
	}

}
@media screen and (max-width: 600px)  {
	#Logo {
		text-align:center;	
	}
	#tagline {
		font-size:10px;
	}
	
	.mainMenuButton {
		flex:0;
		border-bottom:solid 1px #A0A0A0;
	}
	.third {
		flex:0;
	}
	#header {
		display: block;
	}
	.threeCol {
		display: block;
	}


	#menu {
		background-color:black; color:white; display: block;
	}
	.footerColumns { display:block; margin:25px;}
	.footerCol {flex:0; line-height:20px; margin-bottom:10px;}


}