@charset "utf-8";
/* CSS Document */

/*  global CSS styles - Great care  */


img {  
	border-style: none;
}

a:link, a:visited { 
	text-decoration: none;
	color:#FFF;
}
a:hover, a:active {
	text-decoration:none;
	color: #6C0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 24px;
	font-weight:400;
	color:#333;
}

#body {
	background-color: #5B626A;	
}

#container {
	margin: 0 auto 0 auto;
	height:875px;
	height: 100%;
	width: 100%;
}

#header {
	position:absolute;
	top:0;
	left: 0;
	height:100px;
	width: 100%;
	background-color:#202528;
	z-index:1;
}/* the header is the dark stripe across the top contain the church name. colour, width, position can be altered globally if required*/

#sitebranding {
	position:relative;
	margin: 0;
	top: 23px;
	left: 55px;
	width: 350px;
	font-family:Gadget, Verdana, sans-serif;
	font-size: 36px;
	font-weight:100;
} /* the sitebranding is thisischurch.com. using the above you can change its global positon, colour font style etc */

#sitebranding a:hover {
	text-decoration:none;
	color:#FFF;
}

#topnavbar {
	position:absolute;
	margin-top:5px;
	padding:0;
	border-collapse:collapse;
	top:90px;
	font-size:14px;
	left: 62%;
	width: 330px;
	z-index:2;
}/*this determines where the top navbar appears within the uppernavline */

#topnavbar ul li {
	display:inline;
	font-family: Geneva, sans-serif;
	font-weight: 100;
}/* the above dictates the top navbar font style and can be changed globally */

.navpad {
	padding-left: 15px;
	padding-right: 10px;
	color:#FFF;
}/*the above controls the padding either side of the vertical line dividing navbar links and is a global setting*/

#mainbackground {
	position:absolute;
	top: 98px;
	left:0;
	height: 658px;
	width:100%;
	background-image: url(../images/backgroundtest.jpg);
	z-index:0;
}/* main background image supporting the Home Page*/

/* Font Colours */
.fontred {
	color:#F00;
}
.fontwhite {
	color:#FFF;
}



/*............................The following section relates to the home page only..........................................*/

#centrenav {
	margin: 0 auto 0 auto;
	position: relative;
	top: 50px;
	height: 383px;
	width: 	950px;
}

#centrenav ul li {
	display:inline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 100;
}
#reflection1 {
	margin: 0 auto 0 auto;
	position: relative;
	top: -3px;
}

/*..................................end of home page section .....................................*/


/*................................. bottom navigation area. avoid altering as it has global impact ............................*/

#bottomnavcontainer {
	position:absolute;
	margin: 0 auto 0 auto;
	top:635px;
	left:0;
	width: 100%;
	background-color: #202528;
	height: 350px;
	z-index:0;
}

#bottomnav {
	position:relative;
	margin: 0 auto 0 auto;
	width: 950px;
	background-color: #202528;
	height: 340px;
	font-family: Geneva, sans-serif;
	font-size:13px;
}

#bottomnav ul {
	margin: 0;
	padding: 0;
	color: #666;

}

#bottomnav ul h4{
	font-size: 14px;
}/*the bottomnav contains the detailed list of links at the bottom of the site - each column has its own div within it*/ 



#christiannav {
	position: absolute;
	
	top: 1px;
	color:#FFF;
	width: 200px;
	line-height:30px;
}
#christiannav ul {
	display:inline;
	list-style:none;
}

#prayernav {
	position:absolute;
	left: 370px;
	top: 1px;
	color:#FFF;
	width: 220px;
	line-height:30px;
}
#prayernav ul { 
	display: inline;
	list-style:none;
}
#helpnav {
	position:absolute;
	top: 1px;
	left:755px;
	color:#FFF;
	width: 220px;
	line-height:30px;
}
#helpnav ul {
	display: inline;
	list-style:none;
}

#stmarksnav {
	position:absolute;
	top: 1px;
	left: 765px;
	line-height:30px;
	color:#FFF;
	width: 220px;
}
#stmarksnav ul {
	display: inline;
	list-style:none;
}
#navshoppingimage {
	position:absolute;
	top: 225px;
	left:765px;
	width: 144px;
	height: 25px;
}
#footcontainer {
	position:relative;
	margin: 0 auto 0 auto;
	width: 950px;
	height: 100px;

}
#footer {
	position:relative;
	top:-80px;
	height: 90px;
	width:100%;
	background-color: #000;
	left:0px;
	z-index:5;
}
#searchfoot {
	position:relative;
	top:-40px;
	left: 720px;
	width:250px;
	color:#999;
}

.footpara {
	position:relative;
	top: 15px;
	margin:0;
	padding-left:20px;
	padding-right: 20px;
	text-align:center;
	width: 650px;
	font-size:11px;
	color:#667;
}
.footpara2 {
	position:relative;
	top: 10px;
	left: 20px;
	text-align:center;
	width: 650px;
	font-size:10px;
	color: #999;
}
#footerband {
	position:relative;
	top:-180px;
	height: 190px;
	width:100%;
	background-color:#000;
	left:0px;
	z-index:0;
}


#footbox {
	position:relative;
	top:-95px;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 120px;
	background-color: #000;
}
#copycontainer {
	position:relative;
	margin: 0 auto 0 auto;
	width: 950px;
	height: 115px;
	}
#copyright {
	position:absolute;
	left: 0;
	width: 600px;
	height: 105px;
}
#search {
	position:absolute;
	padding-top: 25px;
	left:645px;
	height: 105px;
	width:300px;
}
.copypara {
	top: 10px;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11.5px;
	color:#667;
}
.copypara2 {
	top: 15px;
	color: #666;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
}
.gsc-control-cse {
	background-color:#4a4f55 !important;
	
}
.cse .gsc-control-cse, .gsc-control-cse {
	border: 1px solid #202528 !important}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
	background-color: #000 !important;
	}
.gsc-input-box {
	border: 1px solid #000 !important;
	}