body { font-family: arial,helvetica,sans-serif; color: #ffffff; font-size: 20px; margin: 0px; padding: 0px; }
strong { font-size: 22px; font-weight: bold; color: white; }
.FAQ { font-size: 22px; font-weight: bold; color: white; text-decoration: underline; }
h1 { color: white; font-size: 36px; }
#PageContent { position: relative; margin-left: 14%; width: 500px; top: 80px; padding: 20px 30px 20px 30px; text-align: left; background-color: black; opacity: 0.8; color: white; z-index: 150; }
#ResContent { position: relative; margin-left: 14%; width: 650px; top: 80px; padding: 20px 0px 20px 30px; text-align: left; background-color: black;  color: white; z-index: 150; }
#HomeHdr { display: block; width: 100%; text-align: center; position: absolute; z-index: 200; }
/* #HeaderBox { display: block; width: 100%; height: 66%; overflow: hidden; vertical-align: middle; text-align: center; opacity: 1.0; } */
#HeaderBox img { width: 100%; height: auto; }
#HeaderBox_overlays { position: absolute; top: 24; left: 0; width: 100%; height: 66%; z-index: 100; background-color: rgba(0,98,155,.4); }
.HeaderText { font-size: 36px; line-height: 64px; font-family: 'arial black',arial,helvetica,sans-serif; font-weight: bold; color: white; text-shadow: 3px 3px #000000; }
/* .HeaderText { font-size: 48px; line-height: 64px; font-family: 'arial black',arial,helvetica,sans-serif; font-weight: bold; color: white; text-shadow: 3px 3px #000000; } */
.RespImg { width: 25%; max-width: 300px; height: auto; border: 0px; }
.copyright { position: relative; margin-left: 14%; width: 500px; padding: 20px 30px 20px 30px; text-align: left; background-color: black; opacity: 0.7; color: white; font-size: 14px; }
#Title { background-color: white; color: black; width:100%; padding: 30px; font-size: 32px; box-shadow: 8px 8px 4px grey; font-weight: bold; }
@media (min-width: 641px) {
	#MobNav,.Mob { display: none; }
	#DTNav { display: block; width: 100%; height: 36px; text-align: center; background-color: black; position: fixed; top: 0; z-index: 200;}
	#nav { height: 22px; position: fixed; width: 100%; margin: auto; }
	#nav2 {
		border: 1px black solid;
		position:relative;
		float: left;
		text-align: left;
		line-height: 22px;
		font-family: verdana,arial,helvetica,sans-serif; color: #ffffff; font-size: 12px;
		z-index: 1;
	}
	#nav2 a:link, #nav a:active, #nav a:visited{
		display: block;
		padding: 4px 10px 6px 10px;
		color: #ffffff;
		text-decoration: none;
	}
	#nav2 a:link, #nav2 a:active, #nav2 a:visited { background-color: black; }
	#nav2 a:hover{ background-color: #ffffff; color: #000000; }
	#nav3 { float: clear; position: absolute; width: 22em; top: 2em; display: none; }
	#nav3 a { border: 1px #000000 solid; }
	#nav2 #nav3 { display: none; }
	#nav2:hover #nav3 { display: block; z-index: 5; }
}
@media (max-width: 640px) {
	body { font-size: 14px; }
	#PageContent { margin-left: 0; width: 90%; }
	.copyright { margin-left: 0; width: 90%; }
	.HeaderText { font-size: 24px; line-height: 48px; }
	strong { font-size: 18px; }
	.FAQ { font-size: 18px; }
	#DTNav, .RespImg { display: none; }
	#nav { display: block; background-color: white; }
	#nav2 { line-height: 28px; padding-left: 12px; border-top: 3px solid #ffffff; background-color: black; }
	#nav2 a { text-decoration: none; color: white; font-weight: bold; font-size: 18px; }
	#nav3 { line-height: 28px; padding-left: 24px; }
	#nav3 a { text-decoration: none; color: white; font-size: 14px; font-weight: normal; }
	#Title { font-size: 20px; width: 90%; padding: 18px; }
}
.Answer { display: block; background-color: white; color: black; padding: 12px; } 
#Schematic { position: absolute; width: 630px; height: 791px; background: url('images/schematic2025a.jpg') top left no-repeat; display: block; }