:root {
	box-sizing: border-box;
	font-size: 0.9em;
}
* {
	/* background: rgba(0,0,0,.05);*/
	box-sizing: inherit;
}
img {max-width: 100%; height: auto;}
#wrap {
	max-width: 70rem; 
	margin: 0 auto;
	// padding: 0 0.25rem;
}
.col{
	float: left;
	width: 25%;
	min-width: 16em;
//	margin: 0.25rem;
//	background: LightSeaGreen;
	padding: 0.5rem 0.5rem 0.5rem 0;
}
.col:last-child { 
	margin-right: 0;
	padding-right: 0;
}
A:link, A:visited {
	color: #069;  /* business blue */
	text-decoration: none;
}
A:active, A:hover { 
	color: #c33;  /* coral */
	text-decoration: underline;
}
header {
	background: #0082C3;  /* TT blue */
	width:100%;
	display: inline-block;
	border-top-left-radius: 2em;
border-top-right-radius: 2em;
/*	padding: 0.5em 0.25em;	*/
}
.logo {
	float:left;
	margin: 1rem;
	vertical-align: text-bottom;
}
header h1 {
	color: #fff;
/*	color: #E26C6A;  /* red */
	font: bold 2em Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0.2em 0.2em 0.25em #333;
	margin: 0.5em;
	display: inline-block;
/*	float: left;	*/
}
nav {
	float: right;
	display: inline-block;
	margin: 1.5em 1em 0.5em 0;
}
/* nav > a:link, nav > a:visited { color: #fff8dc; }  /* cornsilk */ 
nav > a:link, nav > a:visited { color: #ffebcd; }  /* blanched almond */
details { margin-bottom: 0.25em; }
summary {
	background: #069;  /* business blue */
	color: #fff;  /* white */
	font: bold 1.25em Arial, Helvetica, sans-serif;
	padding: 0.1em 0.25em;
}
.blue50 { background: #0af; }
.medblue { background: #08c; }
li { list-style-type: none; margin-bottom: 0.33em; }
footer { 
	font-size: 0.75em;
	border-top: 0.15em solid #0082C3;
	margin-top: 0.5em;
	text-align: right;
	clear: both;
}