@charset "utf-8";
/* CSS Document */
body{
font-size:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#ccc;
}
/* Main Divisions of Page */
#container{
width:960px;
margin: 0 auto;
padding: 0 5px 0 5px;
background-color:#fff;
}
#masthead{
width:960px;
margin:0;
padding:0;
border:0;
height:163px;
}
#content{
width:520px;
margin: 0 200px 10px 200px;
padding:0 10px 10px 10px;
border:0;
text-align:left;
}
#sidebar_a{
float:left;
width:180px;
margin:0 0 10px 0;
padding:0 10px 10px 0;
border:0;
}
#sidebar_b{
float:right;
width:180px;
margin:0 0 10px 0;
padding:0 0 10px 10px;
border:0;
}
#gallery{
margin: 0 10px 10px 10px;
padding:0 10px 10px 10px;
border:0;
text-align:left;
}
#footer{
clear:both;
width:960px;
padding:2px 0 5px 0;
border:0;
font-size:85%;
text-align:center;
color:#333333;
border-top:1px solid #24618E;
}
/* Gallery Navigation Styles only*/
#navigation ul{
width:100%;
list-style:none;
}
#navigation li{
float:left;
}
#navigation a{
display:block;
width:10em;
text-align:center;
text-decoration:none;
}
/* Font styles */
h2{
margin:0 0 5px 0;
color:#333;
font-size:160%;
}
h3{
margin:0;
color:#999;
font-size:130%;
}
h4{
color:#000;
font-size:100%;
margin-bottom:0;
}
#sidebar_b p{
font-size:80%;
padding-left:18px;
}
/* Specific classes */
.announce{
background-color:#CCFF33;
}
/* Scroll height is usually 550 - 570px when there are upcoming events, but increases to 650px when there are none */
.scroll{
height:630px;
overflow:auto;
}
/* Gallery Scroll */
.galleryscroll{
height:680px;
overflow:auto;
}
.clear p{
clear:both;
}
.upcoming p{
margin-top:0;
}
.scroll p{
margin-top:0;
}
/* Links */
a{
color:#333;
font-weight:bold;
}
a:visited{
color:#999;
}
a:hover{
color:#9c0;
}
/* Image Styles */
.leftphoto img{
float:left;
margin:30px 0 0 5px;
}
.rightphoto img{
float:right;
margin:0 0 30px 5px;
}
.scroll img{
float:left;
margin:5px 10px 5px 0;
border:1px #000 solid;
}
.upcoming img{
float:right;
}
img.left{
float:left;
margin:5px 10px 5px 0;
}
/* Sidebar Navigation */
#sidebar_a ul{
width:100%;
margin:0;
padding:5px;
list-style-type:none;
}
#sidebar_a li{
color:#0C0;
float:left;
}
/* Ensure current page is marked in Navigation Links */
body#index a#homelink,
body#events a#eventslink,
body#plans a#planslink,
body#gallery a#gallerylink,
body#contact a#contactlink,
body#volunteer a#volunteerlink{
background-color:#000;
color:#FFF;
text-decoration:none;
}
#sidebar_a a{
display:block;
width:160px;
text-align:left;
color:#666;
text-decoration:underline;
}
#sidebar_a a:visited{
color:#999;
text-decoration:none;
}
#sidebar_a a:hover{
color:#9C0;
text-decoration:underline;
}
/* Header image */
#masthead img{
border:0;
}
/* Google Map */
.map{
padding-left:100px;
}
/* Contact Form */
#formcontent{
width:660px;
margin: 0 0 10px 200px;
padding:0 0 10px 10px;
border:0;
text-align:left;
}
fieldset{
background-color:#fff;
border:0;
}
fieldset dd{
margin:0;
width:660px;
padding:5px;
}
fieldset dt{
float:left;
width:660px;
padding:5px;
border:0;
}