body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	
}
html, body, #wrapper {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #wrapper {
	height: auto;
}
#wrapper {
	position: absolute;
	top: 0;
	left: 0;
}
#header {
	height: 6em;
	background-image:   url(../Images/masthead.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

#header .logo {
	float: left;
	margin-left: 1.5em;
	margin-top: 0.75em;
}
#sidebar {
	position: absolute;	
	top:8.0em;
	left: 0em;
	width: 14em;
	height:28em;
	background-color:#ffffff;
	background-image:   url(../Images/navbckgnd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
}

#sidebar .banner {
	position: absolute;
	height: 174px;
	width:154px;
	top: 244px;
	left: 32px;	
	}

#navigation {
	position: absolute;
	top:0.5em;
	left: 2em;
	width: 10em;
	
}

#navigation ul {
	list-style: none;
	margin:0;
	padding:0;
	
}
#navigation li {
border-bottom: 1px solid #99FF99;

	
}
#navigation li a:link, #navigation li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #339900;
	border-right: 0px solid #339900;
	
	color: #000000;
	text-decoration: none;
	width: 134px;
	font-weight: bold;	
	

}
#navigation li a:hover {
	background-color:transparent ;	
	border-left: 12px solid #00ff00;
	border-right: 0px solid #00ff00;
	color: #333333;	
}

body#index li.index, body#aboutus li.aboutus, body#calendar li.calendar, body#committee li.committee, body#gallery li.gallery, body#links li.links, body#contactus li.contactus {
	background-color:none;
	color:#ffffff;
	
	}
	
body#index li.index a:link,body#index li.index a:visited, body#aboutus li.aboutus a:link, body#aboutus li.aboutus a:visited, body#calendar li.calendar a:link, body#calendar li.calendar a:visited, body#committee li.committee a:link, body#committee li.committee a:visited, body#gallery li.gallery a:link, body#gallery li.gallery a:visited, body#links li.links a:link, body#links li.links a:visited,body#contactus li.contactus a:link, body#contactus li.contactus a:visited   {
	background-color:none;
	color:#ffffff;
	}

#homecontent {
	margin-left: 16em;
	margin-right: 15em;
	margin-bottom: 3em;
	padding-right:0.5em;
	font-family: Tahoma, Arial, "Times New Roman";
}


#side2 p {
	font-size: 70%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}

	

#homecontent p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}
#sitemapcontent li {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}



#homecontent h4 {
	color:#339900;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}

#footer {
	position: absolute;
	bottom: 0;
	width:100%;
	border-top: 4px solid #339900;
	background-color: #99FF99;
	color: #000000;
	font-size: 70%;
	padding-left: 0em;
	text-align: center;

}

#footer p {
	margin: 0.5em 0 1em 2em;
	padding: 0;
}

#divider {
	height: 1.5em;
	border-top: 4px solid #99FF99 ;
	border-bottom: 4px ridge #99FF99;
	background-color: #339900;
}

.divider {
	font-size: 80%;
	margin-right:3em;
	padding-top:5px;
	text-align: right;	
	color:#ffffff;
}

#side2 {
	position:absolute;
	
	top:8.0em;
	right:0px;
	padding: 20px 10px 10px 10px;
	border-left: 1px dotted #cccccc;
	}

.adbox {
	width:165px;
	padding 2px 4px 2px 6px;
	margin: 0 0 10px 10px;
	border: 1px solid #b1b1b1;
	background-color: #f4f4f4;
	}
	
	.adbox h5 {
	color:#666666;
	background-color:#b1b1b1;
	text-align: center;
	margin-top:0px;
	margin-bottom:-12px;
	
		}

.adbox p {
font-family: Tahoma, Arial, "Times New Roman";
color:#666666;
margin-bottom:0px;
}
	
a:link {
	font-family: Tahoma, Arial, "Times New Roman";
	color: #00ff00;
	text-decoration: none;
}
a:visited {
	font-family: Tahoma, Arial, "Times New Roman";
	color: #00ff00;
	text-decoration: none;
}
a:hover {
	font-family: Tahoma, Arial, "Times New Roman";
	color: #00ff00;
	text-decoration: none;
	font-weight: normal;
	background-color: #c0f7c1;
}

