body{background:#f5f1e6; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#000;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#000;}
a:hover{text-decoration:none; color:#000;}
img.right{float:right; margin:5px 0 5px 10px;}
img.left{float:left; margin:5px 10px 5px 0;}
img, object, embed{max-width: 100%; height: auto;}
.map{padding:5px; margin-bottom:20px; border:solid 1px #dad4c7; max-width:100%;}

ul.style{margin:0 0 10px 0;}
ul.style li{list-style:disc; margin:0 0 8px 30px; font-size:14px; line-height:16px;}
ol.style li{list-style:decimal; margin:0 0 8px 30px; font-size:14px; line-height:16px;}
ol.style li ul li{list-style:disc; margin:0 0 8px 30px;}
ul.style li.heading{list-style:none; font-size:16px; font-weight:bold; border-bottom:none; margin:0 0 5px 0; padding:0;}

table tr.even, table tr.alt, table tr:nth-of-type(2n){background:#f7f3e6;}
.table_style{border:1px solid #ccc2a6; margin-bottom:20px; width:100%; font-size:12px; line-height:14px; text-align:left;}
.table_style table{border:1px solid #c5ba9c; border-collapse:collapse; margin:0; padding:0; width:100%;}
.table_style tbody{background:#ede7d5;}
.table_style th{background-color:#dcd0b1; border-bottom:dotted 1px #c7b88f; color:#555555; font-size:13px; font-weight:normal; padding:8px 10px; font-weight:bold; text-align:left;}
.table_style tr:hover{background-color:#e1d7ba;}
.table_style td{border-top:1px dashed #d3c59f; color:#666666; padding:5px 10px; vertical-align:middle; text-align:left;}
.table_style tfoot{background-color:#F3F3F3;}
.table_style tfoot td{padding:8px;}

.heading, .sub-heading, .heading .heading{display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; line-height:32px; font-weight:normal; color:#000; margin:25px 0 15px 0;}
.heading .heading{margin:0;}
.sub-heading{font-size:22px; line-height:26px; font-weight:normal; margin:0 0 10px;}
.sub-heading2{font-size:22px; line-height:26px; font-weight:normal; margin:0 0 10px; color:#5e4e20;}
.heading .sub-heading{font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; margin:0 0 10px; color:#256994;}

p, .mb{display:block; margin-bottom:15px; font-size:14px; line-height:20px;}
hr{background:#232e3d; margin:19px 0; border:none; height:1px;}

.latest-news{background:#3a0a0a; padding:15px 50px; color:#f0efef; font-size:14px; line-height:16px;}
.latest-news a{text-decoration:none; color:#f0efef;}
.latest-news marquee{width:80%; margin-left:5px;}
.latest-news marquee a:before, .latest-news marquee span:before{content:" | "; margin:0 5px;}

.header{background:#fff url(../img/header.jpg) bottom center no-repeat;}
.header .row{background:url(../img/header-icon.png) top right no-repeat; max-width:85%; padding:35px 10px 70px;}

/*class for navigation*/
.navigation, .top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button)
{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#530d0d+0,3a0a0a+100 */
background: #530d0d; /* Old browsers */
background: -moz-linear-gradient(top, #530d0d 0%, #3a0a0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #530d0d 0%,#3a0a0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #530d0d 0%,#3a0a0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530d0d', endColorstr='#3a0a0a',GradientType=0 ); /* IE6-9 */
color:#fff;
}
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a{background:#370707; color:#fff;}

.top-bar, .title-area{height:50px; line-height:50px}
.top-bar-section li:not(.has-form) a:not(.button){padding:16px 35px; font-size:17px; line-height:18px; color:#fff; text-transform:uppercase; text-align:center; border-right:solid 1px #631313; border-left:solid 1px #000;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 35px 9px;}
.top-bar-section li:first-child a{border-left:none!important;}
.top-bar-section li:last-child a{border-right:none!important;}
.top-bar-section .has-dropdown > a{padding-right:35px!important;}
.top-bar-section .has-dropdown > a::after{top:35px; display:none;}/*class for dropdown arrow*/

.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background:#9a361f; border-top:solid 1px #c1533a; border-bottom:solid 1px #8e321c; padding:5px 8px!important; line-height:20px; border-right:none; border-left:none; color:#fff; font-size:12px; text-align:left;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){background:#ac432b;}
.top-bar.expanded li a{text-align:left!important;}
.top-bar.expanded li a:hover{background:#ac432b!important;}
.top-bar.expanded .toggle-topbar a:hover{background:none!important;}
.top-bar.expanded li a br{display:none;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar.expanded .toggle-topbar a{color:#fff;}
/*class for navigation*/

.banner img{width:100%;}

/*class for orbit slider*/
.orbit-timer, .orbit-slide-number{display:none;}
.orbit-bullets-container{position:absolute; bottom:0px; right:10px; z-index:99;}
.orbit-timer, .orbit-slide-number, .orbit-bullets{display:none;}
/*class for orbit slider*/

.home-three-img{padding-top:20px; padding-bottom:20px; margin-bottom:30px; border-bottom:solid 5px #ccc2a6; text-align:center; }
.home-three-img ul li span{display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:600; line-height:16px;}
.home-three-img img{border:solid 5px #ccc2a6; margin-bottom:10px;}

.side-bar{margin:20px;}
.side-bar .flash{text-align:center; font-size:13px; line-height:15px; font-weight:bold; overflow:hidden;}
.side-bar .flash img{width:100%; margin-bottom:10px;}

.worship-timings .sub-heading{font-size:30px; line-height:32px; text-align:center; margin-bottom:30px;}
.worship-timings .table_style th{text-align:left; color:#4b3d15;}
.worship-timings .table_style tr th, .worship-timings .table_style td{font-size:18px; color:#5d4d20; padding:10px;}

.former-vicars strong{font-size:13px; line-height:14px; display:block; text-align:center; margin-top:10px;}

.medium-4 .worship-timings{border-top:solid 5px #ccc2a6; border-bottom:solid 5px #ccc2a6; padding:10px 0;}
.medium-4 .worship-timings .sub-heading{font-size:24px; line-height:26px; text-align:center; margin-bottom:10px;}
.medium-4 .worship-timings .sub-heading2{font-size:16px; line-height:18px; font-weight:bold;}
.medium-4 .worship-timings .table_style{margin-bottom:10px;}
.medium-4 .worship-timings .table_style tr th, .worship-timings .table_style td{font-size:15px; color:#5d4d20; padding:8px;}

.contact-form{font-size:12px; line-height:18px; margin-bottom:20px; padding:0 5px 0; background:#e5e5e5; color:#000; border:solid 1px #d4d4d4; padding:10px;}
.contact-form .sub-heading{font-size:20px; color:#3f3f3f;}
.contact-form label{font-size:11px; color:#181818;}
.contact-form label span{color:#ff0000; font-size:8px;}
.contact-form input, .contact-form textarea{display:block; height:28px; padding:2px 3px; margin-bottom:5px; border:solid 1px #c0c0c0;}
.contact-form input.phone{width:35px; display:inline;}
.contact-form textarea{height:60px;}
.contact-form input.chk_box{height: 13px; margin: 0 5px 0 0; width: 13px; display:inline;}
.contact-form #submit{background:#093c7b; border:none; color:#fff; margin-top:10px; height:30px; padding:0 5px 3px; width:75px; cursor:pointer; font-size:14px; line-height:16px; font-weight:bold;} .contact-form #submit:hover{background:#073268;}

.contact-form .large-8{padding:0 0.8rem!important;}
.contact-form .phone{margin:0 -0.2rem!important;}
.contact-form .phone .small-4{width:31.3333%; padding:0 0.2rem!important;}
.contact-form .phone .small-4:last-child{width:37.3333%;}

.projects{background:#e7e7e7; border:solid 1px #c9d0d6; padding:10px; margin-bottom:20px;}
.projects .sub-heading{font-size:20px; color:#393939; border-bottom:dotted 1px #393939;}
.projects a{text-decoration:none; font-weight:bold; display:block; text-align:right;}
.projects .clearing-close{display:none;}
.clearing-container .clearing-close{display:block;}
.recent-project{margin:0;}
.recent-project a{border:solid 1px #797a7b; display:block; margin-bottom:10px;}
.recent-project span{display:block; margin-bottom:15px; font-size:13px; line-height:16px; color:#0e0e0e; padding-bottom:15px; border-bottom:solid 1px #c9d0d6;}

#gallery{padding-top:33px; margin-bottom:10px; background:url(../img/bdr.gif) center top no-repeat;}
#gallery .sub-heading{text-align:center; font-size:22px; color:#000;}

ul.gallery{margin:0;}
ul.gallery li{list-style:none; padding-top:10px; padding-bottom:10px;}
ul.gallery li div{border:solid 1px #cacaca; font-size:13px; line-height:15px; padding:4px;}
ul.gallery li:hover div{border:solid 1px #6d6d6d; background:#efefef;}
ul.gallery li.heading{float:none; clear:both; margin:0; padding:0; border:none; width:auto; font-size:18px; line-height:35px; min-height:0;}
ul.gallery li.heading:hover{border:none; background:none;}
ul.gallery li a{text-decoration:none;}
ul.gallery li a img{margin:0 5px 0 0; float:left; border:solid 1px #999;}
ul.gallery li.two-img a img{width:328px; display:block; float:none;}
ul.gallery li a span{margin-top:5px; color:#333;}

.clearing-thumbs li, [data-clearing] li{margin:0;}
[data-clearing].recent-project li{float:none;}

ul.gallery-inner li a img{margin:0; float:none;}

.footer{background:#3a0a0a; text-align:center; padding:10px; color:#fff; margin:10px 0;}
.footer a{color:#f5f1e6;}
.footer a:hover{color:#fff;}

.copyright{text-align:center; font-size:13px; font-weight:bold; line-height:15px; color:#363636; margin-bottom:15px; padding:0 10px;}

//Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading, .sub-heading, .heading .heading{font-size:21px; line-height:22px;}
.sub-heading{font-size:17px; line-height:20px; font-weight:bold;}
.sub-heading2{font-size:17px; line-height:20px; font-weight:bold;}
.heading .sub-heading{font-size:17px; line-height:20px;}

.table_style th{ font-size:11px; padding:8px 0;}
.table_style td{ font-size:11px; padding:5px 0;}

.latest-news{padding:10px 20px; text-align:center;}
.latest-news marquee, .latest-news strong{display:block; width:100%;}

.header .row{background:none; padding:20px; max-width:100%; text-align:center;}

.home-three-img img{margin:20px auto 5px;}

img.left, img.right{float:none!important; margin:0 auto!important; display:block;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.top-bar-section li:not(.has-form) a:not(.button){padding:16px 25px;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 25px 9px;}
.top-bar-section .has-dropdown > a{padding-right:25px!important;}

.header .row{max-width:95%; padding:35px 190px 70px 10px;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 52em) {
.top-bar-section li:not(.has-form) a:not(.button){padding:16px 13px; font-size:15px;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 13px 9px;}
.top-bar-section .has-dropdown > a{padding-right:13px!important;}
}

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */