@charset "utf-8";
/* CSS Document */

body {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
margin:0;
padding:0;}

#contentwrapper{
background:url(images/bg.gif);
}

#events{
float:right;
width:220px;
margin-top:35px;
font-size:.9em;
background:#F5F5F5 url(images/beetle.gif) no-repeat bottom right;
border:solid thin #E4E4E4;
padding: 0 0 10px 10px;
}

#events ul {
margin:0 0 0 5px;
padding:0;
}

#events a{
	font-size:.8em;
	}


a, a:visited{
text-decoration:none;
}

a{
color:#0099FF;
}

a:hover{
text-decoration:underline;
}

h2{
font-size:1.5em;
color:#ff9999;
}

h4{
padding-bottom:0;
margin-bottom:0;
}

#banner{
background:url(images/banner.png) no-repeat bottom center;
width:922px;
height:309px;
margin:0 auto;
}
#info{
width:800px;
margin:0 auto;
}

#calendar{
width:800px;
margin:0 auto;
}

#content{
background-color:#FFFFFF;
margin:0 auto;
padding: 45px 0 25px 0;
}

#faqcontent{
float:left;
width:600px;
display:block;
margin-bottom:35px;

}

#faqcontent p{
margin: 0 0 0 20px;
}

#faqcontent h2{
color:#70a8d7;
}

#sidebar{
margin: 10px 0 0 25px;
float:left;
width: 200px;
color:#3399cc;
font-size:1.1em;
}

#news{
margin: 25px 0 0 25px;
padding-top:25px;
float:left;
width: 230px;
font-size:1.1em;
background:url(images/cb.jpg) no-repeat;
}

#news h3{
font-size:1.3em;
padding:4px;
margin:25px 5px 5px 5px;

}
#news p{

padding:5px;
}

#sidebar h3{
background:#1b325f;
padding: 4px;
color:#FFFFFF;
}

#slogan_text{
font-family:Arial, Helvetica, sans-serif;
padding-top:25px;
text-align:center;
color:#cccccc;
font-size:1.5em;
}

#navigation{
height:60px;
background: #8b8b8b;

}
#change{
width:269px;
height:269px;

position:relative;
left:675px;
top:0px;
}

#navigation ul{
list-style:none;
float:right;
display: inline;
margin: 20px 100px 0 0;
width:400px;
}



#home, #home a{
display:block;
float:left;
background:url(images/home.png) no-repeat;
width:100px;
height:40px;

}
#home a:hover{

}
#location, #location a{
display:block;
float:left;
background:url(images/location.png) no-repeat;
width:100px;
height:40px;
}
#location a:hover{

}

#eventslink, #eventslink a{
display:block;
float:left;
background:url(images/location.png) no-repeat;
width:100px;
height:40px;
}
#eventslink a:hover{

}

#newsletter, #newsletter a{
display:block;
float:left;
background:url(images/location.png) no-repeat;
width:100px;
height:40px;
}
#newsletter a:hover{

}
.location{
background:url(images/location_current.png) no-repeat;
}

a span { 
margin:0 auto;
padding:15px 0 0 28px;
overflow: hidden; 
display:block;
color:#666666;
font-size:1.2em;
}

.fade {
  position: absolute;
  top: 100px;
  left: 100px;
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.pics { height: 269px; width: 269px; padding:0; margin:0; overflow: hidden }
.pics img { height: 269px; width: 269;  top:0; left:0 }

.emailform{
width:150px;
}