html {height:100%; margin-bottom:1px;}
body {
	background-color:#fff;
	width:100%;
	color:#333;
	font-family:Helvetica, Calibri, Arial;
	font-size:100%; 
	line-height:1.25em; 
	margin:0 auto;
	padding:0;
}
* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
img { margin:0; padding:0; }
/*outer shell 100% centered on screen*/
.container { 
	width:100%;
	margin:0 auto;
	padding:0;
}
h1, h2, h3, h4 {font-weight:normal;}
h1 {
	color:#1cbe34; /*green*/
	/*color:#3ac1f1; acqua*/
	/* color:#ef3a65; red pink font */
	font-family:TW Cen MT, Gill Sans MT, Century Gothic, sans serif;
	font-size:175%; 
	line-height:135%;
	letter-spacing:0.15em;
	margin:0;
	padding:0;
}
h2 {
	font-family:Gill Sans MT, Century Gothic, sans serif;
	font-size:130%; 
	line-height:135%;
  letter-spacing:0.1em;
	margin:0;
	padding:0;
	text-align:left;
}
h3 {
	font-family:Gill Sans MT, Century Gothic, sans serif;
	font-size:120%; 
	line-height:120%;
	margin:0;
	padding:0;
	text-align:left;
}
p, ul { 
	font-size:100%; 
	line-height:135%; 
	text-align:left;
	margin-bottom:1em;
}
.ctrFont { font-family:Goudy Old Style, Poor Richard, Palatino Linotype; font-style:italic; font-size:132%; text-align:center; margin:0 1%;}
.emphasis { font-weight:bold; font-style:italic; }
.small { font-size:80%; }

header {
	width:100%;
	height:4em;
	margin:0 auto;
	padding:0;
	text-align:center;
}	

/* navigation menu */ 
#navMenu {
	position:fixed;
	width:100%;
	height:4em;
	background-color:rgba(256,256,256, 0.8);
	margin:0 auto;
	padding:0 0 1em;
	z-index:1000;
}
#navMenu ul {
	list-style-type:none;
	width:100%;
	max-width:86.6em;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
}	
#navMenu li {
	display:inline-block;
	width:10em;
	margin:0 auto;
	padding:0;
	vertical-align:middle;
}
#navMenu a {
	color:#3c54a5;
  font-family:Poor Richard, Palatino Linotype, serif;
	font-size:125%;
  letter-spacing:0.125em; 
  text-decoration:none;
  text-align:center;
}
#navMenu a:hover { color:#3ac1f1; text-decoration:underline; }
/* #navMenu .redFont a:hover { color:#ef3a65; text-decoration:underline; } */

#hdrLogoSm { display:none; } /*hamburger menu */

.sectionGrn { /*on subsite pages except work */
	display:block;
	width:100%;
	height:175px;
	background-color:#1cbe34;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.sectionGrn img { vertical-align:middle; }

/*inner shell max-width 1386px*/
.content { 
	display:block;
	width:100%;
	max-width:86.6em;
	margin:0 auto;
	padding:2.5%;
	text-align:center;
}

/* footer */
footer {
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:1.15% 0 6%;
	vertical-align:top;
	text-align:center;
}
#ftrMenu, #ftrMenu ul {
	display:block;
	width:100%;
	max-width:78em;
	height:2em;
	margin:0 auto;
	padding:0;
	text-align:center;
}	
#ftrMenu ul { list-style-type:none; }	
#ftrMenu li {
	display:inline-block;
	margin:0 auto;
	padding:0 2.5%;
	text-align:center;
}
#ftrMenu a {
	color:#333;
  font-family:Lucida Sans, Helvetica, Calibri, sans serif;
	font-size:75%;
  font-weight:normal;
  letter-spacing:0.1em; 
  text-decoration:none;
}
#ftrMenu a:hover { color:#3ac1f1; text-decoration:underline; }
/*#ftrMenu .redFont a:hover { color:#ef3a65; text-decoration:underline; }*/

/* sizing for smaller screens */
/* smaller fixed width to accommodate change from 86.6em to 70% of screen width */  
@media (max-width:60em) {
	#logoSm img { width:100%; max-width:6.5em; }
}
/* smaller fixed width to accommodate change from 86.6em to 62.3% of screen width */  
@media (max-width:54em) {
	body { font-size:95%; line-height:120%; }
	header { height:3em; }	
	#navMenu li { width:100%; max-width: 7.5em; }
	.sectionGrn { width:100%; height:150px; }
}
/* mobile with hamburger menu */
@media (max-width:41em) {
	#hdrLogoSm { display:block; }
	#navMenu { display:none; }
	#ftrMenu, #ftrMenu ul { display:none;	}	
}