html {background-position: center;  width: 100%; margin: 0 auto;}
body {margin: 0 auto 0 auto; position: relative; width: 100%; background-color: #fff; background-position: center;}
body #header {
	position: relative;
	width: 100%;
	height: 80px;
	font-family: Ballinger;
	font-size: 14px;
	color: #fff;
	background-color: #000;
}
#header #logo {position: relative;margin: 15px 0 50px 250px; border: none;} 
#header #call {position: absolute; margin: -7.0em 0 0 80.0%; width: 300px; font: 14px "Times New Roman"; color:#fff;}
#header #call img {float: left; margin-top: .1em; width: 40px; height: 40px;}
#header #call p {font-family: Times New Roman; font-size: 20px; text-align: center; margin-top: .2em; margin-right: 1em; padding: 0; line-height: 1.1em;}
#main #menu #toplevel { list-style: none; position: relative; margin: -15px auto 0 auto; width: 800px; height: 33px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #7b868e;}
#main #menu #toplevel li {float: left; padding: 0 20px 0 20px;}
#main #menu #toplevel li a {height: 35px; color: #000; text-decoration: none; font-weight: bold; padding: 0 8px 0 8px; }
/*#main #menu #toplevel li a:visited {color: #ddd; text-decoration: none;}*/
#main #menu #toplevel li a:hover {color: #8FFF3E;background-color:#000; padding: 0 8px 8px 8px; border-bottom: 6px solid #8FFF3E;}
#main #menu #toplevel li ul {display: none; position: absolute; z-index: 999;}
#main #menu #toplevel li:hover ul{display: block; background-color: #00b6de; list-style: none; width: 180px; margin-top: 12px;}
#main #menu #toplevel li:hover ul li {padding: 10px 30px 10px 0; margin-left: -20px;}
#main #menu #toplevel li:hover ul li a:hover {color: #7b868e; text-decoration: none; border-bottom: 0;}
#main #menu #toplevel li:hover ul li a {padding-right: 0;}
#main #menu #toplevel li:hover ul li img {float: left; margin-left: -5px; padding-right: 5px; border: none;}

.secondlevel { background-color: black !important; }
.secondlevel li a { color: #8FFF3E !important; }

#main {
	margin: 0 auto 0 auto;
	font-family: Ballinger;
	font-size: 16px;
	background-color: #fff;
	padding-top: 3%;
	padding-bottom: 3%;
	position: relative;
	min-height: 91.75vh;
}
#main #pic {position: relative; margin: 0 auto 0 auto; width: 65%;}
#pic img {width: 100%; height: 250px;}
.box
{
	position: relative;
	width: 965px;
	z-index: 9999;
	height: auto;
	padding: 25px 0 0 0;
	margin: -30px auto 0 auto;
	background-color: #fff;
	background-position: center;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.box:before, .box:after
{
	position: absolute;
	width: 57%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
} 

.box:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
} 

.box .adbox{float: left; position: relative; top: -200px; width: 28%; height: 185px; margin: 0 15px 0 15px; padding: 10px; background-color: #f1f1f1; background-position: center; font-family: Arial; font-size: 14px; color: #000;}
.box .adbox .headtitle {height: 25px; width: 100%;}
.box .adbox h2 {font-family: Helvetica; font-weight: normal; font-size: 140%; text-transform: uppercase; color: #555; width: 100%; margin-top: 0; padding: 0; letter-spacing: normal; display: inline-block;}
.blueheading {color: #3B74C1;}
.adbox #feature  {position: relative; top: 15px; left: 5px; border: 5px solid #b5b5b5; height: 40%; width: 40%;}
.adbox p {float: right; position: relative; top: -1.5em; width: 50%; font-size: 12px; line-height: 175%; color: #555;}
.adbox .learn {clear: right; position: absolute; bottom: 10px; background-image: url(../images/readon-r.png); background-position: 100% 0; background-repeat: no-repeat; width: 143px; height: 36px;}
.adbox .learn:hover {clear: right; position: absolute; bottom: 10px; background-image: url(../images/darkreadon-r.png); background-position: 100% 0; background-repeat: no-repeat; width: 143px; height: 36px;}
.adbox .learn .arrow {position: absolute; left: 5px; background-image: url(../images/readon-l.png); background-repeat: no-repeat; height: 36px;}
.adbox .learn:hover .arrow {position: absolute; left: 5px; background-image: url(../images/darkreadon-l.png); background-repeat: no-repeat; background-position: center; height: 36px;}
.adbox .learn p {position:relative; top: -5px; right: -5px; font-family: Helvetica; font-size: 14px; color: #3b74c1; width: 115px; text-align: right; text-transform: uppercase;}
.login {
	clear: both;
	position: relative;
	top: 1.5em;
	background-color: #000;
	width: 30%;
	border-radius: 10px;
	border: 1px solid #8FFF3E;
	color: #8FFF3E;
	padding: 10px;
	margin: 0 auto;
}
.login .error{font-size: 20px; color: red; text-align: left; padding-left: 1%; font-family: 'Open Sans', sans-serif;}
.login table {margin: 0 auto;}
.login table tr td {padding: 10px; width: 3%; }
.login table tr td label {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #555;}

#footer {
	height: 70px;
	font-family: Ballinger;
	font-size: 13px;
	color: #fff;
	background-color: #000;
}
#footer a:link, #footer a:visited {color: #99d0ff; text-decoration: none;}
#footer a:hover {color: #ccc; text-decoration: none;}
 .fcols {float: left; position: relative; left: 21%; margin: 15px 0 0 0; width: 21%;}
.fcols h2{font-family: Helvetica; font-size: 20px; color: #ccc; text-transform: uppercase;}
.fcols ul li {line-height: 200%;}
.blueheading2 {color: #99d0ff;}
.fcols .sociallinks {margin-left: 140px;}
.sociallinks img {width: 32px; height: 32px; padding-right: 5px; border: none;}
.clear {clear: both;}
.cr {width: 100%; position: relative; bottom: -5em;}
.cr p.copyright {margin-bottom:, 2px; font-size: small; text-align: center; }
.paragraph {font-size: 18px; text-align: center; font-family:Ballinger;}
.title {font-size: 20px; font-weight: bold; text-align: center;}
.center {margin: 0 auto 0 auto;}
.required {font-size: 20px; font-family: Ballinger; }
.highlight{background-color: #ADD8E6;}
.rowhighlight{background-color: #ddd;}
.errortext {
    color: #f00;
    margin-left: 30%;
    font-weight: bold;    
}

li {
    list-style-type: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.loginverbiage {
	width: 30%;
	margin: 0 auto;
	font-family: Ballinger;
	color: #000;
}

footer {
	position: static;
	bottom: 0;
	width: 100%;
}

#footerimg {
	float: left;
	width: 15%;
	padding: .5% 0 0 1.5%;
}

#copyrightVerbiage {
	float: right;
	padding: 1.5% 1.5% 0 0;
	width: 20%;
	color: #8FFF3E;
}

#OpenSansItali {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: bold;
}
.RequestLink {color:#8FFF3E;}
.RequestLink:hover { color: #8FFF3E; }