@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);

body {  
    margin:0;
    padding:0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
text-align: left!important;
background-image:url(https://www.southgatechurch.org.uk/stylesheets/images/c11.jpg);
}

img{border:0px;}

/* header -------------------------------------- */


#container {
    margin: 0 auto;
    width: 1080px;
}

#contentHeader {
	width: 960px;
	position:relative;
  	z-index:200;
	padding: 0 60px;
	background: white;
	margin: 0 auto;
}

#header {
	width: 960px;
	display: block;
}

#logo {
        float: left;
        margin-top: 25px;
        margin-bottom: 35px;
}

#contact {
	float: right;
	height: 60px;
	width: 260px;
	/* line-height: 1em !important; */
	padding-left: 15px;
	border-left: 2px dotted #D6CFAC;
	margin-top: 35px;
}

#contact p {
	color: #9B0032;
	font-size: 1.1em;
	padding: 8px 0 0px;
	font-family: 'Quicksand', sans-serif;
	 line-height: 0.8em !important; 
}

#contact img{
	margin-right: 4px;
	position: relative;
	top: 2px;
}

#topbar {
	display:block;
	zoom:1;
	font-weight: 300;
	/* border-top: 2px solid #2C9A42; */
	width: 640px;
	float: right;
}

#menuWrapper {
 	margin: 0 auto;
 	display: block;
 	width: 640px;
 	min-height: 40px;
 	font-weight: 500;
 	margin-top: 25px;
}

/* content -------------------------------------- */

#contentBody {
	float: left;
	width:100%;
	margin:0;
	display:inline;
	background: white;
}

#bodyContainer {
	width: 960px;
	display:block;
	margin: 0 auto 0;
	position:relative;
	min-height: 300px;
	_height:300px; /* IE6 min-height hack */
	background-color: #EEECE5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-image: url(https://www.southgatechurch.org.uk/stylesheets/images/c7.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 35px;
}

#breadwrapper{
	width: 960px;
	display:block;
	position: relative;
	top: 10px;
	margin-bottom: 15px;
	background: #DEDACE;
}

#breadbar{
	width: 920px;
	display:block;
	margin: 0 auto;
	color: #536573;
}



#contentWrapper {
	width: 670px;
	float:left;
	margin: 30px;
}

#sidebar {
	float:right;
	width: 180px;
	margin-right: 30px;
}

#headingContainerFP {
       	clear: both;
  	margin-bottom:10px;
        width: 900px;
padding-top: 30px;  
margin-left: 30px;	
}

#headingContainerFP  h1{
	text-align:left;
  	border-bottom: 1px solid #DDDDDD;
  	padding-bottom: 5px;
}

#headingContainer {
  	clear: right;
	margin-bottom: 20px;
}
#headingContainer h1{
	margin-top:5px;
}

#rssButton {
        margin-top: -60px !important;
        margin-left: 72% !important;
        position: absolute;
}

.home #bodyContainer{
	border-top: none;
	padding-top:0;
}


/* footer -------------------------------------- */



#footerWrapper {
	width:100%;
	float:left;
	}

#footer {
	width: 960px;
	display:block;
	margin:0 auto;
	background-image: url(https://www.southgatechurch.org.uk/stylesheets/images/c14.jpg );
  	background-position: center bottom;
  	background-repeat: no-repeat;
}

.home #footer{}

#footer-text{
	width: 533px;
}

#footer-text p{
	font-size: 12px;
	color: #333333;
	line-height: 15px;
	padding-bottom: 10px;
}

#footer a:link, #footer a:visited {
   	font-size: 12px;
  	font-weight:700;
    color:#677E52;
    text-decoration:none;
}


#footer-twitter{
	margin-right: 30px;
	margin-top: 5px;
}

.addthis_button{
	
}

#footer-bar{
	background-color:#222222;
	text-align:center;
	margin-bottom:10px;
	padding-top:10px;
}
#footer-bar{
color:#fff;
padding-bottom:0;
}
.footer{

font-size: 0.85em;
}

#footer-churchedit{
	padding-top: 5px;}

