body{
margin: 0;
padding: 0;
font-family: "lucida sans unicode" arial, verdana, sans-serif;
font-size: 12px;
background: #5f7d4f url(http://www.somersetbeach.org/images/site/top.jpg)
repeat-x top center;
}
a {
color: #72D0ED; 
font-weight: normal; 
text-decoration:none;
outline: none;
}
a:link {
color: #72D0ED;
font-weight: normal; 
text-decoration: none;
}
a:visited {
color: #72D0ED; 
font-weight: normal; 
text-decoration: none;
}
a:hover {
color: #fff; 
font-weight: normal;
text-decoration: underline;
}
blockquote{
background: #72D0ED;
color: #000;
margin: 5px 20px;
padding: 0 8px;
border: 2px solid #fff;
}
b{
font-size: 16px;
color: #72D0ED;
}
ul{
margin: 0;
padding: 5px 10px 10px 25px;
}
li{
margin: 0;
padding: 4px 0;
}
h3{
font-size: 18px;
color: #ED703A;
}
h4{
font-size: 16px;
color: #fff;
}

/*Header-------------------------------------------*/
#top{
width: 727px;
height: 53px;
margin: 0 auto;
padding: 0;
}
.search{
margin: 7px 0 0 550px;
padding: 0;
}
.search .searchform{
text-transform: uppercase;
font-size: 11px;
border: 1px solid #40545b;
background: #272b2d;
color: #40545b;
padding: 5px 2px;
}
.submit{
font-size: 11px;
border: 1px solid #40545b;
background: #272b2d;
margin: 0 0 0 2px;
padding: 4px 2px;
color: #40545b;
}
.submit:hover{
background: #72D0ED;
}
#wrapper{
width: 727px;
margin: 4px auto 0;
padding: 0;
background: url(http://www.somersetbeach.org/images/site/contentbg.png)
repeat-y;
}

