body { /* background color of site */
	background-color:#c0dac6;
	background-image:url(../i/bg.gif);
	color:#000000;
	margin:0;
	font-size:14px;
	text-align:center;
	}
	
#frame {  /* Center site in IE, set width at 750 - Main container for all other divs */
	margin: 10px auto; 
	text-align: left;
	width:750px;
	font-size:1em;
	z-index:0;
	}

#frame_fp {  /* Center site in IE, set width at 750 - Main container for all other divs */
	margin: 10px auto; 
	text-align: left;
	width:750px;
	height:750px;
	font-size:1em;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#head { /* Create border, ad header image */
background-color:#FFFFFF;
border-top:1px solid #006;
border-right:1px solid #006;
border-bottom:0px solid #006;
border-left:1px solid #006;
height:380px;
background-image:url(../images/head_750.jpg);
background-repeat:no-repeat;
}

#subhead { /* Create border, ad header image */
background-color:#FFFFFF;
border-top:1px solid #006;
border-right:1px solid #006;
border-bottom:0px solid #006;
border-left:1px solid #006;
height:237px;
background-image:url(../images/head_sub_750.jpg);
background-repeat:no-repeat;
}

#content_fp { /* Content area */
background-color:#FFFFFF;
background-image:url(../images/water.jpg);
background-position:bottom;
background-repeat:no-repeat;
border-bottom:1px solid #006;
border-right:1px solid #006;
border-left:1px solid #006;
font-size:.9em;
}

#content { /* Content area */
background-color:#FFFFFF;
background-image:url(../images/water.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
border-bottom:1px solid #006;
border-right:1px solid #006;
border-left:1px solid #006;
font-size:1em;
}

#title {
width:325px;
position:relative;
left:35px;
padding-top:145px;
line-height:24px;
font-size:1em;
}

#maintext { /* Content area */
width:700px;
text-align:left;
margin:0 auto;
font-size:1em;
}

#footer_fp {
position:relative;
z-index:5;
top:-40px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
}

#footer {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
margin-top:20px;
margin-bottom:20px;
}

#footer a, #footer a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#CBDEE7;
}

#footer_fp a, #footer_fp a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#CBDEE7;
}

#weather_fp {
position:relative;
top:-60px;
text-align:center;
margin:0px;
border:0 none;
}

#weather {
text-align:center;
margin-top:20px;
margin-bottom:20px;
border:0 none;
}

#banner {
position:relative;
z-index:10;
top:-90px;
text-align:center;

margin-bottom:10px;
border:0 none;
}

.event {
width:690px;
height:75px;
margin:0 auto;
padding-top:10px;
text-align:left;
}

.event_pic {
width:100px;
height:75px;
display:block;
overflow:hidden;
float:left;
}

.event_date {
width:auto;
height:75px;
display:block;
overflow:hidden;
padding:3px;
text-align:center;
font-weight:bold;
}

.event_desc {
width:445px;
height:75px;
display:block;
overflow:hidden;
float:right;
vertical-align: top;
padding:3px;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
	}
	
td, th {
	padding: 0;
	}

td, div {
font-family: arial, helvetica, sans-serif;
font-size:1em;;
}

h1 {
font-size:24px;
color:#336699;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

h2 {
font-size:16px;
color:#336699;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

.bi {
font-style: italic;
font-weight: bold;
}

.b {
font-weight: bold;
}

.i {
font-style: italic;
}

.c {
font-size: 8pt;
font-weight: normal;
color: #000066;
}

.h {
font-size: 13pt;
font-weight: bold;
color: #000099;
}

a:link, a:visited {
font-size: 1em;
font-weight:bold;
text-decoration: none;
color: #000066;
}

a:hover, a:active  {
font-size: 1em;
font-weight:bold;
text-decoration: underline;
color: #8AB0DD;
}

a.c:link, a.c:visited {
font-size: 8pt;
text-decoration: none;
color: #000099;
}

a.c:hover, a.c:active {
font-size: 8pt;
text-decoration: underline;
color: #ccccff;
}

a.b:link, a.b:visited {
text-decoration: underline;
color: #000099;
}

a.b:hover, a.b:active {
text-decoration: underline;
color: #000033;
}

a.bi:link, a.bi:visited {
text-decoration: underline;
color: #000099;
}

a.bi:hover, a.bi:active {
text-decoration: underline;
color: #000033;
}

/* WJG */

a.big {font-style: italic; font-weight: bold; font-size: 12pt}


div#sidefiller_r {
position:fixed; 
top:27px; right:4px; width:125px; padding:1px;
background-color: white;
border-width:2px; border-color:#0000ff; border-style: solid;
}

div#sidefiller_l {
font-family:Arial, Helvetica, sans-serif;
position:fixed; 
top:27px; left:4px; width:135px; padding:1px; 
background-color: white;
border-width:2px; border-color:#0000ff; border-style: solid;
}

div#sidefiller_l h3 { 
font-family:Arial, Helvetica, sans-serif;
display:block; 
text-decoration: none; font-weight: bold;
color:white; background-color: #336699;
text-align: left; 
font-size: 0.90em;
margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px;
font-family: arial, helvetica "sans serif"; 
}


div#sidefiller_l ul { 
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 2px; padding: 0px;
text-align: left;
font-size: 0.90em; 
}
            
div#sidefiller_l ul li {
font-family:Arial, Helvetica, sans-serif;
text-decoration: none; font-weight: normal;
font-size: 0.90em;
margin: 0px; padding: 2px 0px 2px 0px; 
}

div#sidefiller_l ul li a {
font-family:Arial, Helvetica, sans-serif;
text-decoration: none; font-weight: normal;
font-size: 0.90em;
margin: 0px 0px 0px 0px;; padding: 2px 0px 2px 0px; 
}

.event_php {
/* border: thin solid blue; */
width:690px;
height:100px;
text-align:left;
margin-top:-2px;
}

.event_pic_php {
/* border: thin solid orange; */
width:100px;
height:90px;
display:block;
overflow:hidden;
margin:2px 0 2px 0;
padding-top:6px;
float:left;
}

.event_date_php {
/* border: thin solid green; */
width:auto;
height:90px;
display:block;
overflow:hidden;
margin:2px;
padding-top:6px; 
text-align:center;
font-weight:bold;
}

.event_desc_php {
/* border: thin solid red; */
width:405px;
height:96px;
margin:2px;
display:block;
overflow:hidden;
float:right;
text-align: justify;
}