@charset "utf-8";
/* CSS Document */
html {   
     box-sizing: border-box; 
} 

*, *:before, *:after {   
     box-sizing: inherit; 
	} 	

body {
	background-color: #CCFFFF;
}
.wrapper {
  margin: 0 auto;
  width: 80%;
  max-width: 960px;
  background-color: #FFFFFF;
  color: #333333;
}
#lighthouse {
	width: 250px;
	float: right;
}

header {
	background-color: #7EA5C6;
	padding-left: 120px;
	padding-top: 20px;
	color: #000055;
	min-height: 120px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
main {
	width: 80%;
	float: right;
	padding: 10px;
}
nav {	
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	width: 20%;
	background-color: #B3C7E6;
	float: left;
}
nav a {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #00005d;
}
nav a:link {
	text-decoration: none;
	color: #222222;
	font-size: 24px;
}
nav a:visited {
	color: #00005D;
}
nav a:hover {
	color: #00005D;
	background-color: #eaeaea;
}
footer {
	padding: 10px;
	text-align: center;
	background-color: #869dc7;
	clear: both;
	font-weight: 900;
}


@media print{
	* { 
		background-color:#FFF !important;
		background-image: none !important;
		color:#000 !important; 
	}
	
	nav, footer { 
		display: none; 
	}
	
	#wrapper, main {
		width: 100%;
		margin: 0; 
	}
	
	body {
		font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif' !important;
		line-height: 1;
	}
	
	main:before {
		content: "Please see www.mysite.com for the latest version of this information.";
		border: thin dotted;
		padding: 5px;
	}
	
	a[href*='//']:after, a[href*='mailto']:after {
		content: " ["attr(href)"] ";
		font-size: .75em;
		font-weight: normal;
		word-wrap: break-word;
	}

}