/* CSS Document */
*{
margin:0;
padding:0;
}
body{
FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/background.gif);
text-align:center;
}
a:link, a:visited{
color:#333333; text-decoration:none;
}
a:hover{
color:#807859; text-decoration:underline;
}
#container{
width:777px; background-color:#807859; margin:0 auto;
}
#main{
background:url(images/main.background.jpg) no-repeat top left #E6E1CF; margin:0 7px 0 7px; width:762px;
}
#main h1{
background:url(images/logo.gif) no-repeat top left; width:310px; height:75px; text-indent:-9000px; float:left; margin:0 0 0 22px;
}
#menu {
width: 401px;
height: 62px;
position:relative;
background-image:url(images/nav.gif);
float:right; margin:12px 15px 0 0;
}
#menu li {
list-style: none;
position: absolute; 
top: 0;
}
#menu li, #menu a {
height: 62px; 
display: block;
/* to see the image map, turn on borders - border: solid 1px #f00; */
}
#menu li a {
TEXT-INDENT: -9999px; 
TEXT-DECORATION: none
}
#home {
left: 0px; width: 50px;overflow:hidden;
}
#about {
left: 50px; width: 80px;overflow:hidden;
}
#visit {
left: 130px; width: 70px;overflow:hidden;
}
#events {
left: 200px; width: 55px;overflow:hidden;
}
#groups {
left: 255px; width: 72px;overflow:hidden;
}  
#contact {
left: 325px; width: 75px;overflow:hidden;
} 
#home a:hover {
background: transparent url("images/nav.gif") -0px -62px no-repeat;
}
#about a:hover {
background: transparent url("images/nav.gif") -50px -62px no-repeat;
}
#visit a:hover {
background: transparent url("images/nav.gif") -130px -62px no-repeat;
}
#events a:hover {
background: transparent url("images/nav.gif") -200px -62px no-repeat;
}
#groups a:hover {
background: transparent url("images/nav.gif") -255px -62px no-repeat;
}
#contact a:hover {
background: transparent url("images/nav.gif") -325px -62px no-repeat;
}
#content{
width:350px; float:right; margin:43px 0 0 0; text-align:left;
}
#flashobject{
float:left; width:383px; margin:43px 0 0 20px;
}
h3.mission{
background:url(images/h3_mission.gif) no-repeat; width:56px; height:9px; text-indent:-9000px; margin-bottom:13px;
}
h3.servicetimes{
background:url(images/h3_servicetimes.gif) no-repeat; width:62px; height:9px; text-indent:-9000px; margin-bottom:13px;
}
/* h3.directions{
background:url(images/h3_directions.gif) no-repeat; width:114px; height:9px; text-indent:-9000px; margin-bottom:13px;
} */
#colone{
float:left; margin:0 0 28px 10px;
}
#coltwo{
float:right; border-left: 1px solid #D3CFC0; padding-left:10px; margin:0 15px 17px 0px;
}
#colone p, #coltwo p{
font-size:10px; line-height:12px; color:#333333;
}
#clear{
clear:both;
}
.floatleft{
float:left;
}
.floatright{
float:right;
}
.latest{
float:right; margin:5px 70px 0 0;
}
#buttons {
margin:0px 0 16px 0;
width: 214px;
height: 36px;
position:relative;
background-image:url(images/media.btns.jpg);
clear:both; float:left;
}
#buttons li {
list-style: none;
position: absolute; 
top: 0;
}
#buttons li, #buttons a {
height: 36px; 
display: block;
/* to see the image map, turn on borders - border: solid 1px #f00; */
}
#buttons li a {
TEXT-INDENT: -9999px; 
TEXT-DECORATION: none
}
#video {
left: 0; width: 117px;overflow:hidden;
}
#mp3 {
left: 117px; width: 96px;overflow:hidden;
}
#video a:hover {
background: transparent url("images/media.btns.jpg") -0px -36px no-repeat;
}
#mp3 a:hover {
background: transparent url("images/media.btns.jpg") -117px -36px no-repeat;
}
p.seriestitle{
float:right; color:#807859; font-size:12px; clear:right; width:133px;
}
#calendarbox{
background:url(images/calbox_background.gif) no-repeat top left white; height:107px; width:315px; clear:both; margin:0 0 25px 2px; padding:10px;
}
#calendarbox p{
color:#333333;
}
#calendarbox p.small{
font-size:10px;
}
#calendarbox p.table{
font-size:11px;
}
h2.calendar{
background:url(images/h2_calendar.gif) no-repeat; text-indent:-9000px; width:91px; height:11px; margin:12px 0 0 12px; float:left;
}
.calendartable{
float:right; margin:0px 5px 0 0; padding:3px;
}
.subboxone{
border:9px solid white; margin:10px 0 10px 0;
}
.subbox{
border:9px solid white;  margin:10px 0 10px 5px;
}
#subcontentbox{
width:708px; background:url(images/about/box_top.gif) no-repeat white; margin:0 auto; clear:both; text-align:left; padding-top:30px;
}
#subcontentbox p{
font-size:11px; line-height:16px; font-weight:normal;
}
#subcontentbox h2{
color:#333333; font-size:18px; BORDER-BOTTOM: #9d9d9d 1px dotted; FONT-FAMILY: Arial; font-weight:normal;
}
#subcontentbox h3{
color:#807859; font-size:12px; letter-spacing:-1px;
}
#subcontentbox h4{
color:#333333; font-size:18px; FONT-FAMILY: Arial; font-weight:normal;
}
#subcontentbox h5{
color:#807859; font-size:10px; FONT-FAMILY: Arial; font-weight:normal; text-transform:uppercase;
}

#subcontentbox li{
line-height:14px; font-size:11px; padding:10px; border-left:1px solid #eee; list-style-type:none;
}
#subcontentbox i{
font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;
}
.calendar{
border-bottom:1px dashed #BFAC60; width:400px; padding:8px 0 8px 0;
}
.calendarfirst{
width:400px; padding:8px 0 8px 0;
}
#subcolright{
float:right; padding:10px 20px 0 0; width:500px;
}
#subcolleft{
float:left; padding:30px 0 0 20px; width:150px;
}
#subcolleft p{
color:#807859; font: normal 9px; line-height:11px;
}
#subcolleft ul{
background-color:#E6E1CF; width:140px; margin:0; padding:0;
}
#subcolleft li{
list-style:none; border-bottom:1px dashed #BFAC60; padding:10px;
}
.orangetext{
color:#c63;
}
.borderimgs{
border:1px solid black;
}
#footer{
width:777px; margin:0 auto; background-color:#000000; margin-bottom:30px;
}
#footer p{
font-size:9px; text-align:right; padding:3px 10px 3px 3px; color:#FFFFFF;
}
#footer a:link, #footer a:visited{
color:#FFFFFF;
}
#scroller1{
margin:5px 0 5px 5px; clear:both;
}