@charset "utf-8";
/* CSS Document */
/*html{
  height: 100%;
}*/

body{ background-color:#012c57; min-height:100%;}
.gridContainer{
	background-color:#fff;
		width: 87.36%;
	padding-left: 0%;
	padding-right: 0%;
	height:100%;
	}

/*start top navigation*/
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;

}

ul.topnav li {text-align: center;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #012c57;}

ul.topnav li a.active {background-color: #0063c0;}
/*end top navigation*/	
	
#headerOne{
	background-color:#000;
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	word-break: break-all;
	text-align:center;
	}	
	
.headerText1{
	position: absolute;
   	top: 5px; 
   	left: 0px; 
   	width: 70%; 
	color: #F00;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:45px;
	margin-left:45px;
   }	
	
#headerTwo{display: none;}
#headerThree{display: none;}



	
#info2{	
	margin:15px;
	}	
#information{	
	margin:15px;
	}		
	
#contact{margin:15px;}	
#info{margin:15px;}

#contact1{padding:15px;background-color:#fff;}	
#info1{padding:15px;background-color:#fff;}

#mainNav{
	text-align:center;
	background-color:#39F;
	}	
#mainNav a{
	display:block;
	margin: 15px;
	padding: 9px;
	text-decoration:none;
	border: .5px solid #a6abc5;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	
	}	
#mainNav a:hover{
	color:#00F;
	background-color:#06F;
	}
	
/*#mainNav a:selected{
	color:# FFF;
	background-color:# FF0;
	text-decoration:underline;
	border: 5px solid #000;
	}*/	
	
#footerNav{
	text-align:center;
	background-color:#39F;
	}	
#footerNav a{
	display:block;
	margin: 15px;
	padding: 9px;
	text-decoration:none;
	border: .5px solid #a6abc5;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	
	}	
#footerNav a:hover{
	color:#00F;
	background-color:#06F;
	}	
	
		

@media only screen and (min-width: 481px) {
.gridContainer{
	height:100%;
	}

/*start top navigation*/
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;

}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #012c57;}

ul.topnav li a.active {background-color: #0063c0;}
/*end top navigation*/	

#headerOne{display: none;}	
#headerTwo{
	background-color:#000;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}

.headerText2{
	position: absolute;
   	top: 40px; 
   	left: 10px; 
   	width: 100%; 
	color: #F00;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:45px;
   }
	
#headerThree{display: none;}
	
	
#mainNav{
	padding:10px 0px 10px 0px;	
	text-align:center;
	background-color:#39F;
	}	
#mainNav a{
	margin: 0px 5px 0px 5px;
	padding: 10px 9px 10px 9px;
	display:inline;
	text-decoration:none;
	border: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	}	
#mainNav a:hover{

	}	
	
	
	
#footerNav{
	padding:10px 0px 10px 0px;	
	text-align:center;
	background-color:#39F;
	}	
#footerNav a{
	margin: 0px 5px 0px 5px;
	padding: 10px 9px 10px 9px;
	display:inline;
	text-decoration:none;
	border: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	}	
#footerNav a:hover{

	}	
input{
	width:100%;
	}	
textarea{
	width:100%;
	}	
		
}

@media only screen and (min-width: 769px) {
.gridContainer{
	height:100%;
	}
	
	
/*start top navigation*/
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;

}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #012c57;}

ul.topnav li a.active {background-color: #0063c0;}
/*end top navigation*/	

#headerOne{display: none;}	
#headerTwo{display: none;}
#headerThree{
	background-color:#000;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
position: relative; 

	}
.headerText3{
	position: absolute;
   	top: 30px; 
   	left: 10px; 
   	width: 100%; 
	color: #F00;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:45px;
   }	
	
#mainNav{
	padding:10px 0px 10px 0px;
	text-align:center;
	background-color:#39F;
	}	
#mainNav a{
	margin: 0px 5px 0px 5px;
	padding: 10px 9px 10px 9px;
	display:inline;	
	border: 0px;
		-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}	
#mainNav a:hover{

	}	
	
	
	
#footerNav{
	padding:10px 0px 10px 0px;
	text-align:center;
	background-color:#39F;
	}	
#footerNav a{
	margin: 0px 5px 0px 5px;
	padding: 10px 9px 10px 9px;
	display:inline;	
	border: 0px;
		-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}	
#footerNav a:hover{

	}	
	

}