#container
{
background-color: #fff;}
#Banner
{font-size: 1.7em;
color: #9d1e27;
margin: 0;
padding-top: 0.5em;
font-weight: 100;background-color:#fff ;
}
#container2
{width:720px;
}
 body
{
margin:0;
padding: 0;
font-size: 0.9em;
font-family:  Arial,Verdana, Helvetica, sans-serif;
color: #000;
background-color: #fff;margin-left: 1em;
}
p 
{
margin: 0;
padding-top: 1em;
font-weight: normal;text-align: left;}
h1
{
font-size: 1.8em;
color: #9d1e27;
margin: 0;
padding-top: 0.5em;
font-weight: 300;background-color:#fff ;}
h2
{
font-size: 1.3em;
color:  #9d1e27;
margin: 0;
padding-top: 1em;
font-weight:  normal;}

a:link {text-decoration: none;
color: blue;}
a:visited {text-decoration: none;
color: maroon;}
a:hover, a:active
{
color: #fff;
background-color: #036;
}




#top
{
background: url(./images/header/rotator.php) no-repeat center center;
width: 600px;
height: 150px;
margin-left: 1px;
margin-bottom: 1px;
margin-right: 1px;}

#top h1
{
margin: 0;
padding: .0em 0em .5em .5em;
font-size: 2.2em;
font-weight: normal;text-align: left;}

#top h2
{
padding: 0.5em 1em .5em 1em;
margin: 0;
font-size: 2.2em;text-align: left;font-family: cursive, Verdana, Helvetica, Arial, sans-serif;
}



#mainnav
{
float: left;
width: 140px;
padding-top: 0em;}


#mainnav p { margin: 0em 0em 1em 0em;text-align: left;}

#content
{
margin-left: 140px;
margin-right: 50px;
background-color: #fff;
max-width: 35em;
border-left: 1px #ebebeb solid;
padding-left: 1em;
padding-right: 1em;}


#content h2
{
font-size: 1.3em;
color: #9a0000;
margin: 0;
padding-top: 1em;font-weight:  normal;}
#content h3
{
font-size: 1.1em;margin: 0;
padding-top: 1em;
font-weight: normal;
color: #900000;}
#content ul
{
margin: 0px;
padding: 0px;
}
#content li
{margin-left: 1em;}
#content a:visited {text-decoration: none;
color: maroon;}
#content a:link {text-decoration: none;
color: blue;}
#content a:hover, a:active
{
color: #fff;
background-color:  #9d1e27;
}
#content { line-height: 150%; }
#content h2 { margin: 0 0 .5em 0; }

/* makes sure footer sits below everything else */

#cleardiv
{
clear: both;
height: 0.5em;
}


#footer
{
clear: both;
padding: 1.5em 0em .25em 0em;

text-align: center;
background-color: #fff;
color: #000;}

#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

#footer li
{
display: inline;
margin-right: 1em;
}

.imagefloatleft
	{
		float: left;
	padding-top: 1em;padding-bottom: 2em;padding-right: 1em;
		border: 1px #c40100 none;
		margin: 5px 10px 10px 2px;
}

.imagefloatcenter
{float: none;border: 1px #c40100 none:;margin: 5px 10px 10px 10px;padding-top: 1em;padding-left: 2em;padding-bottom: 2em;padding-right: 2em;}




.imagefloatright
	{
		float: right;
	padding-top: 1em;padding-bottom: 2em;	border: 1px none;
		margin: 5px 10px 10px 10px;
	}
	
	
#mainnav ul
{

padding: 0;
list-style-type: none;margin-top: 0.5em;margin-left: 0em;margin-bottom: 0em;margin-right: 0em;}



#mainnav a:hover
{
color: #FFF;width: 130px;background-color:   #9d1e27;}

#mainnav li a
{
display: block;
color: #000;
background-color:#fff ;
width: 130px;
padding: 3px 3px 3px 0px;
text-decoration: none;
border-bottom: 1px solid #ebebeb;
font-weight: normal;font-size: 0.8em;}


#content table {

border-collapse: collapse;
empty-cells: show;
border-spacing: 2px 1px;
border: 1px #889E88;
padding: 1em;
margin-left: 0em;
margin-bottom: 1em;
margin-right: 1em;
margin-top: 1em;
padding-left: 1em;
padding-bottom: 1em;
padding-right: 1em;
padding-top: 0.5em;}

#content table td {
border: 1px #889E88 solid;
text-align: left;
padding: 0.5em;}


.tabletop
{font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
text-align: left;
color: #fff;
font-weight: bold;
background-color:  #9d1e27;}.date
{
width: 20%;}
.time
{
width: 20%;}

.activity
{
width: 60%;}
 .thumbnail
{
float: left;
width: 200px;
border: 1px #949c4f none;
margin: 0 15px 15px 0;
padding: 5px;background-color: #fff;}.thumbnail img {
border: 1px none;
}.clearboth { clear: both; }