body {font-family: arial, verdana, sans-serif; font-size:1.0em; behavior:url(csshover.htc); }
* {margin:0; padding:0;} 
 /*styles for header - text-align centers graphic   Comic Sans MS,*/
h1{font-family:arial ; font-size: 2.5em ;color:#008000 ;font-weight:bold;  margin: 0 0 0 30px}
h2{font-family:arial ; font-size: 2.5em ;color:#008000 ;font-weight:bold;  margin: 0 0 0 30px}	
h3{font-size:1.0em; font-weight:bold; color:#FF0000 ; margin: 10px 10px 10px 10px; text-align:center;padding: 10px 5px 10px 5px; background-color:#F0F0D0}	
h4{font-size:1.5em; font-weight:normal; color:#000000 ; margin: 0 10px 0px 10px; text-align:center; }	
h5{font-size:1.0em; font-weight:normal; color:#000000 ; margin: 10px 10px 0 10px; text-align:center;  ;background-color:#F0F0D0}	
h6{font-size:1.0em; font-weight:normal; color:#000000 ; margin: 10px 10px 0 10px; text-align:left;  ;background-color:#F0F0D0;font-weight:bold;}	

#nav_1{
	padding: 1.0em;
	background-color: #008000;
	font-size:0.8em;	
	font-weight:bold;
	color: #ffffff;
	width:8em;
	top: 0em;
	left:0em;
	position:absolute;
}
div#nav_1 a{
color:#ffffff;}
div#nav_1 a:hover {
	color:#000;
	}
div#nav_1 li{
list-style-type:none;
margin:15px 0 15px 15px;
text-align:left;
}
* html	div#nav_1{						/* IE Hack  */
	width:10em;
	}
body > #nav_1
{
position:fixed;
}
#wrapper{
margin-left:auto;
margin-right:auto;
}
#container{
	width:650px;	
	padding: 0 0 0 8em;
	background-color: #FFFFDE; 
}
* html	div#container{						/* IE Hack  */
	width:780px;
	}
#header {
	top: 0px;
	left: 0px;
	width: 635px; 
	height:108px;
	background-color: #F0F0D0;
	border: 0px solid #50A050;
	padding:0 0px 0 0px;
	text-align:left;
 
}
#front_col1{
width:405px;
padding:10px;
float:left;
} 
#front_col2{
width:220px;
float:left;
text-align:center;
} 
#gen_col{
width:635px;
padding:10px;
}
#footer {
 	width: 780px;
	background-color: #F0F0D0; 
}
div p{
margin:0 0 1em 0;
}
div#gen_col ul{
	border:0px solid #069; /* REMOVE!! */
	margin-right:5px;
	margin-top:10px;
	padding:10px 5px 10px 30px; 
	}
#event{
	border: double #008000; 
	margin:10px;
	padding:10px;
	margin-top:10px;
}
* html	p#event{						/* IE Hack  */
	margin-top:10px;
	}
.event_item_l{
	margin:10px;
	padding:5px;
	text-align:left;
}
.event_item_d{
	margin:5px;
	padding:10px;
	background-color: #F0F0D0;
	border: 0px solid #50A050;
}
.news_item_1{
	margin:0px;
	padding:5px;
	text-align:left;
	border:2px solid #008000;
}
.news_item_1 p{
	color:#FF0000;
	font-weight:bold;
	text-align:center;
} 
.leftimg{
margin: 10px 10px 10px 0px;
float: left;	/* Align L */
}
.rightimg{
margin: 0px 0px 10px 10px;
float:right;	/* Align R */
} 
/* PHOTO ALBUM STUFF starts */
#albumlist {
			list-style-type: none;
			
			}
ul#albumlist li {
			 float:left;
			 margin: 0px 4px 40px 4px;
			 padding:10px;						 
			}
ul#albumlist li img {
			 display: block;
			 border: 2px solid #333300;
			
			}
/* PHHOTO ALBUM STUFF ends */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */ 
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */