/* CSS Document */

body, html {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff7f0;
	}

#wrapper {width: 1000px; margin: auto; background: #ffffff; border: 1px solid #434750; margin-top: 1px;}

a {color: #03c; text-decoration: none;}
a:visited {
	color: #440000
}
a:hover, a:active {
	color:#882222
}

.heading {
	margin-left: 15px;
	margin-top: 3px;
}

#imagearea {background-image: url(../graphics/bannerimage.jpg); padding:0px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-repeat:no-repeat;
	height: 184px;}
	
#imagearea h1, #imagearea h2 {display: none;}

#header {
	height: 95px;
	background-repeat: no-repeat;
	background-color: #660000;
	margin: 0px 0px 0px 0px;
	}
	

#topnavbar {
	height: 2.4em;
	text-align: left;
	padding: 0.8em 1.2em 0 1.4em;
	font-size: 0.8em;
	font-weight: normal;
	background-color: #660000;
	color: #ffffff;
	
	}
	
#topnavbar a, #footer a {text-decoration: none; color: #FFFFFF;}
tr {
	vertical-align: top;
}

#topnavbar a:hover, #footer a:hover {
	text-decoration: underline;
	color: #fff7f0;
}

#content {
	padding: 1.2em;
	font-size: 0.9em;
	background-color: #FFF;
	min-height: 15em;
	}
	
#leftcol {
	float:left;
	width:580px;
}
#rightcol table {
	border: 1px solid #996666;
	background-color: #fff7f0;
	margin-top: 0.5em;
	margin-bottom: 1em;
}


#rightcol {
	margin:0 0 1.2em 1.2em;
	float:right;
	width:365px;
	}


.border {
	border: 1px solid #996666;
	padding: 0.5em;
	}
	
.line {
	border-bottom: 1px #DBE2E8 solid;
	}
	
div.captionleft, div.captionright {
	border: 1px solid #996666;
	padding: 0.5em;
	margin: 0 0 1em 0.5em;
	background-color:#fff7f0;
	}

div.captionleft {float: left; width:95%; margin:0;}
div.captionright{float: right;}

#pagefooter {
	background-color: #660000;
	text-align:center;
	font-size: 0.8em;
	color: #FFF;
	padding: 0.5em;
				}

h1, h2, h3, h4, h5, h6  { font-family: Geneva, Arial, Helvetica, sans-serif;}
p {
	line-height: 1.5em;
	margin-top: 0em;
}
h1 { font-size: 1.6em; line-height: 1.1em;}
h2 { font-size: 1.3em; line-height: 1.1em; margin-bottom: 0.3em;}
h3 {
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 0.3em;
} 
h4 { font-size: 1.1em; line-height: 1.1em; font-weight: bold; margin-bottom: 0.2em;}
h5 { font-size: 1em; line-height: 1.1em; font-weight: bold; margin-bottom: 0.2em;}	
h6 { font-size: 1em; line-height: 1.1em; font-weight: bold; margin-bottom: 0.2em;}	
	
ul, ol { margin: 0.3em 0.5em 1em 0.8em; padding: 0 .5em 0 1.1em}
ul {
	list-style-image: url(../graphics/square.gif);
	list-style-type: square;
}	
li {margin: 0.2em 0.5em 1em 0; padding: 0 0.5em 0 0;}

ol li ol li ol li{
	list-style-type: lower-alpha;
}

.tdcolor {background-color: #f7f8fa;}

#topnavbar ul{
	list-style-type:none;
}
#topnavbar li{
	display:inline;
	padding: 0px 15px 0px 5px;
	border-right: 1px solid #FFF;
}
#topnavbar ul li.last{border-right:none;}

.clear{
	clear:both;
	min-height:2em;
}

#pagefooter a {
	color: #fff;
	text-decoration: underline;
}
#events {
	width:340px; float: left;
}

#feature {

	 width: 190px; float: right;
	
	}
div.mapBox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
	border: 1px solid #ccc
}
div.mapBox iframe{
	position: absolute; 
	height: 100%; 
	width: 100%;
	border: 0;	
}