html {height: 100%; margin-bottom: 1px;}
body {
	background: #fff;
	margin:0 auto;
	padding:0;
	width:100%;
	color: #333;
	font-family: SF Compact Display, Helvetica, Arial;
	font-size:100%; /* 16px */
	line-height:1.25em; /* 16x1.125=18px */
}
.container {
	width: 100%;
	margin: 0 auto;
	padding:0;
}
.content {
	width:100%;
	max-width:86.6em;
	margin:0 auto;
	padding:0;
}
h1, h2, h3, h4 {font-weight:normal;}
h1 {
	color: #0070c0;
	font-family: Book Antiqua, Georgia, serif;
	font-size: 1.6em;
	line-height: 1.85em;
	letter-spacing: 0.125em;
	font-weight:bolder;
	text-align:center;
	margin:0;
	padding:0;
}
h2 {
	color: #fff;
	font-family: Helvetica, Arial, sans serif;
	font-size: 1.1em; 
	line-height: 1.35em;
  letter-spacing: 0.125em; 
	margin:0;
	padding:0;
}
h3 {
	color: #fff;
	font-size: 1.15em; 
	line-height: 1.15em;
	margin:0;
	padding:0;
}
p { font-size:1.15em; line-height:1.275em; }
/* header */
header {
	display:block;
	width:100%;
	height:4em;
	background-color:#fff;
	border-bottom:1px solid #ff9500;
	position:fixed;
	margin:0 auto;
	padding: 0;
	box-sizing: border-box;
	z-index:1000;
}	
.hdrContent {
	display:block;
	max-width:86em;
	width:100%;
	position:relative;
	margin:0 auto;
	padding: 1.25% 0;
	box-sizing: border-box;
}	
.hdrContent #hdrCtr { 
	display:block;
	float:left;
	width:33.5%;
	margin:0;
	padding:0 0 0 1.75%;
	box-sizing: border-box;
}
.hdrContent a {
	color: #ff9500;
	font-family:  Georgia, serif;
	font-size: 140%; 
	text-decoration: none;
}

