html {
    font-size: 62.5%;
	}

body { 
	font-family:'Source Sans Pro',sans-serif;
	margin:0;
	/*background-image:url("../resources/36px.png");
	background-position: left top;*/
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	}

img { 
	width:100%;
	border-style:none; 
	vertical-align: top;
	}

.hero_image {
	margin-bottom:36px;
	margin-bottom:3.6rem;
	border:1px solid #ccc; 
	}
	
.header_container {
	background-color:#0079C1;
	}

.header { 
	max-width:1200px;
	max-width:120rem;
	padding:36px;
	padding:3.6rem;
	margin-right:auto;
	margin-left:auto; 
	overflow:auto;
	}

.logo {
	float:left;
	max-width:333px;
	max-width:33.3rem;
	}
		
.content {
	max-width:700px;
	max-width:70rem;
	margin-top:54px;
	margin-top:5.4rem;
	margin-right:auto; 
	margin-left:auto; 
	padding:0 36px;
	padding:0 3.6rem;
	}
	
.footer { 
	margin-top:108px;
	margin-top:10.8rem;
	margin-bottom:80px;
	margin-bottom:8rem;
	}
	

/* TYPOGRAPHY ===================================================== */
	
h1 { 
	font-size:48px; 
	font-size:4.8rem; 
	line-height:54px; 
	line-height:5.4rem; 
	margin-top:0; 
	margin-bottom:36px; 
	margin-bottom:3.6rem; 
	font-weight:600; 
	color:#0079C1;
	}

h2 { 
	font-size:25px; 
	font-size:2.5rem; 
	line-height:36px; 
	line-height:3.6rem; 
	margin-top:36px;
	margin-top:3.6rem;
	margin-bottom:0; 
	font-weight:600; 
	color:#0079C1;
	}

.space_above {
	margin-top:0;
	}

p { 
	font-size:24px; 
	font-size:2.4rem; 
	line-height:36px; 
	line-height:3.6rem; 
	margin-top:0;
	margin-bottom:18px;
	margin-bottom:1.8rem;
	color:#333;
	}

.footer p {
	font-size:18px; 
	font-size:1.8rem; 
	line-height:24px; 
	line-height:2.4rem; 
	color:#0079C1;
	margin-top:3px;
	margin-top:0.3rem;
	}
	
ul {
	list-style-type:disc;
	font-size:24px; 
	font-size:2.4rem; 
	line-height:36px; 
	line-height:3.6rem; 
	margin-top:0;
	margin-bottom:18px;
	margin-bottom:1.8rem;
	padding-left:23px;
	padding-left:2.3rem;
	color:#333;
	}
	
a:link { color:#333; text-decoration:underline }
a:visited { color:#333; text-decoration:underline }
a:hover { color:#0079C1; text-decoration:underline }
a:active { color:#0079C1; text-decoration:underline }

.footer a:link { color:#0079C1; text-decoration:none }
.footer a:visited { color:#0079C1; text-decoration:none }
.footer a:hover { color:#333; text-decoration:underline }
.footer a:active { color:#333; text-decoration:underline }


/* NAV ===================================================== */

.nav { 
	float:right;
	font-size:21px; 
	font-size:2.1rem; 
	line-height:108px;
	line-height:10.8rem;
	}

.nav a {
    text-decoration:none;
    color:white;
  	display:block;
    float:left;
	padding-top:0;
	padding-right:15px;
	padding-right:1.5rem;
	padding-bottom:0;
	padding-left:15px;
	padding-left:1.5rem;
	}

.nav a:link {
	}

.nav a:visited {
	}

.nav a:hover {
    background-color:#002147;
	}
	
.nav a:active {
    background-color:#002147;
	}


/* RESPONSIVE ===================================================== */
	
@media screen and (max-width:820px) {
	.logo {
		float:none;
		}
		
	.nav { 
		float:none;
		}

	.header { 
		padding-bottom:0; 
		}
}		

@media screen and (max-width:470px) {
	html {
		font-size: 50%;
		}
	
	.nav a {
		padding-right:1rem;
		padding-left:1rem;		
		}
		
	.header { 
		padding:3.6rem 1.5rem 0 1.5rem; 
		}

	.content {
		padding:0 1.5rem;
		}
}