/*Side-------------------------------------------*/
#side{
float: left;
margin: 0;
padding: 0;
float: left;
width: 259px;
}
.side-top{
margin: 0 0 0 4px;
padding: 0;
height: 14px;
width: 259px;
background: url(http://www.somersetbeach.org/images/site/side-top.jpg)
no-repeat #272b2d;
}
.logo{
margin: 0 0 0 13px;
padding: 0;
width: 237px;
height: 37px;
background: url(http://www.somersetbeach.org/images/site/logo.gif)
no-repeat;
}
.logo a{
display: block;
width: 237px;
height: 37px;
}
#menu{
margin: 35px 0 0 0;
padding: 0;
list-style: none;
}
#menu li{
margin: 0 0 0 5px;
padding: 6px 0;
width: 257px;
border-bottom: 2px solid #36393b
}
.home a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 47px;
background: url(http://www.somersetbeach.org/images/site/home.gif)
no-repeat;
}
.home a:hover{
margin: 0 0 0 30px;
display: block;
height: 13px;
width: 47px;
background: url(http://www.somersetbeach.org/images/site/homeover.gif)
no-repeat;
}
.news a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 111px;
background: url(http://www.somersetbeach.org/images/site/news.gif)
no-repeat;
}
.news a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 111px;
background: url(http://www.somersetbeach.org/images/site/newsover.gif)
no-repeat;
}
.camp a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 131px;
background: url(http://www.somersetbeach.org/images/site/camp.gif)
no-repeat;
}
.camp a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 131px;
background: url(http://www.somersetbeach.org/images/site/campover.gif)
no-repeat;
}
.retreats a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 81px;
background: url(http://www.somersetbeach.org/images/site/retreats.gif)
no-repeat;
}
.retreats a:hover{
padding: 0;
margin: 0 0 0 30px;
display: block;
height: 13px;
width: 81px;
background: url(http://www.somersetbeach.org/images/site/retreatsover.gif)
no-repeat;
}
.guest a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 125px;
background: url(http://www.somersetbeach.org/images/site/guest.gif)
no-repeat;
}
.guest a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 125px;
background: url(http://www.somersetbeach.org/images/site/guestover.gif)
no-repeat;
}
.camping a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 125px;
background: url(http://www.somersetbeach.org/images/site/camping.gif)
no-repeat;
}
.camping a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 125px;
background: url(http://www.somersetbeach.org/images/site/campingover.gif)
no-repeat;
}
.calendar a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 86px;
background: url(http://www.somersetbeach.org/images/site/calendar.gif)
no-repeat;
}
.calendar a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 86px;
background: url(http://www.somersetbeach.org/images/site/calendarover.gif)
no-repeat;
}
.facilities a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 85px;
background: url(http://www.somersetbeach.org/images/site/facilities.gif)
no-repeat;
}
.facilities a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 85px;
background: url(http://www.somersetbeach.org/images/site/facilitiesover.gif)
no-repeat;
}
.gift a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 122px;
background: url(http://www.somersetbeach.org/images/site/gift.gif)
no-repeat;
}
.gift a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 122px;
background: url(http://www.somersetbeach.org/images/site/giftover.gif)
no-repeat;
}
.gallery a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 73px;
background: url(http://www.somersetbeach.org/images/site/gallery.gif)
no-repeat;
}
.gallery a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 73px;
background: url(http://www.somersetbeach.org/images/site/galleryover.gif)
no-repeat;
}
.staff a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 50px;
background: url(http://www.somersetbeach.org/images/site/staff.gif)
no-repeat;
}
.staff a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 50px;
background: url(http://www.somersetbeach.org/images/site/staffover.gif)
no-repeat;
}
.for a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 165px;
background: url(http://www.somersetbeach.org/images/site/for.gif)
no-repeat;
}
.for a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 165px;
background: url(http://www.somersetbeach.org/images/site/forover.gif)
no-repeat;
}
.about a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 93px;
background: url(http://www.somersetbeach.org/images/site/about.gif)
no-repeat;
}
.about a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 93px;
background: url(http://www.somersetbeach.org/images/site/aboutover.gif)
no-repeat;
}
.contact a{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 76px;
background: url(http://www.somersetbeach.org/images/site/contact.gif)
no-repeat;
}
.contact a:hover{
margin: 0 0 0 30px;
padding: 0;
display: block;
height: 13px;
width: 76px;
background: url(http://www.somersetbeach.org/images/site/contactover.gif)
no-repeat;
}
#home .home, #news .news, #camp .camp, #retreats .retreats, #guest .guest, #facilities .facilities, #gift-planning .gift, #staff .staff, #for .for, #about .about, #contact .contact, #calendar .calendar, #gallery .gallery, #camping .camping{
background: url(http://www.somersetbeach.org/images/site/arrow.gif)
no-repeat 15px 5px;
}
.gospellogo{
margin: 50px 0 0 40px;
}
#side h3{
margin: 0;
padding: 10px 0 3px 35px ;
font-size: 13px;
font-weight: normal;
color: #ed703a;
text-transform: uppercase;
}
#side p{
margin: 0;
padding: 10px 0 3px 35px ;
}
/*Main-------------------------------------------*/
#main{
float: left;
margin: 0;
padding: 0;
width: 464px;
}
#flashcontent{
background: #000;
width: 462px;
height: 160px;
margin: 0 0 0 5px;
padding: 0;
}
#flashcontent2{
margin: 10px 0 0 -6px;
padding: 0;
}
.welcome{
margin: 10px 0 0 25px;
padding: 0;
height: 31px;
width: 317px;
background: url(http://www.somersetbeach.org/images/site/welcome.gif)
no-repeat;
}
#blogbody{
float: left;
margin: 0 0 20px 3px;
padding 0;
}
.recent{
float: left;
margin: 17px 0 0 15px;
padding: 0;
height: 28px;
width: 438px;
background: url(http://www.somersetbeach.org/images/site/recent.gif)
no-repeat;
}
.blogbodydark{
margin: 3px 0 0 12px;
padding: 0;
width: 438px;
background: #182e36;
}
.title{
margin: 0;
padding: 10px 0 3px 12px ;
font-size: 13px;
font-weight: normal;
color: #ed703a;
text-transform: uppercase;
clear: both;
}
.blogbodydark p{
padding: 0 10px 10px 12px;
margin: 0;
font-size: 12px;
color: #a4c294;
}
.posted{
width: 438px;
hieght: 20px;
padding: 0 0 25px 0;
}
.posted a{
margin: 0;
padding: 0 0 0 12px;
color: #567147;
font-size: 11px;
text-decoration: underline;
}
.posted a:hover{
color: #72D0ED;
}
.read{
float: left;
}
.date{
float: right;
margin: 0 10px 0 0;
padding: 0;
color: #fff;
font-size: 11px;
text-align: right;
}
.blogbottom{
margin: 0 0 0 9px;
padding: 0;
height: 3px;
width: 443px;
background: #fff;
}
.blogbodylight{
margin: 0 0 0 12px;
padding: 0;
width: 438px;
background: #233d46;
}
.blogbodylight p{
padding: 0 10px 10px 12px;
margin: 0;
font-size: 12px;
color: #a4c294;
}
.extra{
margin: 0;
padding: 0 30px;;
color: #fff;
}
.rssfeed{
float: right;
margin-top: -26px;
margin-right: 5px;
padding: 0;
}
.rssfeedcampers{
float: right;
margin-top: -35px;
margin-right: 5px;
padding: 0;
}
/*Footer-------------------------------------------*/
#footer{
float: left;
width: 727px;
margin: 0;
padding: 100px 0 20px 340px;
}
#footer a{
margin: 0;
padding: 0; 
color: #3e5057;
}
#footer p{
margin: 0;
padding: 0; 
color: #3e5057;
}
/*StaticPages-------------------------------------------*/
.blogbodystatic{
margin: 3px 0 0 12px;
padding: 0;
width: 438px;
color: #fff;
}
.blogbodystatic h2{
font-size: 24px;
margin: 0;
padding: 10px 0 0 0;
}
.paginate{
background: #72D0ED;
margin: 10px 0px 0 10px;
padding: 5px 0;
text-align: center;
font-weight: bold;
}
.paginate p{
margin: 0;
padding: 0;
}
/*search-------------------------------------------*/
.fieldset {
border: 1px solid #ED703A;
padding: 10px;
}
.breadcrumb {
margin:0 0 10px 0;
font-size:12px;
}
.default, .defaultBold {
font-size:12px;
color:#fff;
padding:3px 0 3px 5px;
}
.defaultBold {font-weight:bold;}
.tablePad {
padding: 3px 3px 5px 5px;
}
.resultRowOne {
font-size:11px;
padding: 6px 6px 6px 8px;
background:	#233d46;
color: #a4c294;
}
.resultRowTwo {
font-size: 11px;
padding: 6px 6px 6px 8px;
background: #182e36;
color: #a4c294;
}
.resultHead {
font-size: 12px;
font-weight: bold;
padding: 8px 0 8px 8px;
border-bottom: 1px solid #999;
}
form {
margin: 0;
padding: 0;
border: 0;
}
.hidden {
margin: 0;
padding: 0;
border: 0;
}
.input, input {
background: #fff;
border: 1px solid #ccc;
padding: 4px 0 3px 0;
color: #1E497E;
} 
.textarea, textarea {
background: #fff;
border: 1px solid #ccc;
padding: 4px 0 3px 0;
color: #1E497E;
}
.select, select {
background: #fff;
border: 1px solid #ccc;
padding: 4px 0 3px 0;
color: #1E497E;
} 
.multiselect, multiselect {
background: #fff;
border: 1px solid #ccc;
padding: 4px 0 3px 0;
color: #1E497E;
} 
.radio, radio {
color: transparent;
background: transparent;
margin: 0  4px;
padding: 0;
border: 0;
}
.checkbox, checkbox {
color: transparent;
background: transparent;
margin: 0;
padding: 0;
border: 0;
}
/*comments-------------------------------------------*/
.commentbody1{
padding: 5px 10px;
background: #233d46;
color: #fff;
margin: 0px 12px 0px 12px;
border-bottom: 4px solid #72D0ED;
}
.commentbody2{
padding: 5px 10px;
background: #182e36;
color: #fff;
margin: 0px 12px 0px 12px;
border-bottom: 4px solid #72D0ED;
}
.commentposted{
text-align: center;
background: #262A2C;
padding: 2px 0;
margin: 0;
}
.commentform{
margin: 5px 12px;
color: #fff;
}