#content {
	margin-left: 17em;
	margin-right: 3em;
	margin-bottom: 3em;
	padding-right:0.5em;
	font-family: Tahoma, Arial, "Times New Roman";
	
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}

#content h4 {
	color:#339900;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
	


.committeimage {
	float: left;
	border: 2px solid #99FF99;
	margin-right:20px;
	margin-bottom:0px;
	
	
	
	}

.clear {
	clear:both;
	}
	
#committeecontent {
	margin-left: 17em;
	margin-right: 3em;
	margin-bottom: 3em;
	padding-right:0.5em;
	font-family: Tahoma, Arial, "Times New Roman";
	
}
#committeecontent p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}

#committeecontent h4 {
	color:#339900;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom:-12px;
	
	}

p, td, th {
	font: 0.7em Tahoma, Arial, "Times New Roman";
}
.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #339900;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr.altrow {
	background-color: #99FF99;
	color: #000000;
}

#dhtmltooltip{
	position: absolute;
	width: 250px;
	border: 2px solid black;
	padding: 2px;
	background-color: #99FF99;
	visibility: hidden;
	z-index: 100;
	font-family: Tahoma, Arial, "Times New Roman";
	font-size: 70%;
	color: #000000;
	
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	
}
#contentcalendar {
	margin-left: 20em;
	margin-right: 2em;
	margin-bottom: 3em;
	padding-right:0.5em;
	font-family: Tahoma, Arial, "Times New Roman";
	
}
#contentcalendar h4 {
	color:#339900;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}

#thumbnailsContainer {
width: 225px;
margin: 0 20px 20px 0;
padding: 10px 0 20px 10px;

border: 1px solid #d8d8d8;
float: left;
}
#thumbnails {
width: 225px;

}

.thumbnails h5 {
	color:#000000;
	font-family: tahoma, Arial, "Times New Roman";
		}

#thumbnails img {
float: left;
border: 1px solid #888888;
margin: 0 10px 10px 0;
}
.separator {
clear: both;
height: 1px;

overflow:hidden;
}









#frameBorder,#frameBackground,#displayArea {
}

#frameBorder {
	width: 424px;
	float:right;
	margin-top:11.5em;
	margin-right:1.5em;
	background-color: #ffffff;
	border: thin solid #666666;
}

#frameBackground {
padding: 10px;
}

#displayArea {
width: 400px;
}

#displayArea img {
border: 2px solid #e5e2d3;
margin-bottom: 2em;
}

#frameBorder p {
text-align: right;
font: 10px Arial, sans-serif;
color: #2b2b2b;
}

#caption, #credit {
font-weight: bold;
color: #222222;
}





#displayarea {
float:right;
}







#sitemapcontent {
	margin-left: 17em;
	margin-right: 3em;
	margin-bottom: 3em;
	padding-right:0.5em;
	padding-left: 10em;
	font-family: Tahoma, Arial, "Times New Roman";
	
}

#sitemapcontent h4 {
	color:#339900;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:6em;
	}
	
	.navBar a {
	color: #363636;
	font-family: Tahoma, Arial, "Times New Roman";
	font-size: x-small;
	text-decoration: none;
}

.navBar a:hover {
	color: #363636;
	font-family: Tahoma, Arial, "Times New Roman";
	font-size: x-small;
	text-decoration: underline;
	background-color: #FFFFFF;
	font-weight: bold;
}

 .navBar a:visited {
	font-family: Tahoma, Arial, "Times New Roman";
	color: #000000;
	text-decoration: none;
	}
	
	#clearfooter{clear:both;height:50px;width:100%;margin-bottom:0px}
	
	#homepagepiclist {
list-style-type: none;


}

#homepagepiclist li {
float: left;
margin-right: 6px;
margin-bottom: 10px;
font: bold 0.8em verdana, Helvetica, sans-serif;
	color:green;
	text-align:center;
}


.rightimage {
	float:right;
	border: medium solid #999999;
	margin-left:5px;
}

.leftimage {
	float:left;
	border: medium solid #999999;
	margin-right:10px;
}