/* navigation menu */ 
#navMenu {
  display:block;
  float:right;
  width:auto;
  height:100%;
	margin: 0;
	padding:0;
}	
#navMenu ul {
	list-style-type: none;
	width:100%;
	margin:0;
	padding:0;
}	
#navMenu li {
	display: inline-block;
	width: 8.5em;
	text-align:center;
	margin:0;
	padding:0 0 1%;
	box-sizing: border-box;
}
#navMenu a {
	display: inline-block;
	width:100%;
	text-align:center;
	color: #818181;
  font-family: SF Compact Display, Helvetica, Arial;
	font-size: 98%;
  font-weight: normal;
  letter-spacing: 0.125em; 
  text-decoration: none;
}
#navMenu a:hover { text-decoration: underline; }
.photoFull {
	width:86.6em;
	height:auto;
	margin:0 auto;
	padding:0;
}
.photoFull img {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.photoText {
	position:relative;
	display:block;
	float:left;
	width:19em;
	height:4.5em;
	background-color: #ff9500;
	color:#fff;
	text-align:left;
	margin: -9.5em 0 0 4.5em;
	padding:0.375em 0.75em;
}
.section { padding: 4.25% 0 2.5em; }
.sectionText {
	width:90%;
	margin:0 auto;
	padding:0;
	box-sizing: border-box;
}
.sectionTextOrg {
	width:100%;
	background-color:#ff9500;
	border: 2px solid;
	border-top-left-radius: 2em;
	border-top-right-radius: 0;
	border-bottom-right-radius: 2em;
	border-bottom-left-radius: 0;
	color:#fff;
	margin:0 auto;
	padding:0;
	box-sizing: border-box;
}
.sectionTextPurple {
	width:100%;
	background-color:#787aff;
	border: 2px solid;
	border-top-left-radius: 2em;
	border-top-right-radius: 0;
	border-bottom-right-radius: 2em;
	border-bottom-left-radius: 0;
	color:#fff;
	margin:0 auto;
	padding:0 0 0.05em;
	text-align:center;
	box-sizing: border-box;
}
.sectionTextGreen {
	width:100%;
	background-color:#04de71;
	border: 2px solid;
	border-top-left-radius: 2em;
	border-top-right-radius: 0;
	border-bottom-right-radius: 2em;
	border-bottom-left-radius: 0;
	color:#fff;
	margin:0 auto;
	padding:0 0 0.05em;
	text-align:center;
	box-sizing: border-box;
}
.sectionTextBlue {
	width:50%;
	background-color:#2094fa;
	border: 2px solid;
	border-top-left-radius: 2em;
	border-top-right-radius: 0;
	border-bottom-right-radius: 2em;
	border-bottom-left-radius: 0;
	color:#fff;
	margin:0 auto;
	padding:0 0 0.05em;
	text-align:center;
	box-sizing: border-box;
}
.quote {
	width:85%;
	font-style:italic;
	margin:0 auto;
	padding-bottom:1em;
}
.sectionPhoto {
	margin:0 auto;
	padding:0.2em 0;
	text-align:center;
	box-sizing: border-box;
}
.sectionFloat {
	display:inline-block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.sectionFloat ul {
	list-style-type: none;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}	
.sectionFloat li {
	display: inline-block;
	float:left;
	width: 33.3%;
	height:100%;
	text-align:center;
	margin:0 auto;
	padding:0 1% 1%;
	box-sizing: border-box;
}

/* sizing for smaller screens */
/* smaller fixed width to accommodate change from 86.6em to 92% of screen width */
@media (max-width: 80em) {
		body { font-size:92%; line-height:115%; }
		header { height: 3.7em; }		
		.hdrContent a { font-size: 135%; }
		.content, footer { max-width:80em; }
		.photoFull, .photoFull img { width:100%; max-width:80em; text-align:center;}
		.photoText {
			width:19em;
			height:4.5em;
			background-color: #ff9500;
			color:#fff;
			margin: -11.5% 0 0 5%;
			padding:0.375em 0.75em;
		}
		h1 {
			font-size: 1.48em;
			line-height: 1.7em;
			letter-spacing: 0;
		}
		h2 { 
			font-size: 100%; 
			line-height: 125%;
		  letter-spacing: 0.12em;
		}
		h3, p { font-size: 108%; line-height: 115%;}
		.section img, .sectionFloat img { max-width: 95%; }
}
/* smaller width at 85% of desktop size*/
@media (max-width: 67.5em) {
		header { height: 3.5em; }
		.hdrContent a { font-size: 125%; }
		.content, footer { max-width:74em; }		
		.photoText { display: none; }
		h1 { font-size: 136%; line-height: 157%; }
		h2 { font-size: 93.5%; line-height: 115%; letter-spacing: 0; }
		h3, p { font-size: 100%; line-height: 110%;}
		.sectionPhoto img { max-width: 85%; }
}
/* tablet at 65% with nav centered under title */
@media (max-width:64em) {
		header { height: 4.25em; }
		.hdrContent #hdrCtr, #navMenu { 
			width:100%; 
			height:1.5em; 
			margin:0 auto; 
			padding:0; 
			text-align:center; 
		}
  	#navMenu ul { width:100%; margin: 0 auto; text-align: center; }  	
  	.photoText { display: none; }
  	.section { padding:5.75% 0 2.0em; }
  	.sectionFloat li { width: 50%; }
		.sectionPhoto img { max-width: 75%; }
}
/* mobile */
@media (max-width:43.5em) {
		header { height: 2.5em; }
		.hdrContent a { font-size: 115%; }
		#navMenu {display: none; }		
		h1 { font-size: 125%; line-height: 125%; }
		h2 { font-size: 90%; line-height: 110%; }
		h3, p { font-size: 95%; line-height: 105%;}
		.sectionFloat li { width: 100%; }
}
/* footer 
footer {
	max-width:86em;
	width:95%;
	display:block;
	margin:0 auto;
	padding: 5% 0;
	box-sizing: border-box;
}	
footer .ftrClose {
	font-size: 100%;
	display:block;
	float:right;
	text-align:right;
}
footer .ftrClose a { text-decoration: none; }
footer .ftrClose a:hover { text-decoration: underline; }
*/