/****
 *
 * Base Styles and Mobile-First Defaults
 *
 */


/**
 * Reset
8888888b.                         888    
888   Y88b                        888    
888    888                        888    
888   d88P .d88b. .d8888b  .d88b. 888888 
8888888P" d8P  Y8b88K     d8P  Y8b888    
888 T88b  88888888"Y8888b.88888888888    
888  T88b Y8b.         X88Y8b.    Y88b.  
888   T88b "Y8888  88888P' "Y8888  "Y888 
**/

* {margin: 0; padding: 0; outline: none; border: none;}
ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
address {font-style: normal;}
input {-webkit-border-radius: 0;}



/**
 * Utility
888     888888   d8b888d8b888            
888     888888   Y8P888Y8P888            
888     888888      888   888            
888     888888888888888888888888888  888 
888     888888   888888888888   888  888 
888     888888   888888888888   888  888 
Y88b. .d88PY88b. 888888888Y88b. Y88b 888 
 "Y88888P"  "Y888888888888 "Y888 "Y88888 
                                     888 
                                Y8b d88P 
                                 "Y88P"  
**/

.sr-only {
	position: absolute !important;
	left: -5999px !important;
	top: 0 !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

span.nowrap {
	white-space: nowrap;
}

/**
 * Main
888b     d888        d8b         
8888b   d8888        Y8P         
88888b.d88888                    
888Y88888P888 8888b. 88888888b.  
888 Y888P 888    "88b888888 "88b 
888  Y8P  888.d888888888888  888 
888   "   888888  888888888  888 
888       888"Y888888888888  888 
**/

body {
	background: #002c4b;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

a {
	text-decoration: underline;
}

	a:hover {
		text-decoration: none;
	}

img {
	max-width: 100%;
	height: auto;
}

img.alignleft,
img.alignright {
	display: block;
	margin: 1em 0;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.pull-right {
	float: right;
	margin: 0 0 2em 2em;
}

.primary {
	padding-top: 2em;
	padding-bottom: 2em;
	background: #fff;
	color: #333;
}

	.primary a {
		color: #00548d;
	}

	.primary a.current-menu-item {
		color: #000;
		text-decoration: none;
	}

.secondary {
	color: #e6eaed;
}

	.secondary a {
		color: #fff;
	}

h2 {
	font-size: 133%;
	font-weight: normal;
}

p {
	font-weight: 300;
}

a {
	font-weight: normal;
}

.content {
	padding: 2em;
}

	.content h1 {
		font-size: 250%;
		font-weight: 300;
		margin-bottom: 0.5em;
	}

	.content h2 {
		font-size: 155%;
		font-weight: 300;
		padding-top: 0.5em;
		margin-bottom: 0.5em;
	}

	.content h3 {
		font-size: 120%;
		font-weight: 400;
		padding-top: 0.5em;
		color: #666;
		margin-bottom: 0.5em;
	}

	.content h4 {
		font-size: 100%;
		font-weight: bold;
		padding-top: 0.5em;
		color: #777;
		margin-bottom: 0.5em;
	}

	.content p,
	.content ul,
	.content ol,
	.content blockquote,
	.content dd {
		font-weight: 300;
		margin-bottom: 1em;
		margin-top: 1em;
	}

	.content dt {
		margin-bottom: 1em;
	}

	.content ul > li {
		list-style: square;
		margin-left: 2em;
	}

	.content ol > li {
		list-style: decimal;
		margin-left: 2em;
	}

	.content a {
		font-weight: normal;
	}

	.content table {
		margin-bottom: 2em;
		font-weight: 300;
		text-align: center;
		border-collapse: separate;
		border-spacing: 0;
		font-size: 90%;
	}

		.content table tr {
			margin: 0;
			padding: 0;
		}

		.content table th,
		.content table td {
			border-bottom: 1px solid #ddd;
			margin: 0;
			padding: 0.5em 0.25em;
		}

		.content table th {
			font-weight: normal;
		}

/**
 * Header and Nav
888    888                     888                
888    888                     888                
888    888                     888                
8888888888 .d88b.  8888b.  .d88888 .d88b. 888d888 
888    888d8P  Y8b    "88bd88" 888d8P  Y8b888P"   
888    88888888888.d888888888  88888888888888     
888    888Y8b.    888  888Y88b 888Y8b.    888     
888    888 "Y8888 "Y888888 "Y88888 "Y8888 888     
**/
.header {
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right; 2em;
}

	.header .link-home {
		display: block;
		position: relative;
		z-index: 20;
		text-decoration: none;
		color: #333;
	}

	.header h1 {
		position: relative;
		font-weight: 300;
		font-size: 32px;
		line-height: 1.2em;
		margin-left: 85px;
	}

	.header h2 {
		position: relative;
		font-weight: 300;
		font-size: 20px;
		line-height: 1.2em;
	}

	.header h3 {
		position: relative;
		font-weight: 400;
		font-size: 14px;
		margin: 0.75em 0;
	}

	.header .logo {
		position: absolute;
		left: 0em;
		top: 0;
		width: 75px;
		height: auto;
	}

	.header .subheader {
		position: relative;
		margin-left: 85px;
	}

/**
 * Footer
8888888888             888                   
888                    888                   
888                    888                   
8888888 .d88b.  .d88b. 888888 .d88b. 888d888 
888    d88""88bd88""88b888   d8P  Y8b888P"   
888    888  888888  888888   88888888888     
888    Y88..88PY88..88PY88b. Y8b.    888     
888     "Y88P"  "Y88P"  "Y888 "Y8888 888     
**/

.footer {
	font-weight: 300;
	padding: 2em;
}

	.footer p {
		margin-bottom: 1em;
	}

	.footer a {
		text-decoration: none;
	}

		.footer a:hover {
			text-decoration: underline;
		}



/**
 * Home
888    888                              
888    888                              
888    888                              
8888888888 .d88b. 88888b.d88b.  .d88b.  
888    888d88""88b888 "888 "88bd8P  Y8b 
888    888888  888888  888  88888888888 
888    888Y88..88P888  888  888Y8b.     
888    888 "Y88P" 888  888  888 "Y8888  
**/

.intro {
	font-weight: 300;
}

	.intro p {
		font-size: 122%;
		line-height: 1.5em;
	}

	.intro .btns-cta {
		text-align: center;
		margin-top: 2em;
		font-size: 133%;
	}

/**
 * Debug
8888888b.         888                      
888  "Y88b        888                      
888    888        888                      
888    888 .d88b. 88888b. 888  888 .d88b.  
888    888d8P  Y8b888 "88b888  888d88P"88b 
888    88888888888888  888888  888888  888 
888  .d88PY8b.    888 d88PY88b 888Y88b 888 
8888888P"  "Y8888 88888P"  "Y88888 "Y88888 
                                       888 
                                  Y8b d88P 
                                   "Y88P"  
**/

#debug_top {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	width: 125px;
	padding: 0;
	z-index: 999999;
	background: #e36;
	color: #fff;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 10px;
}

	#debug_top:after {
		content: "base";
		position: absolute;
		display: block;
		left: 100%;
		top: 0;
		width: 75px;
		height: 1.5em;
		background: #e36;
		color: #fff;
	}


/**
 * Tablet and larger
88888888888     888     888        888    
    888         888     888        888    
    888         888     888        888    
    888  8888b. 88888b. 888 .d88b. 888888 
    888     "88b888 "88b888d8P  Y8b888    
    888 .d888888888  88888888888888888    
    888 888  888888 d88P888Y8b.    Y88b.  
    888 "Y88888888888P" 888 "Y8888  "Y888 
**/
@media all and (min-width: 600px) {

	img.alignleft {
		float: left;
		margin-right: 2em;
		background: #f6f6f6;
	}

		.half img.alignleft {
			float: none;
			margin: 1em 0;
		}

	img.alignright {
		float: right;
		margin-left: 2em;
		background: #f6f6f6;
	}

		.half img.alignright {
			float: none;
			margin: 1em 0;
		}

}