@charset "utf-8";
	/* CSS Document */
	/* ========================================== general ===========================================*/
	:root {
		--fenzacolor1: #FFC;
		--fenzacolor2: #F93;
		--fenzacolor3: #F63;
		--background-header: #063;
		--background-sidebar: #CCC;
		--background-main: #FC9;
		--background-main2: beige;
		--background-footer: gainsboro;
		--background-light-grey: #F0F0F0;
		--background-grey: #CCC;
	}
	* {
		padding: 0;
		margin: 0;
		color:
	}
	.em1 {
		margin: 1em 0;
	}
	.noMargin {
		margin: 0;
	}
	.marginTopNegative {
		margin-top: -8px;
	}
	/* CSS Document */
	/* ========================================== paragraphs / characters ===========================================*/
	p {
		line-height: 140%;
	}

	.red {
		color: #900
	}
	.green {
		color: darkolivegreen;
	}
	.black {
		color: #000000;
	}
	.fenzacolor1 {
		color: var(--fenzacolor1, #FFC);
		padding-bottom: 12px;
	}
	.fenzacolor2 {
		color: var(--fenzacolor2, #F93);
	}
	.fenzacolor3 {
		color: var(--fenzacolor3, #F63);
	}
	.justified {
		text-align: justify
	}
	.center {
		text-align: center
	}
	.left {
		text-align: left
	}
	.small {
		font-size: 80%;
	}
	.bold {
		font-weight: bold;
	}
	.paddingTopSmall {
		padding-top: .5em;
	}
	h1 {
		font-size: 1.1rem;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		color: #333;
		padding: 0 1em .75em 1em;
		margin: 0;
		line-height: 1.3;
	}
	h2 {
		color: #900;
		font-size: 100%;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		background-color: #CCC;
		border: thin;
		border-top-style: solid;
		border-right-style: none;
		border-bottom-style: solid;
		border-left-style: none;
		padding: 6px 3px;
		margin: 2em 0 1.5em 0;
	}
	h3 {
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: .9rem;
		margin: 1.5em 0 1em 0;
	}
	h4 {
		font-size: 1.1rem;
		font-weight: 600;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		color: firebrick;
		padding: 0 1em .75em 1em;
		margin: 0;
	}
	h5 {
		font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		font-size: 1.1rem;
		color: firebrick;
		font-weight: 700;
	}
	ul {
		margin: 10px 0 16px 25px;
	}
	li {
		padding-bottom: 4px;
		list-style-position: outside;
		text-align: left;
	}
	.topborderblack {
		margin: 2em 0 .5em 0;
		padding: 1em 0 .25em 0;
		border-top-width: thin;
		border-top-style: solid;
		border-top-color: #000;
	}
	.bottomborderblack {
		border-bottom-width: thin;
		border-bottom-color: #000;
		border-bottom-style: solid;
	}
	.margin1 {
		padding: 1em 0;
	}
	.margin2 {
		padding-top: 1em;
	}
	input[type=text], select {
		width: 100%;
		padding: 12px 20px;
		margin: 8px 0;
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
	}
	input[type=submit] {
		width: 100%;
		background-color: #4CAF50;
		color: white;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}
	input[type=submit]:hover {
		background-color: #45a049;
	}
	.form {
		border-radius: 5px;
		background-color: var(--background-light-grey);
		padding: 20px;
		max-width: 60ch;
		margin: 0 auto;
	}
	img {
		width: 100%
	}
	table.resources {
		width: 100%
	}
	table.resources tr {
		background-color: #969696;
	}
	table.resources td {
		text-align: center;
		border: 1px solid #ddd;
		padding: 6px;
	}
	table.resources a:link {
		color: #FFF;
	}
	table.resources a:visited {
		color: #FFF;
	}
	table.resources a:hover {
		color: #C31619;
	}
	/* ========================================== IMAGES ===========================================*/
.image75 {
	width: 75%;
}
.image100 {
	width: 100%;
}

	/* ========================================== FRAMES ===========================================*/
	.light-grey {
		background: var(--background-light-grey, #F0F0F0);
	}
	.grey {
		background: var(--background-grey, #CCC);
	}
	body {
		margin: 0;
		padding: 0;
	}
	#container {
		width: calc(100vw - (100vw - 100%));
		height: auto;
		margin: 0;
		padding: 0;
	}
	header {
		height: 80px;
		background-color: var(--background-header, #063);
		display: grid;
		grid-template-columns: 0.3fr 1fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "box1 box2a" "box1 box2b";
	}
	header img {
		height: 60px;
		width: 70px;
	}
	header p {
		text-align: center;
		margin: 0;
	}
	.box1 {
		grid-area: box1;
		padding: 10px 0 10px 15px;
		justify-content: center;
		align-self: center;
	}
	.box2a {
		grid-area: box2a;
		justify-content: center;
	}
	.box2a p {
		font-size: 2.5em;
		font-weight: 600;
		font-family: Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
	}
	.box2a span {
		padding: 0 0.2vh;
	}
	.box2b {
		grid-area: box2b;
		justify-content: center;
	}
	.box2b p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size: 1em;
	}
	.box3 {
		grid-area: box3;
		align-self: center;
		display: none;
	}
	.box3 p {
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: var(--fenzacolor1);
		font-size: 1.2em;
	}
	nav {
		display: grid;
		grid-template-columns: auto auto auto;
		grid-template-rows: 1fr 1fr 1fr;
		background: #1E1E1E;
		padding: 0 0 0 1em;
	}
	nav a {
		font-size: .8em;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: underline;
		padding: 9px;
	}
	nav a:link {
		color: #FFF;
	}
	nav a:active {
		color: #F30;
		font-weight: bold;
	}
	nav a:visited {
		color: #FFF;
	}
	nav a:hover {
		color: #FC0;
	}
	.frame-grey {
		background-color: var(--background-grey);
		padding: 12px 25px 14px 25px;
		margin: 0px;
		text-align: left;
		font-family: courier, arial, helvetica;
	}
	.frame-grey span {
		font-size: 1.4em;
		font-weight: 600;
	}
	.frame-grey p {
		font-size: 1.2em;
	}
	.main-no-columns {
		background: var(--background-main, #CCC);
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	}
	.main-grid {
		display: grid;
		grid-template-areas: "main" "sidebar";
	}
	.main {
		grid-area: main;
		background: var(--background-main, #FC9);
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		padding: 0 5%;
	}
	.main2 {
		grid-area: main;
		background: var(--background-main2);
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		padding: 0 3%;
	}
	.sidebar {
		grid-area: sidebar;
		background: var(--background-sidebar, #CCC);
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		padding: 2em 5%;
	}
	.sidebar2 {
		grid-area: sidebar2;
		background: #9C9;
		padding: 1em;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		text-align: left;
	}
	.sidebar2 p {
		font-size: 80%;
		margin: 1em 0;
	}
	.sidebar2 ul {
		padding-left: 20px;
		text-align: left;
	}
	.sidebar2 a:link {
		color: blue
	}
	.sidebar2 a:visited {
		color: blueviolet
	}
	.sidebar2 a:hover {
		color: firebrick
	}
	footer {
		padding: 1em 2em;
		background: var(--background-footer, beige);
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	}
footer p {
	font-size: 80%;
}
	.footer1 {
		font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		font-size: .8em;
	}
	.footer2 {
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		font-size: .9em;
		padding-left: 10px;
	}
	.frameHome {
		padding: 2em 5%;
	}
	.frame2em {
		padding: 0 2em;
	}
	.frame1em {
		padding: 0 1em;
	}
	.frame60ch {
		max-width: 60ch;
		margin: 0 auto;
	}
	.frame50ch {
		max-width: 50ch;
		margin: 0 auto;
	}
	.frame-8percent {
		padding: 0 8%;
		margin: 0 auto;
	}
	.frame-10percent {
		padding: 0 10%;
		margin: 0 auto;
	}
	/* ===================================== Media queries ===========================================*/
	@media only screen and (min-width: 650px) {
		#container {
			width: calc(100vw - (100vw - 100%));
		}
		header {
			grid-template-columns: auto 1fr 1fr;
			grid-template-rows: 1fr 1fr;
			grid-template-areas: "box1 box2a box3" "box1 box2b box3";
			grid-auto-flow: dense;
		}
		.box3 {
			display: block;
		}
		nav {
			height: auto;
			grid-template-rows: 1fr;
			grid-template-columns: auto auto auto auto auto auto auto auto;
			padding-left: 1em;
			grid: nowrap;
		}
		nav a {
			font-size: .6em;
			font-weight: 800;
		}
		.box3 p {
			font-size: 1em
		}
		.main-grid {
			grid-template-columns: 2fr 1.3fr;
			grid-template-areas: "main sidebar";
		}
		.frameHome {
			padding-left: 2em;
		}
		footer p {
			font-size: 100%;
		}
		.footer {
			padding: 1em 2.5em;
		}
	}
	@media only screen and (min-width: 780px) {
		nav a {
			font-size: .8em;
			font-weight: 700;
		}
		.box3 p {
			font-size: 1.2em;
		}
	}
	@media only screen and (min-width: 8in) and (min-width: 900px) {
		body {
			background-image: url(/pics/page_layout/bumpywall.gif);
		}
		#container {
			width: 900px;
			margin: 0 auto;
			border: 1px solid #000000;
		}
		.sidebar {
			padding: 2em 2em;
		}
	}