<html>
<head>
<style type="text/css">

html, body 
{
mid-width:980px;
background: #2f4f4f;
color: white;
}

#wrapper
{
text-align:left;
width:800px;
border: 10px solid #d82400;
margin-left:auto;
margin-right:auto;
}


#header
{
color:#ffffff;
text-align:center;
background-color:#2f4f4f;
width:780px;
height:145px;
border-bottom:10px solid #d82400;
margin:0;
padding:10px;
}

#contact
{
float:left;
text-align:center;
border:2px solid #d80090;
background-color:#ccccff;
color:#617f26;
width:330px;
margin:5px;
padding:5px;
}


#volunteer
{
float:left;
text-align:left;
width:325px;
background-color:#eaeaea;
color:#994c66;
border:2px solid #000000;
margin:5px;
padding:5px;
}

#branding
{
float:left;
text-align:left;
width:300px;
background-color:#ccffff;
color:#d82400;
border:2px solid #d82400;
margin:5px;
padding:5px;
}

#eventbox
{
float:left;
text-align:left;
width:400px;
background-color:#ffd6cc;
border:2px solid #99664c;
margin:5px;
padding:5px;
color:#99664c;
}

#meetings
{
float:left;
text-align:left;
width:250px;
background-color:#ffdd99;
border:2px solid #006633;
margin:5px;
padding:5px;
color:#006633;
}

.topbox
{
float:center;
text-align:center;
width:800px;
margin:10px;
padding:10px;
}

.datebox
{
float:right;
text-align:right;
width:200px;
margin:2px;
padding:2px;
}

#textbox
{
clear:both;
text-align:left;
background-color:white;
width:800px;
height:300px;
color:black
margin:10px;
padding-left:50px;
}


#textbox2
{
clear:both;
float:left;
text-align:left;
background-color:white;
width:800px;
height:450px;
color:black
margin-left:0;
padding-left:120px;
}


#content 
{
width:800px;
background-color: white;
margin:0;
padding:0;
}

#inner
{
clear:both;
text-align:center;
margin:0;
padding:20px;
}

#histbox
{
clear:both;
float:center;
width:648px;
height:100%;
text-align:left;
color:black;
background-color:white;
border:96px solid #2f4f4f;
margin:0;
padding:20px;
}



ul.features
{
padding:0;
list-style: none;
}

.photoboxr
{
float:right;
text-align:center;
background-color:white;
color:black;
margin:5px;
padding:0;
}

.photoboxl
{
float:left;
text-align:center;
background-color:white;
color:black;
margin:5px;
padding:0;
}



#main
{
text-align:left;
width:800px;
background-color:white;
margin:0;
padding:0;
}



#siteinfo
{
background-color:white;
text-align:center;
width:800px;
height:250px;
color:black;
margin:0;
padding:0;
}

#sidebar
{
float:right;
text-align:left;
width:150px;
background-color:#d8b400;
color:black;
font-weight:normal;
margin:0;
padding:0;
}

#sidebar2
{
float:left;
width:400px;
text-align:center;
background-color:white;
color:black;
margin-top:20px;
margin-right:5px;
padding:5px;
}

#photobox2
{
float:right;
text-align:left;
background-color:white;
color:black;
margin-top:20px;
margin-right:10px;
padding:10px;
}

#vertbox
{
float:left;
text-align:left;
background-color:#d8b400;
border-right:10px;
color:black;
width:200px;
height:400px;
margin-right:10px;
padding:10px;
}

#vertbox.h1,h2
{
color:000000;
}



#footer
{
clear:both;
text-align:center;
width:796px;
height:230px;
background-color:#2f4f4f;
color:white;
margin:0;
padding:0;
border:3px solid black;
}



img.sitephoto
{
float:center;
color:white;
background-color:white;
margin-right:5px;
padding:0;
}



img.photos
{
float:left;
margin-right:30px;
padding:0;
border:5px double black;
}


p.photoname
{
text-align:center;
color:black;
font-size:12px;
margin:0;
padding:0;
}



div.sitename
{
float:center;
text-align:center;
background-color:white;
margin:0;
padding:0;
}

h1, h2, h3, h4, h5
{
text-align:center;

}

h1.main
{color:#d82400}



span
{
font-size:110%;
font-weight:bold;
color:black;
background-color:#d8b400;
}

em
{
color:black
font-weight:bold;
color:black;
}

a.one
{
float:center;
width:6em;
text-decoration:none;
background-color:white;
color:black;
padding:0.2em 0.6em;
border:2px solid lightblue;
}

a:one:link {color:white}
a:one:visited {color:black}
a.one:hover {color:orange}
a:one:active {color:purple}
li.menu {display:inline}

a.two
{
background-color:white;
color:blue;
}

a.two:link {color: blue}
a.two:visited {color:blue}
a.two:hover {color: orange}
a.two:active {color: blue}


a.footer:link {color: lightblue}
a.footer:visited {color:lightblue}
a.footer:hover {color: orange}
a.footer:active {color: lightblue}

a.sidebar:link {color: black}
a.sidebar:visited {color:black}
a.sidebar:hover {color: purple}
a.sidebar:active {color: black}

a.vertbox
{
background-color:#d8b400;
font-size:75%;
color:#000000;
}

a.vertbox:link {color:#000000}
a.vertbox:visited {color:#665500}
a.vertbox:hover {color:#94b200}
a.vertbox:active {color:#000000}



img.footer1
{
float:left;
border:3px solid #000000;
margin:10px;
padding:0;
}

img.footer2
{
float:right;
border:3px solid #000000;
margin:10px;
padding:0;
}


</style>
</head>
</html>

