html {background-color: #fae58c; color: black; font-family: arial, sans-serif;}
body {margin:0px;}

h1#header {margin-top: 150px; font-size: 1.5em; background-color: gray; color: white; width: 100%; padding-bottom: 10px; letter-spacing: 5px; font-family: "times new roman"; text-indent: 10px;}

.body {width: 800px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 60px; border: 2px black solid;}

.body h2#title {margin-bottom: 0; padding-bottom: 284px; padding-top: 40px; margin-top: -45px; margin-right: -2px; margin-left: -2px; /*margin-left: -13px;*/ padding-left: 30px; background-image: url("../Images/header3a.png"); background-position: -1148px 5px; background-repeat: no-repeat; color: white; position: relative; /*z-index: 50;*/}

.body .pagecontent {padding-left: 20px; padding-right: 20px; margin-left: -2px; margin-right: -2px; min-height: 250px; position: relative; z-index: 75; margin-top: -260px; padding-top: 30px;}

.body .pagecontent > p:first-child {margin-top: -13px;}

.body > .footer {margin-top: 2px; padding-left: 10px;}

.body > .footer img {vertical-align: middle;}

.footer {clear: both}

.footer p {margin-bottom: 0; font-style: italic;}

img {padding-bottom: 0px; border: none; vertical-align: text-bottom;}

#commlinks {background-image: url("../Images/150pxlinksbackground.png"); background-repeat: repeat-x;  background-color: #008000; color: #fae58c; position: absolute; top: 0px; left: 0px; width: 100%; height: 150px; text-align: center;}

#commlinks a {color: #fae58c;}

#commlinks img, #commlinks object {border: none;}

#commlinks #logo {list-style: none; margin: 0; padding-bottom: 0px; padding-left: 0px; background-image: url("../Images/headtitle2.png"); background-repeat: no-repeat; background-position: center -920px;}

#commlinks li {display: inline; /*margin-right: 10px;*/ padding: 0;}

#commlinks span {font-style: oblique; font-size: 66px; position: absolute; bottom: 0;}

#navigation {position: absolute; top: 179px; left: 0px; background-color: #c00; color: yellow; width: 100%; z-index: 0;}

#menu ul {list-style: none; margin: 0; padding-left: 0;}

#menu li {display: inline; position: relative; margin-left: 15px;}

#menu ul ul {display: none; position: absolute; background-color: #c00; text-indent: 0; left: 0; top: 100%; width: 10em; z-index: 5000; border: yellow 1px solid; border-top: none;}

#menu li:hover ul {display: block;}

#menu li li {display: block;}

#menu a, #userControls a {color: yellow; text-decoration: none;}

#menu a:hover, #userControls a:hover {text-decoration: underline; /*background-color: purple;*/}

#menu {float: left; text-indent: 42px;}

#userControls {float: right; margin-right: 50px;}

body, .body .pagecontent {background-image: url("../Images/hands.png"); background-repeat: no-repeat; background-position: center 200px; background-attachment: fixed;}

html {background-image: url("../Images/header3longer.png"); background-repeat: no-repeat; background-position: center 15px;}

table {width: 100%;}

.alt td, .alt a {background-color: #feaa2c/*#fea26c*/; /*color: #eaf2fe;*/}

td, td a {background-color: #fe7a2c; color: white; padding: 5px 2px;}

tr:hover td, tr:hover a {/*color: blue;*/ background-color: purple;}

h3, th {background-image: url('../Images/28pxh3back.png'); background-repeat: repeat-x; background-color: green; color: white; margin-bottom: 0; padding-left: 5px;}

h3 + .section {background-color: #fe7a2c; color: white; padding: 10px;}

h3 + .section a {color: white;}

input, textarea {background-color: #ffc7c7; color: black; border-color: white;}

input:focus, textarea:focus {background-color: white;}

form .errors {font-weight: bold;}

.stylehint {display: none}

div.warning {background-color: #fae58c; border: 2px solid black; padding: 5px;}