@charset "utf-8";
/* CSS Document */

#fullWidthCol .sectionBody {
	background-color: #ffffff;
	padding: 1%;
	display: block;
}
.info, .showHide {
	float: left;
	width: 8%;
}
.description {
	width: 78%;
	float: left;
}
.layer {
	clear: both;
	overflow: auto;
	padding: 0.2em;
	margin: 0.2em;
	border: solid 0.2em #ccc;
}
#canvas {
	position: relative;
	overflow: visible;
	display: block;
}
.imageLayer {
	left: 0;
	top: 0;
	position: absolute;
}
.info a:link, .info a:visited, .fakeInfo {
	border-radius: 1em;
	border: solid 0.2em #000;
	font-style: italic;
	background-color: #006;
	color: #fff;
	padding-left: 0.5em;
	width: 0.8em;
	display: inline-block;
}
.showHide {
	cursor: pointer;
	border-left: solid 0.2em #ccc;
	text-align: center;
}
.showHide:hover {
	color: #00F;
}
#showHideMenu {
	cursor: pointer;
	padding: 0.4em;
	padding-left:1em;
	background-color: #37731d;
	border-radius: 0.5em;
	box-shadow: 0.2em 0.2em #333;
	overflow: auto;
	color: #fff;
	padding-top: 0.4em;
	font-weight:bold;
	margin-bottom:0.6em;
}
h3 {
	color: #000;
	border-radius: 0.4em;
	padding: 0.1em;
	padding-left: 0.3em;
	margin-bottom: 0.2em;
	margin-top: 0.4em;
	display: inline-block;
	min-width: 50%;
}
h2 {
	margin-top: 0.6em;
}
@media screen and (min-width:50em) {
#fullWidthCol h1 {
	margin-left: 2%;
}
#canvas {
	margin-left: 4%;
}
h2, .info, .showHide, .instructions, #hideAll {
	margin-left: 2%;
}
#hideAll {margin-top:0.6em;}
.imgBoxLeft60 {
	width: 65%;
}
}