@import url(https://fonts.googleapis.com/css?family=Tinos:400,400italic,700,700italic);

body { 
	margin: 0; padding: 0;
	color: #000; 
	background: #fff;
	font: 100%/1.5 'Tinos', serif;
	text-align: center;
}
p.hide { 
	display: none; 
	}
a img { border: 0; }
a { 
	color: #244D92;  
	}
a:visited { 
	color: #244D92;  
	}
a:hover { 
	color: #E53D09; 
	}
#container {
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
	width: 980px;
}
#masthead {
	width: auto;
	margin: 0;
	padding: 0;
	}
#nav {
	width: auto;
	padding: 0;
	margin: 0 0 15px 0;
	}
#nav a {
	padding: 0 3px;
	margin: 0 4px;
	text-decoration: none;
	font-size: 1em;
	color: #666;
	}
#nav a:hover {
	color: #E53D09;
	}
	
#page {
	margin: 0 70px;
	}
h2, h3 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	}
h1 { 
	font-family: Papyrus, Georgia, Times, serif;
	font-weight: normal;
	color: #E53D09;
	font-size: 40px;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 15px;
	letter-spacing: 1px;
	text-align: center;
	}
h1 span { display: none; }
h2 { 
	font-size: 34px;
	line-height: 1.3; 
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: .5em;
	margin: 0 90px; 
	color: #666;
	background-color: #D1E2E6;
	text-align: center;
	}
h2 a {
	display: block;
	width: auto;
	}
h2 a, h2 a:visited {
	text-decoration: none;
	color: #666;
	}
h2 a:hover {
	background-color: #FFBA00;
	}
h3 { 
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000; 
	margin-bottom: .5em; 
	margin-top: 1em;
	padding: 0; 
	}
h4 {
	color: #000;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
	}
p, ol, ul { 
	font-size: 1.2em;
	line-height: 1.3; 
	margin-top: 0; 
	margin-bottom: 1em;
	}
dd {
	font-size: 1.2em;
}
dd ul, dd ol {
	font-size: 1em;
}
p em { 
	font-style: italic; 
	}
li { 
	margin-top: 0; 
	margin-bottom: 0; 
	}
li p { font-size: 1em; }
ul.sep li {
	margin-bottom: .5em;
	}
.fll {
	display: block;
	border: 0;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	}
.flr {
	display: block;
	border: 0;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	}
img.framed { border: 1px solid #000; }
.outlined {
	border: 1px solid #000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

p.top {
	font-size: .85em;
	line-height: 1.2em;
	clear: both;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
	}
.cen { text-align: center; }
.indent { margin-left: 25px; }
.clr { clear: both; margin: 0; }
.sm { font-size: .8em; }
.big { font-size: 1.4em; line-height: 1.4em; }
.subcapt { font-size: .8em; clear: left; text-align: left; margin-top: -18px; margin-bottom: 22px; }
.quote1 {
	color: #E53D09;
	font-size: 1.1em;
	line-height: 1.5em;
	}
.quote2 {
	color: #E53D09;
	}
#footer { 
	clear: both;
	margin: 2em 0 .75em 0;
	padding: 0;
	text-align: center;
	font-size: .9em;
	line-height: 1.2em;
	color: #777;
	}
#footer img { padding-top: 5px; }
table.icons {
	margin-bottom: 10px;
	}
table.icons td {
	vertical-align: top;
	font-size: .9em;
	line-height: 1.1;
	}
table.icons img {
	width: 125px;
	height: 83px;
	}
table.icons a {
	text-decoration: none;
	}
.divbar {
	border-bottom: 1px solid #ccc;
	margin: 0 0 1em 0;
	padding: 0;
	}
.divbar2 {
	border-bottom: 3px solid #369;
	margin: 1em 0;
	padding: 0;
	}
h2.eagle-eye { background-image: url(images/eye_bird_tn2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

	
@media screen and ( max-width: 900px ) {
	img { max-width: 100%; height: auto; }
	body { font-size: 95%; }
	#container {
		margin: 0;
		padding: 10px;
		width: auto !important;
	}
	#nav #hom { display: block; margin-bottom: 5px; }
	#nav { line-height: 1.7; }
	#nav a { white-space: nowrap; }
	#page, h2 { margin: 0 auto; max-width: 800px; }
	h2 { font-size: 28px; letter-spacing: .4em; }
	img.pageicon { max-width: 40%; height: auto; margin-top: 10px; }
	#footer { margin-top: 1em; }
	.fll, .flr { max-width: 45%; }
	object, embed, iframe { max-width: 100%; }
	table.icons img { max-width: 100%; height: auto; }
	table.icons tr { display: inline; }
	table.icons td { display: inline-block; width: 20%; padding: 10px 2%; }

}
@media screen and ( max-width: 600px ) {
	table.icons td { width: 28%; }
}

@media screen and ( max-width: 360px ) {
	table.icons td { width: 45%; }
	h2.eagle-eye { background-image: none; }
	.big { font-size: 1.25em; }
	.subcapt { margin-top: 0; }

}