body {
margin: 0;
	margin-top: 0px;
	padding: 0;
	background-color: #1f4292;
	background-image: url(bgrep.jpg);
	background-repeat:repeat-x;
	text-align: center;
}



a:link, a:visited {
	text-decoration: underline;
	color: #000000;
}

a:hover,  a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#pagecontainer {
	width: 819px;
	height: 579px;
	margin: auto;
	background-image: url(pagebg.gif);
	background-repeat: no-repeat;

}

#topcontainer {
	width: 819px;
	height: 402px;
	margin: auto;
}

#historycontainer {
	width: 819px;
	height: 402px;
	margin: auto;
}

#locationcontainer {
	width: 819px;
	height: 402px;
	margin: auto;
	background-image: url(locationbg.jpg);
	background-repeat: no-repeat;
}


#lowercontainer {
 width: 819px;
 height: 129px;
 margin: auto;
}

#contentbox{
	float: left;
	width: 525px;
	height: 372px;
	margin-left: 20px;
	margin-right: 10px;
	display: inline;
	text-align: left;
	overflow: auto;
	font: 0.7em verdana, geneva, arial, helvetica, sans-serif;
		line-height: 1.3em;
}

#rightbox {
	width: 225px;
	height: auto;
	float: left;
	background-color: #1f4292;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	color: #fff;
	border:1px solid #000;
	font: 0.7em verdana, geneva, arial, helvetica, sans-serif;
}

#rightboxinvis {
	width: 220px;
	height: auto;
	float: left;
	display: inline;
	margin-top: 310px;
	color: #000;
	font: .7em verdana, geneva, arial, helvetica, sans-serif;
			line-height: 1.3em;
}

#rightboxhist {
	width: 225px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	color: #fff;
}



#titleheader {
	width: 819px;
	height: 75px;
}

#welcometitle {
	width: 819px;
	margin: auto;
	height: 75px;
	display: inline;
}


.wordbox {
	padding: 5px;
	float: left;
	display: block;
	background-color: #1f4292;
	margin-right: 5px;
	color: #FFFF00; 
}

.descriptionbox {
	width: 650px;
	height: auto;
	padding: 5px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	color: #000000;
	font: 1.1em times new roman, serif;
	font-style: italic;
	font-weight: bold;
	display: inline;
	text-align: center;
}

.pagebox {
	padding: 5px;
	float: left;
	display: block;
	background-color: #1f4292;
	margin-right: 4px;
	color: #FFFF00; 
}

.textbox {
	width: 500px;
	height: 365px;
	float: left;
	margin-right: 10px;
}

.textboxsmall {
	width: 300px;
	height: auto;
	margin-left: 5px;
	margin-right: 20px;
	float: left;
		display: inline;
}

#headerbox {
	width: 520px;
	height: 50px;
	float: left;
	font-size: 2.2em;
	font-family: times;
	font-weight: bold;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	display: inline;
	color: #1f4292;
}

#cofabox {
	width: 780px;
	margin-bottom: 20px;
	float: left;
	margin-top: 20px;
}

.cofa {
	margin-left: 65px;
	float: left;
	display: inline;
}

#homebox {
	width: 340px;
	height: 310px;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	background-color: #fff;
	display: inline;
}

#introbox {
	width: 405px;
	height: 314px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	text-align: center;
}

#captionbox {
	width: 660px;
	height: 60px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	clear: left;
	display: inline;
}

#menubox {
	width: 693px;
	height: 129px;
	float: left;
	clear: left;
	display: inline;
}

#captionboxactive {
	width: 550px;
	height: 60px;
	margin-left: 20px;
	margin-top: 10px;
	background-color: #C0C0C0;
	float: left;
	clear: left;
	display: inline;
	font: .9em verdana, geneva, arial, helvetica, sans-serif;
	text-align: left;
	vertical-align: bottom;
}



.detailbox{
	margin: 10px;
	text-align: left;
	clear: left;
	line-height: 15px;
}

.caption {
	font-style: italic;
	text-align: left;
	font-weight: bold;
	text-align: center;
	font: 1.2em verdana, geneva, arial, helvetica, sans-serif;
	margin-bottom: 10px;
}

.caption a:link, .caption a:active, .caption a:visited {
	text-decoration: none;
	color: #FFFF00;
}

