/* CSS Document */

body {margin: 0; padding: 0;}
body, td, th {font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif;}

address {font-style:normal; margin: 1.4em 0 1.4em 0;}

#centerStrip {height: 100px; margin: 105px 0 -204px 0; background-color:#FFCC00; z-index:-50;}

#centerPage {width: 900px; margin: auto; text-align: left}
#fixWidth {width: 900px; float: left;}

a {text-decoration: underline}
a:hover {text-decoration: none;}

#homeLink {background-image: url(/images/arrow.png); background-repeat: no-repeat; height: 20px; padding: 0 0 0 25px; text-transform:uppercase; margin: 10px 0 0 0; float: left; width: 790px;}

#logo {width: 250px; height: 94px; background-position: center center; float: right; margin: -30px 0 10px 0;}


.offLeft {position: absolute; left: -9999px;}

#strip /*IE*/ {width: 100%; height: 100px; float: left;}

#pageCaption {}
#bannerImages {float: right; width: 450px; height: 100px; margin: 0 0 0 0;}
#crest {float: right; background-image:url(/images/Highsmall.jpg); width: 25px; height: 100px;}

h2 {margin: 20px 0 0 0; font-size: 3em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; z-index:150; }

h2 em {font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}

h3 {font-size: 2.5em; font-weight: bold; margin: 0 0 11px -7px; padding: 0; font-family: Arial, sans-serif; line-height: 1em;}

h4, .hFour {font-size: 1.6em; font-weight: bold; margin: 0; padding: 10px 0 0 0; font-family: Arial, sans-serif; line-height: 1em; text-align: left;}

.hFour {color: #fff;}

.eventsTable {margin: 0 0 20px 0; display: block;}
.eventsTable caption {color:#fff; font-size: 1.6em; font-weight: bold; margin: 0; padding: 10px 0 0 0; font-family: Arial, sans-serif; line-height: 1em; text-align: left;}
 .eventsTable th {padding: 5px 0;  border-bottom: 1px dotted #fff; vertical-align: top;}
 .eventsTable td {padding: 5px 0; vertical-align: top; border-bottom: 1px dotted #fff;}

hr {
height: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px dotted #fff;}

/*********************************** N A V ************************************/

#navContainer {float: left; width: 900px; text-align: left; text-transform: uppercase; font-size: 0.8em; margin: 0;}

#navContainer ul {padding: 0; margin: 0; list-style: none;}
#navContainer ul li {padding: 0; position: relative; float: left;}
#navContainer ul li:hover ul {display: block; background-color:#FFFFFF; padding: 10px 0 5px 0;}
#navContainer ul li a {width: 150px; padding: 2px 0 0 30px; height: 18px; text-decoration: none;  color: #333; display: block; float: left; background-repeat: no-repeat;}
#navContainer ul li a:hover {color: #000;}
#navContainer ul li ul {position: absolute; top: 19px; left: 0px; display: none;}
#navContainer ul li ul li {float: none; margin: 0 0 3px 0; }
#navContainer ul li ul a {float: none; display: block; font-size: 0.85em; color:#666;}
#navContainer ul li ul a:hover {color:#000;}


.facilities {background-image:url(/images/greenarrow.gif); background-color: #fff;} 
#navContainer .greensubnav {background-repeat: repeat-y; background-image:url(/images/green.gif);}

.community {background-image:url(/images/purplearrow.gif);  background-color: #fff;}
#navContainer .purplesubnav {background-repeat: repeat-y; background-image:url(/images/purple.gif);}

.hire {background-image:url(/images/lbluearrow.gif);  background-color: #fff;}
#navContainer .bluesubnav {background-repeat: repeat-y; background-image:url(/images/blue.gif);}

.notice {background-image:url(/images/orangearrow.gif);  background-color: #fff;}
#navContainer .orangesubnav {background-repeat: repeat-y; background-image:url(/images/orange.gif);}

.contact {background-image:url(/images/pinkarrow.gif);  background-color: #fff;}

a#active, a.subactive { font-weight: bold;}

/*********************************** S U B N A V ************************/

#contentLeft ul {padding: 0; margin: 0; list-style: none; font-size: 0.7em;}

#contentLeft ul li a {color: #fff; text-decoration: none; padding: 0 0 0 30px; height: 15px; text-transform: uppercase;}

/************************ END NAV *****************************/

#contentOuter {width: 100%; float: left; margin: 30px 0;}

#contentMainOuter p {margin: 0 0 1em 0; padding: 0;}

#contentLeft {width: 200px; float: left; margin:0; padding: 0;}

#contentMainOuter {float: left; width: 650px; margin: 0 0 0 20px; padding: 0 0 30px 20px; text-align: left; font-size: 0.8em; line-height: 1.4em; border-left: 1px dotted #fff; letter-spacing: 0.001em;}

#twoCol_one {float: left; width: 428px; padding: 10px 20px 0 0;}
#twoCol_two {float: left; width: 202px; padding: 10px 0 0 0;}

#threeCol_one {float: left; width: 204px; padding: 10px 20px 0 0;}
#threeCol_two {float: left; width: 204px; padding: 10px 20px 0 0;}
#threeCol_three {float: left; width: 202px; padding: 10px 0 0 0;}

#threeCol_three img, #twoCol_two img{margin: 0 0 3px 0;}

#contentMainOuter ul {padding: 0; margin: 0; list-style-type: none;}

#contentMainOuter li {padding: 0 0 0 8px; margin: 0; background-image:url(/images/square.gif); background-repeat: no-repeat; background-position: left 0.6em;}

/**********Contact Page************/

.mapLink {display: block; width: 100%; background-image:url(../images/map.jpg); height: 214px; background-position: center; background-repeat: no-repeat;}

.imageLeft {float: left; padding: 0 15px 0 0;}
.imageRight {float: right; padding: 0 0 0 15px;}

.transMap {background-image:url(../images/MAYFIELD-MAP.png); width: 733px; height: 510px;}

/**************PIC BOARD*************/

#picBoard ul, #picBoard li { background-image: none; padding: 0; margin: 0;}

.galleryBody hr {display: none; visibility: hidden;}