@charset "utf-8";


body {
	background-color: #0D2953;
	color: white
}


main, header, section, div, aside, h1, h2, h3, h4, p {
	margin: 0;
	padding:0;
}

#left{
	position: absolute;
	top: 0;
	left: 0;
	width:17.5%;
	margin: 20px 0 0 5%;
}

#right{
	position: absolute;
	top: 0;
	right: 0;
	width:17.5%;
	margin: 20px 5% 0 0;
}
 

div {
	height: 50px;
	width: 50%;
	margin: 20px auto 0 auto;
	
}


h4  {
	
	font-size: 1.3em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	
}

h4 a{padding: 0 4%;}

section {
	height: 50px;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	
}


h2  {font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-align: center;
	font-size: 2.1em;
	font-weight: 200;
	padding-top: 30px;
	}




body h1 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-align: center;
	font-size: 3.1em;
	font-weight: 200;
	}


p {position: absolute;
	top: 0;
	left: 0;
	margin-top: 300px;
	margin-right: 5%;
	margin-left: 5%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.2em;
	font-weight:lighter;
	text-align: left;
	}

p span {font-style: italic}

a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#top {
	text-decoration:underline;
	font-size: .9em;
}
	

#copy{
	font-size: .6em;
	text-align: right;
	font-style: normal;
	float: right;
	color: #2063A1;
	}


a:visited {color: #FFFFFF}

a:hover {color: darksalmon}

 h4 a:link {
	color: #2063A1;
	text-decoration: none;
}

 h4 a:visited {
	color: #2063A1;
	text-decoration: none;
}

 h4 a:hover {
	color: darksalmon;
	text-decoration: none;
}



/*desktop less than 1140px */
@media only screen and (max-width: 1139px) {
	
	
	
	p {margin-top: 275px;}		
}

/*tablet portrait to standard 960 */
@media only screen and (max-width: 959px) {
	
	h2{font-size: 1.9em;}
	
	body h1{font-size: 2.9em;}
	
	p {margin-top: 250px;}
		
}
	
/*mobile landscape to tablet portrait */
@media only screen and (max-width: 767px) {
	
#left{  
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	margin: 20px 0 0 5%;
}	
	
#right{
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	margin: 20px 5% 0 0;
}	

	div {
	height: auto;
	width: 40%;
	margin: 20px auto 0 auto;
	
}
	
	h4  {
	
	font-size: 1.3em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 150%;
	
}
	
	section {
	height: 50px;
	width: 40%;
	margin: 0 auto;
	text-align: center;
	
}
	
	
	h2  {font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-align: center;
	font-size: 1.8em;
	font-weight: 200;
	padding-top: 40px;
	}
	
	body h1 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-align: center;
	font-size: 2.6em;
	font-weight: 200;
	padding-top: 10px;
	}
	
}




/*mobile portrait to mobile landscape */
@media only screen and (max-width: 579px) {
	
#left{  
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	margin: 20px 0 0 5%;
}	
	
#right{
	position: absolute;
	top: 0;
	right: 0;
	width: 25%;
	margin: 20px 5% 0 0;
}
	
	div {
	height: auto;
	width: 25%;
	margin: 20px auto 0 auto;
	
}
	
	
	
	
	
	h4  {
	
	font-size: 1.3em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 150%;
	
}
	
	section {
	height: 50px;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	
}
	
	h2  {font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-align: center;
	font-size: 1.7em;
	font-weight: 200;
	padding-top: 30px;
	}

	body h1 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-align: center;
	font-size: 2.4em;
	font-weight: 200;
	padding-top: 0px;
	}
	
	p {margin-top: 275px;
	font-size: 1.1em}
}