.caption a:hover  {
	color: #c0c0c0;
	text-decoration: underline;
	font-weight: bold;
}

.detailbox a:link,  .detailbox a:active, .detailbox a:visited{
	text-decoration: none;
	color: #FFFF00;
}

.detailbox a:hover  {
	color: #c0c0c0;
	text-decoration: underline;
}

p {
	line-height: 1.3em;
	margin-bottom: 0;
}

h1 {
	text-align: left;
	font: 1.25em verdana, geneva, arial, helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: bold;
	margin-top: 0;
}

h2 {
	font: 1.2em verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
	color: #FFFF00;
	padding: 3px;
	display: block;
	background-color: #1f4292;
}

h3 {
	text-align: left;
	font: 1.1em verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 8px;
}

h4 {
	font: 1.2em verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 5px;
	color: #1f4292;
}

h5 {
	font: 1.1em verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 6px;
	margin-top: 0;
	color: #1f4292;
	line-height: 1.3em;
}

.times {
	font: 0.8em verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 23px;
	margin-top: 15px;
	color: #000;
}

.dates {
	font: verdana, geneva, arial, helvetica, sans-serif;
	line-height: 18px;
	color: #FFF;
	padding: 5px;
	margin-top: 0;
	background-color: #1f4292;
	}


li {
	font: verdana, geneva, arial, helvetica, sans-serif;
	margin-bottom: 5px;
}

.scripttext {
	text-align: left;
	font: 2em times new roman, serif;
	font-style: bold;
	text-align: center;
	margin-bottom: 0;
}

.scripttextitalic {
	text-align: left;
	font: 1.5em times new roman, serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color:  #1f4292;
}

.scripttextsmall {
	text-align: left;
	font: 1.1em times new roman, serif;
	font-style: bold;
	text-align: center;
	margin-top: 8px;
}

.signature {
	text-align:cem;
	font: 0.9em times new roman, serif;
	font-style: italic;
	line-height: -2px;
	color:  #1f4292;
}

.menu a:link, .menu a:visited {
	float: left;
	text-decoration: underline;
	padding: 5px;
	color: #000;
	margin-right: 4px;
	font-weight: bold;
	background-color:#c0c0c0;
}

#menu {
	font-size: 1em;
	width: auto;
	color: #000;
	margin-left: 20px;
	float: left;
	display: inline;
	font: .75em verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
}

.menu a:hover,  .menu a:active {
	float: left;
	padding: 5px;
	color: #FFFF00;
	background-color:#1f4292;
	display: block;
	margin-right: 4px;
	font-weight: bold;
}

#pageturn{
	float:left;
	width: 119px;
	height: 129px;
	color: #FFFF00;
}

.thumbnail{
	float: left;
	width: auto;
	height: auto;
	border:1px solid #000;
	margin-bottom: 10px;
		display: inline;
}

#footer{
	float: left;
	width: 819px;
	height: 50px;
	margin-left: 20px;
	margin-top: 15px;
	text-align: left;
	display: inline;
	font: .6em verdana, geneva, arial, helvetica, sans-serif;
}

.mapbox{
	float: left;
	width: auto;
	height: 340px;
	margin-right: 10px;
}

.mapinfo{
	float: left;
	width: 225px;
	height: 340px;
}

.monthbox{
	float: left;
	width: 160px;
	height: auto;
	margin-right: 10px;
	margin-top: 5px;
}

.serviceinfo{
	float: left;
	width: 330px;
	height: auto;
	margin-top: 5px;
	font: 0.75em verdana, geneva, arial, helvetica, sans-serif;
}

.massinfo{
	float: left;
	width: auto;
	height: auto;
	margin-top: -5px;
	margin-bottom: 10px;
	font: 0.75em verdana, geneva, arial, helvetica, sans-serif;
	text-align: left;
	line-height: 14px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration: underline;
}

a.info:hover{
	z-index:25;
	background-color:#000000;
	color:#FFFF00;
	text-decoration: none;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-20em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cfc;
    color:#cc3366;
    text-align: center;
}

.horiztextbox {
	width: auto;
	height: auto;
	margin-bottom: 8px;
}

.horiztextbox a:link,  .horiztextbox a:active, .horiztextbox a:visited{
	text-decoration: none;
	color: #000000;
}

.horiztextbox a:hover  {
	color: #1f4292;
	text-decoration: underline;
}
