body {

font-family: Tahoma, Geneva, arial, san-serif;

font-size:0.9em;

}



#container {
background-color: #FFFFFF;
width: 850px;
margin: 2em auto;
padding: 1em;
-moz-border-radius: 20px;  
-webkit-border-radius: 20px;  
border-radius: 20px;
}

#header {

width: 780px;

margin: 0 auto;

text-align: right;

}



#banner {

width: 808px;

height: 405px;

margin: auto;

padding-top: 5px;

background-color: #000000;

}

#randomimage {

margin: 0 0 0 4px;

}

#main{

width: 800px;

margin: 0 auto;

margin-bottom: 1em;

}

#nav {

width: 750px;

height: 1.5em;

margin: 2.5em auto;

background-color: #888888;

text-align: center;

font-family: Verdana, Geneva, arial, san-serif;

font-size: 0.8em;

font-style: italic;

clear: both;

}

#navlist li

{

display: inline;

list-style-type: none;

padding-right: 60px;

}

#navlist li a {

text-decoration: none;

color: #dddddd;

}

#navlist li a:hover {

text-decoration: underline;

color: #ffffff;

}

.current {
text-decoration: underline;
color: yellow;
}

#verse {
font-family: Verdana, Geneva, arial, san-serif;

text-align: center;

font-size: 0.6em;

}

#verse a {

color: #aaaaaa;

text-decoration: none;

}

#verse a:hover {

color: #999999;

}

#verse2 {
font-family: Verdana, Geneva, arial, san-serif;
text-align: center;
font-size: 0.6em;
}

#verse2 a {
color: #444444;
text-decoration: none;
}
#verse2 a:hover {
color: #111111;
}


#footer {

width: 800px;

margin: 2em auto;

text-align: right;

font-size: 0.6em;

color: #aaaaaa;

}

#counter {

margin=top: 2em;

float: right;

font-size: 0.6em;

color: #eeeeee;

}



/* headings etc */

h1 {

font-family: Verdana, Geneva, arial, san-serif;
font-size: 2em;

margin-bottom: 1em;

}

h2 {
font-family: Verdana, Geneva, arial, san-serif;
font-size: 1.2em;

}



/* Contact form */

fieldset#formwrap { 

  border: 0;

}



/* section fieldsets - it's common to make this border : 0; */

fieldset { 

  border: 0;

}



/* other stuff */

.imageright {

float: right;

margin: 0 20px 30px 1em;

border: 1px solid #666;

padding: 2px;

}



img {  

border-style: none;

}

#flashcontent {

width: 800px;

margin: 0 auto;

}

/* Events page*/

#events {
width: 800px;
margin: 0 auto;
text-align: center;
padding-left: 20px;
}

.eventthumbnail {
float: left;
width: 380px;
height: 300px;
}
.eventtitle {
font-size: 1.2em;
font-weight: bold;
font-family: Verdana, Geneva Sans-serif;
margin-bottom: 1em;
}
.eventthumbnail p {
font-size: 0.9em;
}
.eventthumbpic {
margin-top: 10px;
border: 1px solid #000000;
}

.clearboth { clear: both; }

.eventthumbnail a {
text-decoration: none;
display: block;
color: #000000;
}
.eventthumbnail a:hover {
background-color: #dddddd;
} 



/* Individual event pages */

.eventbody {
background-color: #aaaaaa;
}

.eventname {
margin-bottom: 1em;
}

#gallerylink {
width: 480px;
text-align: center;
margin: 0 auto;
font-size: 1.5em;
}
#gallerylink a {
color: #333333;
text-decoration: none;
display: block;
border: 1px solid #222222;
background-color: #dddddd;
}
#gallerylink a:hover{
color: #eeeeee;
text-decoration: none;
display: block;
border: 1px solid #cccccc;
background-color: #777777;
}

#slideshowheader {
color: #333333;
text-align: center;
width: 540px;
margin: 0 auto 1em auto;
font-size: 1.5em;
display: block;
border: 1px dashed #222222;
background-color: #dddddd;
}

#footerlogo {
float: right;
}

#eventfooter {
height: 80px;
margin: 3em auto 1em auto;
text-align: left;
font-size: 0.6em;
color: #999999;
}

#eventfootertext {
width: 400px;
float: left;
margin-top: 60px;
}

#eventfootertext a {
text-decoration: none;
color: #999999;
}

#eventfootertext a:hover {
text-decoration: underline;
color: #999999;
}