#bottom{
		/* height:10px; */
		background:#ddd9cd;
		margin: 0px 60px 30px;
}

/*Homepage styles*/



/*General styles*/
.hidden {display:none;}
.left{float:left}
.right{float:right}



td, th {
vertical-align: top;
}

#searchForm { /* Pull search box inline rather than display it underneath menu item */
        display: block;
        left: 76px;
        position: relative;
        top: -31px;
        #top:-51px; /* IE6/7 Hack for broken Box Model */
}
#fp-content{

	width: 94% !important;
	margin-left: 3%
}

a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60);
}
/* removing padding on widgets */

#main, #contentMain, .boxContainer, #column1 {
	width: 100% !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
#column1 li.threeColWidth {
	padding: 0 !important;
	width: 100% !important; 
}
#column1 li.oneColWidth, #column1 li.twoColWidth, #column1 li.threeColWidth, #column1 li.ui-sortable-helper, #column1 li.state-highlight, ul.visualize-key li {
	float: left;
	padding: 0px;
}
/* welcome -----------------------------------------------------------------------------------*/

.w20 article {
 	width: 94% !important ;
  	margin-left: 3% !important;
}
.w20 {

	margin: 20px 0 !important;
}

.w20 p{
 font-size:1.15em;
 line-height: 1.6em;
 font-weight: 300;
}
/* Sundays -----------------------------------------------------------------------------------*/

.w21 {

background: #3e3e40; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlM2U0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTMxMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #3e3e40 0%, #313133 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e40), color-stop(100%,#313133)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #3e3e40 0%,#313133 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #3e3e40 0%,#313133 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #3e3e40 0%,#313133 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #3e3e40 0%,#313133 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e40', endColorstr='#313133',GradientType=0 ); /* IE6-8 */

	width: 276px !important;
  	padding: 0px !important;
  	margin: 0 10px 5px !important;
  	height: 344px !important;
  	padding: 0 15px !important;
}

.w21 h2, .w21 p {
 	color: #fff; 
}

.w21 a:link, .w21 a:visited {
	text-decoration:none;
	color: #AC6175 !important;
}

.w21 a:hover {
	color:#ccc !important;
	text-decoration:none;	
}

/* main rotator -----------------------------------------------------------------------------------*/


.w22, .w22 article, .w22 div.slideshow, .w22 .slideshow div {
	width: 623px !important;
	padding: 0px !important;
	margin: 0px !important;
	border-radius: 0px !important;
	overflow: hidden!important;
	min-height: 350px !important;
}

.w22 div.slideshow {
	height: 100%!important;
	
}
.w22 .slideshow div img {
	height: auto !important;
	float: right !important;
	overflow: hidden !important;
	width: 100% !important;
		margin: 0 auto !important;
  	max-height: 344px;
}

.w22 {
	margin: 0 0 5px !important;
}

.w22 article.rotator .slideshow {
    margin: 0 auto !important;
}

/*Advert Rotators-----------------------------------------------------------------------------------*/

.w14, .w14 article, .w14 div.slideshow, .w14 .slideshow div, 
.w15, .w15 article, .w15 div.slideshow, .w15 .slideshow div, 
.w16, .w16 article, .w16 div.slideshow, .w16 .slideshow div,
.w17, .w17 article, .w17 div.slideshow, .w17 .slideshow div, 
.w18, .w18 article, .w18 div.slideshow, .w18 .slideshow div, 
.w19, .w16 article, .w19 div.slideshow, .w19 .slideshow div {
	padding: 0px !important;
	border-radius: 0px !important;
	overflow: hidden!important;
	margin: 0px !important;
	width: 100% !important;
	height: 135px !important;
}
.w14 img, .w15 img, .w16 img, .w17 img, .w18 img, .w19 img   {
	margin: 0px !important;
	width: 100% !important;
	height: auto !important;

}
.w14, .w15, .w16, .w17, .w18, .w19  {
	margin: 0px !important;
	width: 306px !important;
	margin-left: 10px !important;
	margin-bottom: 7px !important;
}