﻿
/************ Section Features ************/



 

.historyheritage .feature {background-color: #a6b1db;}
.aboutus .feature {background-color: #d9b590;}
.learning .feature {background-color: #a3b597;}
.worship .feature {background-color: #cfbbc9;}
.hospitality .feature {background-color: #debfb4;}
.music .feature {background-color: #bac0ce;}
.visitorinfo .feature {background-color: #a9a792;}
.help .feature {background-color: #cad1cb;}
.shop .feature {background-color: #afaac4;}

.feature {
    /*width: 183px;*/
    float: left;
    margin-right: 22px;
    /*padding:6px 0px 6px 6px;*/
    display: inline;
     padding:4px 0 4px 4px; width:185px;
    /*min-height:270px;
    height:auto !important;
    height:270px;*/
}

.feature.last {margin-right: 0;}

.historyheritage .feature .image {border-bottom: 4px solid #a6b1db;}
.aboutus .feature .image {border-bottom: 4px solid #d9b590;}
.learning .feature .image {border-bottom: 4px solid #a3b597;}
.worship .feature .image {border-bottom: 4px solid #cfbbc9;}
.hospitality .feature .image {border-bottom: 4px solid #debfb4;}
.music .feature .image {border-bottom: 4px solid #bac0ce;}
.visitorinfo .feature .image {border-bottom: 4px solid #a9a792;}
.help .feature .image {border-bottom: 4px solid #cad1cb;}
.shop .feature .image {border-bottom: 4px solid #afaac4;}

.feature .image {
    height: 217px;
    /*width: 181px;*/
    overflow: hidden;  
}

.home .feature .image img {
    width: 181px;
}

.feature .detail {
    height:91px;
    padding: 4px 6px;
    background-color:#ffffff;
    width: 169px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

.feature.related {
    margin-top:10px;
}
.feature.related .detail {
    height:55px;
}

.historyheritage .feature .detail h2, .historyheritage .feature .detail a {color: #5c59a8;}
.aboutus .feature .detail h2, .aboutus .feature .detail a {color: #b77439;}
.learning .feature .detail h2, .learning .feature .detail a {color: #4c7840;}
.worship .feature .detail h2, .worship .feature .detail a {color: #762e66  ;}
.hospitality .feature .detail h2, hospitality .feature .detail a {color: #a94c47  ;}
.music .feature .detail h2, .music .feature .detail a {color: #265e7d  ;}
.visitorinfo .feature .detail h2, .visitorinfo .feature .detail a {color: #707051  ;}
.help .feature .detail h2, .help .feature .detail a {color: #286e57  ;}
.shop .feature .detail h2, .shop .feature .detail a {color: #4c467a  ;}


.feature .detail h2 {
    padding-bottom: 2px;
    font-size: 1.1em;
}

.feature .detail p {
    font-size: 0.85em;
    margin-top: 10px;
}

.feature .detail a {
    font-size: 0.812em;
    display: block;
    padding-top: 5px;
    font-weight: bold;
    text-decoration: underline;
    overflow:hidden;
}


/************ Shop Features ************/

.feature.shop {
    background-color: #e0dde8;
    margin-bottom: 22px;
}

.feature.shop .image {
    border-bottom: 4px solid #e0dde8;
}

.feature.shop .image {
    height: 135px;
}

.feature.shop .detail h2 {
    color: #4c467a;
}

.feature.shop .detail a {
    color: #4c467a;
}

/************ Shop Sale Item Feature ************/

.feature.shopsaleitem {
    background-color: #e0dde8;
    margin-bottom: 10px;
    width:161px;
}

.feature.shopsaleitem .image {
    border-bottom: 4px solid #e0dde8;
}

.feature.shopsaleitem .image {
    width: 158px;
    height: 135px;
}

.feature.shopsaleitem .image img {
    width: 156px;
}

.feature.shopsaleitem .detail {
 background-color:#4C467A;
 width:145px;
 height:75px;
}

.feature.shopsaleitem .detail h2 {
    color: #fff;
}

.feature.shopsaleitem .detail a {
    color: #fff;
}

/************ Related Product Item Feature ************/

.feature.relatedproductitem {
    margin-bottom: 10px;
    width:161px;
}

.feature.relatedproductitem .image {
    border-bottom: 4px solid ;
}

.feature.relatedproductitem .image {
    width: 158px;
    height: 135px;
}

.feature.relatedproductitem .image img {
    width: 156px;
}

.feature.relatedproductitem .detail {
 background-color:#4C467A;
 width:145px;
 height:75px;
}

.feature.shopsaleitem .detail h2 {
    color: #fff;
    font-size: 1em;
}

.feature.relatedproductitem .detail a {
    color: #fff;
}


/************ Section Default Page ************/

div#sectionText{font-family:Trebuchet MS, Verdana, Arial; font-size:0.9em; font-weight:normal; margin-top:7px;}

.aboutus div#sectionText h2 {color: #b77439;}
.worship div#sectionText h2 {color: #762e66;}
.learning div#sectionText h2 {color: #4c7840;}
.hospitality div#sectionText h2 {color: #a94c47;}
.music div#sectionText h2 {color: #265e7d;}
.historyheritage div#sectionText h2 {color: #5c59a8;}
.help div#sectionText h2 {color: #286e57;}
.visitorinfo div#sectionText h2 {color: #707051;}
.shop div#sectionText h2 {color: #4c467a;}


/************ Right Links ************/


#RightNavLinks, .RightLink
{
    display: block;
    margin-bottom: 3px;
}

.aboutus .month {color: #b77439;}
.worship .month {color: #762e66;}
.learning .month {color: #4c7840;}
.hospitality .month {color: #a94c47;}
.music .month {color: #265e7d;}
.historyheritage .month {color: #5c59a8;}
.help .month {color: #286e57;}
.visitorinfo .month {color: #707051;}
.shop .month {color: #4c467a;}
.home .month {color: #546065;}

.month h4 {
    font-size: 1.1em;
    padding: 4px 0;
}

.aboutus .hr {border-top: 1px solid #b77439;}
.worship .hr {border-top: 1px solid #762e66;}
.learning .hr {border-top: 1px solid #4c7840;}
.hospitality .hr {border-top: 1px solid #a94c47;}
.music .hr {border-top: 1px solid #265e7d;}
.historyheritage .hr {border-top: 1px solid #5c59a8;}
.help .hr {border-top: 1px solid #286e57;}
.visitorinfo .hr {border-top: 1px solid #707051;}
.shop .hr {border-top: 1px solid #4c467a;}
.home .hr {border-top: 1px solid #546065;}


.hr {
    width: 100%;
    border-top: 1px solid #4c7840;
    height: 1px;
}

.aboutus .event {color: #b77439;}
.worship .event {color: #762e66;}
.learning .event {color: #4c7840;}
.hospitality .event {color: #a94c47;}
.music .event {color: #265e7d;}
.historyheritage .event {color: #5c59a8;}
.help .event {color: #286e57;}
.visitorinfo .event {color: #707051;}
.shop .event {color: #4c467a;}
.home .event {color: #546065;}

.event .date {
    font-weight: normal;
    font-size:0.9em;
}

.event .title {
    font-weight: bold;
    font-size:1.1em;
}



.event .type {
    font-weight: bold;
    font-size: 0.812em;
    margin: 3px 0;
}
/*
.event p {
    font-size: 0.812em;
    margin: 0 0 18px;
}
*/
.aboutus .event a {color: #b77439;}
.worship .event a {color: #762e66;}
.learning .event a {color: #4c7840;}
.hospitality .event a {color: #a94c47;}
.music .event a {color: #265e7d;}
.historyheritage .event a {color: #5c59a8;}
.help .event a {color: #286e57;}
.visitorinfo .event a {color: #707051;}
.shop .event a {color: #4c467a;}
.home .event a {color: #546065; font-size: 0.85em;}


.event a {
    font-weight: bold;
}

div.homeinfo{margin-bottom:10px;}
div.homeinfo .homesubtitle{padding-right:15px; display:inline;}
div.homeinfo .event p{margin:3px 0;}
div.homeinfo .event .date{ font-weight:bold;}
div.homeinfo a.solo{font-size:0.812em;}

div#homeextra{margin-bottom:10px;}
div#homeextra .subtitle {background: #4c467a;}
div#homeextra ul{background: #fff; float: left; clear: left;}
div#homeextra ul li {border-top: 2px solid #fff; float: left; clear: left; width: 165px;}
div#homeextra ul li a{color:#4F514D;display:block;font-size:0.8em; padding:4px 0 4px 7px;background:#C6C6C4; width:155px; text-decoration:none;}
div#homeextra ul li a:hover{background: #979795;}

/************ Page Template Styles ************/

#content .title h1 {line-height: 1.8em; width: 612px;}
#content .titleimage h1 {line-height: 1.8em;}

#content .pageimage{height:132px; overflow:hidden;}

#content .pageintro{font-family: Trebuchet MS, Verdana, Arial; font-weight:bold; margin-top:14px; font-size:1.15em; line-height:1.15em;}

.aboutus #content .pageintro {color: #b77439;}
.worship #content .pageintro {color: #762e66;}
.learning #content .pageintro {color: #4c7840;}
.hospitality #content .pageintro {color: #a94c47;}
.music #content .pageintro {color: #265e7d;}
.historyheritage #content .pageintro {color: #5c59a8;}
.help #content .pageintro {color: #286e57;}
.visitorinfo #content .pageintro {color: #707051;}
.shop #content .pageintro {color: #4c467a;}

#content .pagebodytext{margin-top:20px; font-family: Verdana, Arial; font-size:90%; color:#6D6E71;}
#content .pagebodytext h2 {color:#000000; font-size:1.1em; margin:0px 0px 10px -1px;}
#content .pagebodytext p{margin:0px 0px 15px 0px; text-align:justify;}

#content .pagebodytext a{font-weight:bold;}
.aboutus #content .pagebodytext a {color: #b77439;}
.worship #content .pagebodytext a {color: #762e66;}
.learning #content .pagebodytext a {color: #4c7840;}
.hospitality #content .pagebodytext a {color: #a94c47;}
.music #content .pagebodytext a {color: #265e7d;}
.historyheritage #content .pagebodytext a {color: #5c59a8;}
.help #content .pagebodytext a {color: #286e57;}
.visitorinfo #content .pagebodytext a {color: #707051;}
.shop #content .pagebodytext a {color: #4c467a;}

#content .pageintro ul, #content .pagebodytext ul{list-style-type:disc; list-style-position:outside; color:#6D6E71; padding-left:24px;}
#content .pageintro ol, #content .pagebodytext ol{font-size:1em;}
#content .pageintro li, #content .pagebodytext li{color:#6D6E71; padding-bottom:3px;}
#content .pageintro ul li, #content .pagebodytext ul li{ padding-left:3px; text-align:justify;}

div.tablediv{}
div.tablediv div{padding-bottom:10px;}
div.tablediv div.question{padding-right:10px;}
div.tablediv div.answer{}
div.tablediv div.answer img{display:inline;}

div#giftlogo{padding:0px 0px 10px 9px;}

/************ Search Page ************/

div#searchbar{background-color:#6D6E72; color:#FFF; padding:5px;}

div#searchbar div#searchbox{float:left;}
div#searchbar div#searchbox input{height:16px; padding-top:2px; padding-bottom:2px; width:355px; color:#6D6E72; border:solid 1px white;}
div#searchbar div#searchbtn{padding-left:4px;}
div#searchbar div#searchbtn a{line-height:2em; display:block;}

div#searchbar div#list{float:right; font-size:0.9em; font-weight:bold;}
div#searchbar div#list select{height:21px; color:#6D6E72; margin-top:1px; border:solid 1px white;}
div#searchbar div#list option{border:solid 1px white;}

/*
div#search div#searchtitle{font-size:0.85em; padding-bottom:4px; text-align: left; font-weight:bold;}
div#search div#searchbox input{width:128px; height:15px; font-size:0.9em;}
div#search div#link{line-height:2em; padding-left:4px; padding-top:1px;}
div#search div.searchfilter{font-size:0.85em; font-weight:bold; margin-top:1px;}
div#search div.searchfilter input{margin-left:0px;}
*/

div.searchdetails{border-bottom:solid 2px #BFD4E7; padding:10px 0px 5px 0px; color:#000; font-weight:bold;}

div#searchResults{margin:15px 0px 0px 0px;}
div.searchresultholder{margin-bottom:15px;}
div.searchresultholder a{color:#0054A6;}

div.searchtitle{font-size:1.2em;}
div.searchtitle a{ text-decoration:underline;}
div.searchstandfirst{padding:3px 0px 3px 0px;}
div.searchstandfirst b{color:#000;}
div.searchlink{}

div#searchResults .number{color:#000; font-weight:bold;}


/************ Events Page and Day in the Life ************/

div.eventlist{margin-top:22px;}

div.event_title{background-color:#A9A792; color:#FFF; padding:5px; padding-left:10px; font-weight:bold;}
.worship div.event_title {background-color: #E7DCE5; color: #4F514D; margin-bottom: 2px;}
div.eventlist div.eventdetail{padding:5px; padding-left:10px;}
div.eventlist div.eventcontent{}

div.eventlist div.eventHeaderSelected, div.eventlist div.eventHeader,
div.eventlist div.dayHeaderSelected, div.eventlist div.dayHeader{margin-top:2px; cursor:pointer;}
div.eventlist div.eventContent{}

div.eventlist div.eventHeaderSelected div.div_more,
div.dayHeaderSelected div.div_more{display:none;}
div.eventlist div.eventHeader div.div_less,
div.dayHeader div.div_less{display:none;}


div.eventlist div.aboutus{background: #ecd9c5;}
div.eventlist div.worship{background: #e7dce5;}
div.eventlist div.learning{background: #dce4d7;}
div.eventlist div.hospitality{background: #debfb4;}
div.eventlist div.music{background: #e0e1e9;}
div.eventlist div.historyheritage{background: #dde1f2;}
div.eventlist div.help{background: #e2e6e3;}
div.eventlist div.visitorinfo{background: #d2d1c9;}
div.eventlist div.shop{background: #e0dde8;}

div.eventlist div.dayContent div.visitorinfo{background: #ccc; color: #6D6E71;}
div.eventlist div.dayHeader div.visitorinfo {background: #e4e4e4; color: #6D6E71;}
div.eventlist div.dayHeaderSelected div.visitorinfo {background: #ccc;}

div.eventlist div.pager{padding: 10px 0; width: 100%;}
div.eventlist div.pager a{float: left;}
div.eventlist div.pager a.right{float: right;}

/************ Book List Pages ************/

div.bookHolder{padding-bottom:10px;}
div.bookCat{font-size:1.2em; font-weight:bold; padding:0px 0px 5px 0px;}
div.bookDetails{}

/************ Map Page ******************/

div#visitormap{height:496px; width:613px; position:relative; background-image: url("/sw/img/map/visitors.gif");float:left; background-repeat:no-repeat;}
div#broderersmap{height:496px; width:612px; position:relative; background-image: url("/sw/img/map/broderers-map.png");float:left; background-repeat:no-repeat;}
div#businessmap{height:621px; width:614px; position:relative; background-image: url("/sw/img/map/business.png");float:left; background-repeat:no-repeat;}
div#pilgrimmap{height:494px; width:613px; position:relative; background-image: url("/sw/img/map/pilgrims-map.png");float:left; background-repeat:no-repeat;}


div#location1{height:14.5px; width:19px; background-image: url("/sw/img/map/location1.gif"); background-repeat:no-repeat; position: absolute;}
div#location2{height:14.5px; width:19px; background-image: url("/sw/img/map/location2.gif"); background-repeat:no-repeat; position: absolute;}
div#location3{height:14.5px; width:19px; background-image: url("/sw/img/map/location3.gif"); background-repeat:no-repeat; position: absolute;}
div#location4{height:14.5px; width:19px; background-image: url("/sw/img/map/location4.gif"); background-repeat:no-repeat; position: absolute;}
div#location5{height:14.5px; width:19px; background-image: url("/sw/img/map/location5.gif"); background-repeat:no-repeat; position: absolute;}
div#location6{height:14.5px; width:19px; background-image: url("/sw/img/map/location6.gif"); background-repeat:no-repeat; position: absolute;}
div#location7{height:14.5px; width:19px; background-image: url("/sw/img/map/location7.gif"); background-repeat:no-repeat; position: absolute;}
div#location8{height:14.5px; width:19px; background-image: url("/sw/img/map/location8.gif"); background-repeat:no-repeat; position: absolute;}
div#location9{height:14.5px; width:19px; background-image: url("/sw/img/map/location9.gif"); background-repeat:no-repeat; position: absolute;}
div#location10{height:14.5px; width:19px; background-image: url("/sw/img/map/location10.gif"); background-repeat:no-repeat; position: absolute;}
div#location11{height:14.5px; width:19px; background-image: url("/sw/img/map/location11.gif"); background-repeat:no-repeat; position: absolute;}
div#location12{height:14.5px; width:19px; background-image: url("/sw/img/map/location12.gif"); background-repeat:no-repeat; position: absolute;}
div#location13{height:14.5px; width:19px; background-image: url("/sw/img/map/location13.gif"); background-repeat:no-repeat; position: absolute;}
div#location14{height:14.5px; width:19px; background-image: url("/sw/img/map/location14.gif"); background-repeat:no-repeat; position: absolute;}
div#location15{height:14.5px; width:19px; background-image: url("/sw/img/map/location15.gif"); background-repeat:no-repeat; position: absolute;}
div#location16{height:14.5px; width:19px; background-image: url("/sw/img/map/location16.gif"); background-repeat:no-repeat; position: absolute;}
div#location17{height:14.5px; width:19px; background-image: url("/sw/img/map/location17.gif"); background-repeat:no-repeat; position: absolute;}
div#location18{height:14.5px; width:19px; background-image: url("/sw/img/map/location18.gif"); background-repeat:no-repeat; position: absolute;}
div#location19{height:14.5px; width:19px; background-image: url("/sw/img/map/location19.gif"); background-repeat:no-repeat; position: absolute;}
div#location20{height:14.5px; width:19px; background-image: url("/sw/img/map/location20.gif"); background-repeat:no-repeat; position: absolute;}
div#location21{height:14.5px; width:19px; background-image: url("/sw/img/map/location21.gif"); background-repeat:no-repeat; position: absolute;}
div#location22{height:14.5px; width:19px; background-image: url("/sw/img/map/location22.gif"); background-repeat:no-repeat; position: absolute;}
div#location23{height:14.5px; width:19px; background-image: url("/sw/img/map/location23.gif"); background-repeat:no-repeat; position: absolute;}
div#location24{height:14.5px; width:19px; background-image: url("/sw/img/map/location24.gif"); background-repeat:no-repeat; position: absolute;}
div#location25{height:14.5px; width:19px; background-image: url("/sw/img/map/location25.gif"); background-repeat:no-repeat; position: absolute;}
div#location26{height:14.5px; width:19px; background-image: url("/sw/img/map/location26.gif"); background-repeat:no-repeat; position: absolute;}
div#location27{height:14.5px; width:19px; background-image: url("/sw/img/map/location27.gif"); background-repeat:no-repeat; position: absolute;}
div#location28{height:14.5px; width:19px; background-image: url("/sw/img/map/location28.gif"); background-repeat:no-repeat; position: absolute;}
div#location29{height:14.5px; width:19px; background-image: url("/sw/img/map/location29.gif"); background-repeat:no-repeat; position: absolute;}
div#location30{height:14.5px; width:19px; background-image: url("/sw/img/map/location30.gif"); background-repeat:no-repeat; position: absolute;}
div#location31{height:14.5px; width:19px; background-image: url("/sw/img/map/location31.gif"); background-repeat:no-repeat; position: absolute;}
div#location32{height:14.5px; width:19px; background-image: url("/sw/img/map/location32.gif"); background-repeat:no-repeat; position: absolute;}

div.location{background-position: 0px 0px; cursor:pointer;}
div.location-change{background-position: 0px -25px; cursor:pointer;}

div.widemap{width:798px;float:left;/*padding-left:213px;*/}
.visitors-mapstandfirst{color: #707051;}
.learning-mapstandfirst{color: #4C7840;}
.aboutus-mapstandfirst{color: #B77439;}
.history-mapstandfirst{color: #5C59A8;}
.map-pageintro{font-family: Trebuchet MS, Verdana, Arial; font-weight:bold; margin-top:14px; font-size:1.15em; line-height:1.15em;}

mapItem-text

/************ Maps Right Links *************/




/************ Daily Prayer ************/
div.prayertext{}
#content div.prayertext p{margin:10px 0px 10px 0px;}


/************ Timeline ************/

.timelinecontainer {
    width: 613px;
    height: 361px;
    overflow: hidden;
}

.loadingimages {
    margin: 150px 0;
}

.loadingimages img {
    margin: 0 auto;
}

.timeline {
    width: 3680px;
    display: none;
}

.timeline img {
    float: left;
    border: none;
}

.elementhidden {
    display: none;
    overflow: hidden;
}

.timelinepopup {
    
}

.timelinepopup .titlebar {
    float: left;
    background: #5653A6;
    width: 100%;
}

.timelinepopup .titlebar h1 {
    color: #fff;
    background: #5653A6;
    font-size: 1.4em;
    padding: 5px 2px 5px 10px;
    float: left;
}

.timelinepopup .titlebar a#ibox_close_a {
    float: right;
    font-weight: bold;
    margin: 5px 5px 0 0;
}

.timelinepopup .titlebar img {
    float: right;
    padding: 3px;
}

a img#left,
a img#right {
    display: none;
}

.timelinepopup .information {
    overflow: auto;
    height: 270px;
    float: left;
    clear: both;
    width: 100%;
}

.timelinepopup .information .text {
    float: left;
    padding: 10px 12px;
}

.timelinepopup .information p {
    margin-bottom: 10px;
}

.timelinepopup .information img {
    float: right;
    padding: 4px 12px 5px;
}

/************ Gallery ************/

.photogalleries {
    width: 613px; 
    margin: 30px 0 0 3px;   
}

.gallery {
    width: 113px;
    float: left;
    background: url(img/galleryback.jpg) no-repeat 5px 0;
    padding: 10px 2px 20px;
    height: 145px;
    position: relative;
    margin-right: 5px;
    cursor: pointer;
}

.gallery .container {
    height: 86px;
}

.gallery img {
    margin: 0 auto;
}

.gallery .information {
    position: absolute;
    top: 115px;
    width: 112px;
    text-align: center;
}

.gallery .information h3 {
    font-size: 110%;
}


/************ Collection ************/

.imageholder {
    height: 493px;
    padding-top: 20px;
    position: relative;
    background: #ccccca;
}

.imagecredit {
    width: 407px;
    margin: 0 auto;
    overflow: hidden;
    height: 430px;
}

.imghold {overflow: hidden; height: 400px;}

.imagecredit img {
    padding-bottom: 5px;
}

.imagecredit span {
    padding-bottom: 5px;
    font-size: 80%;
    display: block;
    text-align: center;
}

.imagenumberlabel {
    text-align: center;
    display: block;
    padding: 5px;
    position: absolute;
    bottom: 25px;
    width: 603px;
}

.prevnextbar {
    position: absolute;
    bottom: 3px;
    left: 3px;
    width: 603px;
    background: #939598;
    padding: 3px 2px;
}

.prevnextbar .galleryback {
    float: left;
    margin-left: 233px;
    color: #fff;
}

.prevnextbar .previous {
    float: left;
}

.prevnextbar .next {
    float: right;
}

.prevnextbar .previous input,
.prevnextbar .next input {
    display: block;
} 

ul.gallerylist {   
    width: 474px;
    margin: 20px 0;
}

ul.gallerylist li {   
    float: left;
    width: 144px;
    margin: 3px 5px;
    display: inline;
}

/************ Who's who ************/

.membersheader {
    background: #d9b590;
    padding: 3px;
    margin: 0 0 2px;
    clear: both;
    float: left;
    width: 606px;
}

.membersheader h3 {
    color: #fff;
    font-size: 100%;
}

.membersheader p {
    color: #fff;
    font-size: 85%;
}

.membercontainer {
    width: 306px;
    float: left;
}

.member {
    background: #ecd9c5;
    float: left;
    width: 304px;
    margin: 0px 2px 0px 0;
    display: inline; 
    border-bottom: 2px solid #fff;
}

.member .imgcontainer {
    height: 77px;
    overflow: hidden;
}

.member img {
    float: left;
    padding: 5px 0 5px 5px;
}

.member .memberdescription {
    float: left;
    width: 218px;
    padding: 7px 0 11px 15px;
    min-height: 69px;
    height: auto !important;
    height: 69px;
}

.member .memberdescription.noimage {
    width: 288px;
}

.member .memberdescription h4 {
    font-size: 90%;
}

.member .memberdescription p {
    font-size: 85%;
    margin: 3px 5px 3px 0;
}

.member .memberdescription p a {
    font-size: 90%;
    margin: 3px 0;
    display: inline;
}

.member .memberdescription a {
    font-size: 85%;
    margin: 3px 0px;
    text-decoration: underline;
    display: block;
    cursor: pointer;
}

.member .memberdescription.chapter {padding: 7px 0 7px 15px; min-height: 73px; height: auto !important; height: 73px;}
.member .memberdescription.chapter h4 {margin: 0 0 3px;}  
.member .memberdescription.chapter p {margin: 5px 5px 3px 0;}
.member .memberdescription.chapter a {margin: 0;}

/************ Weekly Services ************/

.servicesheader {
    background: #e7dce5;
    color: #762e66;
    padding: 4px 5px;
    clear: both;
}

.servicesheader h3 {
    font-size: 100%;
}

.servicesheader p {
    font-size: 85%;
    padding-top: 2px;
}

.column {
    width: 185px;
    float: left;
    padding: 5px 14px 10px 5px;
    color: #762e66;
}

.column h4 {
    padding: 15px 0 2px;
    float: left;
    clear: both;
    width: 100%;
}

.column .leadin {
    font-style: italic;
    float: left;
    clear: both;
    width: 100%;
}

.column .day {
    padding: 5px 0;
    font-size: 90%;
    clear: both;
    float: left;
    border: 0px solid red;
    width: 190px;
}

.column .day .servicecontainer {
    float: left;
    margin-bottom: 5px;
}

.column .day span.time {
    width: 36px;
    float: left;
    font-weight: bold;
}

.column .day p {
    float: right;
    width: 153px;
    border: 0px solid red;
    display: block;
    color: #4f514d;
}

.column .day span.services {
    border: 0px solid green;
    display: block;
    font-size: 90%;
}

/************ Glossary ************/

.search {
    padding: 10px 0;
    float: left;
    width: 100%;
}

.search .searchbyletter {
    float: left;   
}

.search .searchbyletter p,
.search .searchbyterm p {
    font-size: 85%;
    font-weight: bold;
    margin: 5px 0;
}

.search .searchbyletter .letters {
    background: #A6B1DB;  
    padding: 3px 4px;
    width: 383px;  
}

.search .searchbyletter .letters a {
    color: #fff;
    font-weight: bold;
    display: inline;
    padding-right: 2px; 
}

.search .searchbyterm {
    float: right;
    width: 170px;
}

.search .searchbyterm input {
    margin: 0;
    padding: 0;
    height: 19px;
    float: left;
    width: 143px;
}

.search .searchbyterm input.submit {
    width: 21px;
    height: 20px; 
    float: right;   
    /*padding-left: 4px;*/
}

.glossaryholder {
    float: left;
    background: #DDE1F2;
    padding: 0 10px;
    width: 593px;
}

.glossaryholder h3 {
    color: #5C59A8;
    font-size: 110%;
    padding-top: 8px;
}

.glossaryholder p {
    margin: 5px 0;
    font-size: 90%;
}

.glossaryholder a {
    color: #5C59A8;
    text-decoration: underline;
    font-weight: bold;
}

.dataPager {
    float: left;
    clear: both;
}

/************ Forms ************/

div.form_title{color:#fff; padding:5px; font-size:1.2em; font-weight:bold;}
div.form_details{margin-bottom:10px; padding:6px 6px 6px 6px;}

.aboutus .form_title{background: #b77439;}
.worship .form_title{background: #762e66;}
.learning .form_title{background: #4c7840;}
.hospitality .form_title{background: #a94c47;}
.music .form_title{background: #265e7d;}
.historyheritage .form_title{background: #5c59a8;}
.help .form_title{background: #286e57;}
.visitorinfo .form_title{background: #707051;}
.shop .form_title{background: #4c467a;}
.home .form_title{background: #546065;}

.aboutus .form_details{border:solid 1px #b77439; border-top-width:0px;}
.worship .form_details{border:solid 1px #762e66; border-top-width:0px;}
.learning .form_details{border:solid 1px #4c7840; border-top-width:0px;}
.hospitality .form_details{border:solid 1px #a94c47; border-top-width:0px;}
.music .form_details{border:solid 1px #265e7d; border-top-width:0px;}
.historyheritage .form_details{border:solid 1px #5c59a8; border-top-width:0px;}
.help .form_details{border:solid 1px #286e57; border-top-width:0px;}
.visitorinfo .form_details{border:solid 1px #707051; border-top-width:0px;}
.shop .form_details{border:solid 1px #4c467a; border-top-width:0px;}
.home .form_details{border:solid 1px #546065; border-top-width:0px;}

table.formtable{font-size:0.9em;}
table.formtable tr{}
table.formtable th{}
table.formtable td{padding-right:2px;}
table.formtable th, table.formtable td{text-align:left; padding-bottom:5px;}
table.formtable td.question{width:75px; line-height:2em;}
table.formtable td.answer{width:160px;}
table.formtable td.validation{width:75px; line-height:2em;}

table.formtable td.check{width:12px; padding-right:5px;}
table.formtable td.check input{margin:0px;}
table.formtable td.checktext{width:256px; padding-right:10px;}

#content .pagebodytext div.form_details p{font-size:1em; margin-bottom:5px;}
div.form_details p span{font-style:italic;}

div.form_details .formcheck input{margin-left:0px;}
div.form_details .formcheck label{line-height:2em;font-size:0.9em; }

#content .pagebodytext div.form_details  p.smallprint{font-size:0.9em;}

div.form_details h3 {clear:both;font-size:1em; font-weight:bold;margin:20px 0 10px 0;}

div.formField{clear:both; padding:2px 0 2px 0; border:solid 0px pink;}
div.formQuestion{float:left;width:280px; border:solid 0px green;}
div.formAnswer{float:left;width:280px;clear:right; border:solid 0px blue;}
div.formAnswer textarea, div.formAnswer input{width:280px;border:solid 1px #999;}

div.YesNoQuestions div.YesNos input{width:auto;}

/************ movie flythrough ******************/

div#flythroughtitle{margin-bottom:10px;}
#content .pagebodytext div#flythroughtitle h2{color:#6D6E71; font-size:1.5em; font-family:Arial;}

div#flythroughmain{float:left; height:400px;}
div.thumb {float:left; padding-left:25px; cursor:pointer;}

div.thumb-text {padding-left:8px; float:left; width:70px; text-align:left;}
div.img-thumbnail-fly{float:left; border: solid 1px #919294; padding: 2px 2px 2px 2px;}

div.video_infoholder:hover{background-color:#b6b6b8; color:#fff;}

hr.thumb-rule{ float:left; height:4px; width:180px; background-color: #b6b6b8; margin-top:15px;}
.show{ visibility:visible;}
.hide{ display:none;}

div.video-divider{font-size:2px; height:2px; background-color:#b6b6b8;  margin:20px 0px 20px 0px;}

div.formField{clear:both; padding:4px 0 4px 0; border-top:solid 1px #ccc;}
div.formQuestion{float:left;width:260px; border:solid 0px green; padding:4px 0 4px 0; }
div.YesNoQuestions div.formQuestion{width:400px;}
div.largeAnswerFields  div.formQuestion{float:none;width:100%;}
div.formAnswer{float:left;width:260px;clear:right; border:solid 0px blue; padding:4px 0 4px 0; }
div.YesNoQuestions div.formAnswer{width:120px;}
div.largeAnswerFields  div.formAnswer{float:none;width:100%;}
div.formAnswer textarea, div.formAnswer input.textbox{width:280px;border:solid 1px #999;}
div.YesNoQuestions div.formAnswer input.textbox{width:100px;}
div.largeAnswerFields  div.formAnswer textarea{float:none;width:500px;}

ul.formNumberedQuestions{margin:0px;padding:0px;}
ul.formNumberedQuestions li{margin:0px;padding:0px;}

div.YesNos{float:left; width:100px;}
div.inputExtraInfo{float:left; width:150px;margin-left:20px;}

div.bookingTable th, div.bookingTable td{ text-align:left; vertical-align:top;}



/************** BUSIENSS MAP INFO ***************/

div#business-image{float:left; height: 200px; width:200px; border: solid 1px #000; margin-right:25px;}
div#business-container{float:left;padding-top: 25px;}
div#business-text{float:left;}


div.embeddedimage{float:right;width:297px;margin:0 0 15px 15px ; }

div.embeddedvideo{float:right;width:297px;margin:0 0 15px 15px ;}
div.embeddedimage div.image-caption{color:#000; font-size:.9em;  font-style:italic;margin-top:3px;}

div.embeddedvideo{float:right;width:auto;margin:0 0 15px 15px ;}



/************ FAQs ******************/

#content .pagebodytext ul#faqQuestions, #content .pagebodytext ul#faqAnswers{list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
#content .pagebodytext div.faqholder p{margin:5px 0px 5px 0px;}
.faqholder{margin-bottom:15px;}
.faqholder span.faqtitle{display:block; color:#000; font-weight:bold;}
.faqholder a.faqlink{display:block; }
.faqholder div.faqAnswer{margin-bottom:10px;}

.faqholder div.toggle{margin:0px 0px 10px 3px;}
#content .pagebodytext .faqholder div.toggle a{cursor:pointer;}

/************ Basic forms ******************/

#tbl_basicform{}
#tbl_basicform tr{}
#tbl_basicform td{padding-bottom:7px;}
#tbl_basicform td.question{width:100px;}
#tbl_basicform td.answer{width:200px;}
#tbl_basicform td.valid{width:300px;}

/************ Tours Tables ******************/

table.tblTableControl{font-size:0.9em; font-family:Arial;}
table.tblTableControl tr{}
table.tblTableControl th div, table.tblTableControl td div{padding:5px;}
table.tblTableControl th{background:#A3B597; text-align:left; color:#fff;}
body.visitorinfo table.tblTableControl th{background:#a9a792;}
table.tblTableControl th div{height:28px;}
table.tblTableControl td{background:#DCE4D7;}
body.visitorinfo table.tblTableControl td{background:#D2D1C9 ;}

table.tblTableControl td div{min-height:56px; height:auto !important; height:56px;}
#content .pagebodytext table.tblTableControl td p{margin:0px;}
table.tblTableControl th.tbltitle div, table.tblTableControl td.tbltitle div{width:65px;padding-left:10px;}
table.tblTableControl th.keystage div, table.tblTableControl td.keystage div{width:50px;}
table.tblTableControl th.subject div, table.tblTableControl td.subject div{width:395px;}
table.tblTableControl th.cost div, table.tblTableControl td.cost div{width:52px;padding-right:10px;}

table.tblTableControl tr.divider td {font-size:3px; height:3px; background:#FFF; padding:0px;}


/************ Map Item Page ******************/
div.mapitem-img{float:right; padding:0px 0px 10px 10px; width:297px; overflow:hidden;}
div.mapitem-holder{margin-top:10px;}
#content .pagebodytext div#mapItem-text a{font-weight:bold;}
/*font-size:0.9em;*/

#content div.mapitem-holder h2 {color:#000000; font-size:1.1em; margin:0px 0px 10px -1px;}
#content div.mapitem-holder p {padding-bottom:15px; padding-top: 0; font-family: Verdana, Arial; font-size:90%; color:#6D6E71; width: 303px; float: left;}

#content div.mapitem-holder ul{list-style-type:disc; list-style-position:outside; color:#4F504C; padding-left:24px; margin-bottom:5px;}
#content div.mapitem-holder ol{font-size:1em;}
#content div.mapitem-holder li{color:#6D6E71; padding-bottom:3px;}
#content div.mapitem-holder ul li{ padding-left:3px; text-align:justify;}

/************ Sermons ******************/
ul.sermons li {
    clear: both;
    padding: 5px 0;
    float: left;
    width: 100%;
}

ul.sermons img {
    display: inline;
}

ul.sermons a,
ul.sermons a.detail {
    float: left;
}

ul.sermons a.date {padding-left: 7px;}
ul.sermons a.detail {width: 485px; padding: 0 0 5px 20px; margin: 0;}


/************ Site Map ******************/

#content ul.sitemapsection {
    list-style-type: none;
    color:#000000;
    font-size:1.1em;
}

#content ul.sitemapsection ul li {
    
}

#content ul.sitemapsection ul {
    list-style-type: none;
}

#content ul.sitemapsection ul li li {
}

#content ul.sitemapsection ul ul {
    list-style-type: none;
}

#content ul.sitemapsection ul ul a {
    font-weight: normal;
}

a.sitemapbutton {
    text-decoration: none;
    display: block;
    float: left;
    width: 15px;
}

a.sitemapbutton span {
    font-size: 80%;
    display: block;
    padding-top: 2px;
}
