/*-----------------------------------------------------------------------
GTHOP Style Sheet

version:	1.0
date:		May 2010
author:		Josh Neuroth
website:	http://www.joshneuroth.com
/*-------------------------------------------------------------------- */


/* Reset 
------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a {
   outline: none;
   text-decoration: none;

}


/* ------------------ Shared Between All Pages ------------------ */

/* --- CSS Special Fonts --- */

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive-webfont.eot');
	src: local('☺'), url('fonts/Chunkfive-webfont.woff') format('woff'), url('fonts/Chunkfive-webfont.ttf') format('truetype'), url('fonts/Chunkfive-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'FamiliarProBold';
    src: url('fonts/Familiar_Pro-Bold-webfont.eot');
    src: url('fonts/Familiar_Pro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Familiar_Pro-Bold-webfont.woff') format('woff'),
         url('fonts/Familiar_Pro-Bold-webfont.ttf') format('truetype'),
         url('fonts/Familiar_Pro-Bold-webfont.svg#FamiliarProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


h3.style1 {font: 18px/27px 'ChunkFiveRegular', Arial, sans-serif;}

/* ---- Layout ---- */


.fl {float: left;}
.fr {float: right;}
a {color: #2e200e;}
a:hover {color:#3F301B; }
p,#page .cms-editable {line-height: 1.5em;}
span.remove {display:none;}

body {
	background: #000 url(images/repeatbg.jpg) repeat top left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #2e200e;
	}

#topbar {
	background: url(images/headerbg.jpg) repeat-x top left;
	height: 120px;
	width: 100%;
	}

#wrapper { width: 960px; height: 100%; margin: 0px auto;}	

	#container {background: url(images/mainbg.jpg) no-repeat top left; width: 960px; min-height: 700px; position: absolute; top: 0px; float: left;}
	
		#home #container {height: 1750px;}

/* --- Header --- */

	#logo {width: 302px; height: 97px; float: left; margin-left: 10px;}
	#welcome {display: none;}
	
	ul#nav {float: left; width: 620px; height: 34px; margin: 15px 0px 0px 12px;}
	ul#nav li {display: inline;}
	ul#nav li a {margin: 0px 0px 0px 0px; float: left; font-family: 'FamiliarProBold'; color: #f6f3ec; font-size: 22px; display: block; height: 55px;background: none; padding: 25px 20px 0px 20px;}
	ul#nav li a:hover {background: url(images/headerhover.jpg) repeat-x top left;}
	
	
/* --- Homepage --- */
	#home-box {width: 613px; height: 348px; background: url(images/home_slideshowbg.jpg) no-repeat top left; position: absolute; top: 135px; left: 0px; padding: 12px 0px 0px 23px;}
	ul#home-subnav {position: absolute; left:630px; top: 165px;}
	ul#home-subnav li {margin-bottom: 5px;}
	ul#home-subnav li a#home-learnmore {}
	ul#home-subnav li a#home-praywithus {}
	ul#home-subnav li a#home-onlinegiving {}
	
	#home-subbox-l {background: url(images/home_leftbox.jpg); height: 134px; width: 480px; position: absolute; top: 520px; left: 0px;}
		#home-subbox-l img {margin: 15px 0px 0px 20px;}
	#home-subbox-r {background: url(images/home_rightbox.jpg); height: 134px; width: 480px; position: absolute; top: 520px; right: 0px;}
		#home-subbox-r img {margin: 15px 0px 0px 17px;}
	
	#upcoming {width: 300px; position: absolute; top: 670px; height: 400px; left: 0px; background: url(images/home_sectionheader-bg.jpg) no-repeat top center; padding: 0px 10px 0px 10px;}
	#enews {width: 300px; position: absolute; top: 670px;height: 400px; left: 318px; background: url(images/home_sectionheader-bg.jpg) no-repeat top center; padding: 0px 10px 0px 10px;}
	#connect {width: 300px; position: absolute; top: 670px;height: 400px; left: 638px; background: url(images/home_sectionheader-bg.jpg) no-repeat top center; padding: 0px 10px 0px 10px;}
    .tab-header { color: White; font-family: Arial; font-size: 32px; font-weight: bold; margin: 2px 0px 15px 5px; }

	.home-event {width: 300px; background: url(images/hr.png) repeat-x bottom left; padding-top: 0px; padding-bottom: 10px; }
	.home-event .desc {font-size:  12px;}
	.home-event .title  {font-weight: bold; line-height: 1em; color: #2e200e;}
	.home-event .date {font-size:  12px; line-height: 1em; }
	.home-event a { text-decoration: underline; font-weight: bold; }
	.home-event div { padding-top: 5px; padding-bottom: 3px; }
	.home-event .location { font-size:  12px; padding-left: 1.5em; }
	
	#enews span.subscribe {}
	#enews #fname {
			background: url(images/formbg.jpg) no-repeat top left;
			height: 30px;
			width: 120px;
			font-size: 0.8em;
			border: 0px;
			padding: 10px 0px 0px 7px;
			margin: 10px 8px 0px 0px;
			}
	#enews #lname {
			background: url(images/formbg.jpg) no-repeat top left;
			height: 30px;
			width: 140px;
			font-size: 0.8em;
			border: 0px;
			padding: 10px 0px 0px 7px;
			margin: 10px 0px 0px 0px;
			}
	#enews #email {
			background: url(images/formbg.jpg) no-repeat top left;
			height: 30px;
			width: 226px;
			font-size: 0.8em;
			border: 0px;
			padding: 10px 0px 0px 7px;
			margin: 0px 0px 10px 0px;
			}			
	#enews input#send {
			background: url(images/submitbtn.png) no-repeat top left;
			background-position: 0px 0px;
			height: 30px;
			width: 100px;
			display: block;
			float: left;
			border: 0px;
			cursor:pointer;
			}
	
	#connect .facebook {background: url(images/facebookicon.jpg) no-repeat top left; padding: 0px 0px 0px 24px; }
	#connect .map {height: 180px; width: 293px; background: url(images/mapbg.jpg) no-repeat top left; margin: 10px 0px 0px -4px; padding: 10px 0px 0px 10px; position: relative;}
	#connect .directions {font-size: 12px; float: right; margin-right: 3px;}

/* --- Inner Page Layout --- */
#page-container {width: 955px; float: left; height: auto;  margin-top: 40px; padding-left: 5px; position: relative;}
#page {width: 600px; min-height: 700px; background: url(images/innerpagebg.png) repeat-y top left; float: left; padding: 20px 31px 20px 27px; color: #3f301c;}
#pagebottom {width: 658px;background: url(images/innerpagebg_bottom.png) repeat-y top left; float: left; height: 7px;}

#page .cms-editable a {color: #961d11;}
#page .cms-editable a:hover {text-decoration: underline;}

#page h2.pagetitle { height: 35px; background-color: #3f301c; width: 580px; color: #FFF; padding: 5px 0px 0px 20px; font: 22px 'FamiliarProBold', Arial, sans-serif; margin-bottom: 20px;}
#page img.pagebanner {margin: 15px 0px 15px 0px;}
#page .cms-editable {margin-bottom: 20px; font-size: 16px;}
#page h3 {font-size: 20px; font-weight: bold; margin-bottom: 10px;}

#page img {padding: 15px 0px 10px 10px;}



#fullpage {background: url(images/fullpage_bg.jpg) no-repeat bottom left;
			height: 880px;
			width: 950px;
			padding: 20px 25px 0px 25px;
			}

	 .prayerschedule {width: 900px; }
	 .prayerschedule td {border: 1px solid #3F301D; padding: 5px; text-align: center; vertical-align: middle; white-space: nowrap;}
	 .prayerschedule .cms-editable {font-size: 10px;}
	 .prayerschedule a {font-size: 10px; color: #a12114;}
	 .prayerschedule .tabletitle {text-align: center; height: 40px;}
	.keyinfo {text-align: center;font-size: 13px;}

#sidebar {margin-left: 658px; width: 300px; position: absolute; top: 0px; right: 0px;}
#sidebar #menu {width: 300px; background: url(images/menu.jpg) repeat-y top left; min-height: 160px; margin-bottom: 30px; padding: 20px 0px 10px 20px; position: relative;}

#sidebar #menu li {margin-bottom: 10px;}
#sidebar #menu li a {display: block; width: 223px; height: 30px; background-image: url(images/menuitembg.gif); background-repeat: no-repeat; background-position: 0px -40px; color: #FFF; font: 22px 'FamiliarProBold'; padding: 10px 0px 0px 20px;}
#sidebar #menu li a:hover {background-position: 0px 0px;}

#sidebar .sbbox {margin:  0px 0px 30px 30px; width: 260px;}
#sidebar .sbbox h2 {font: 22px 'FamiliarProBold', Arial, sans-serif; color: #3f301c;}
#sidebar .sbbox p {margin-bottom: 10px;}
		

#sidebar .sbbox #fname {
			background: url(images/formbg.jpg) no-repeat top left;
			height: 30px;
			width: 80px;
			font-size: 0.8em;
			border: 0px;
			padding: 10px 0px 0px 7px;
			margin: 0px 10px 0px 0px;
		
			}
#sidebar .sbbox #lname {
			background: url(images/formbg.jpg) no-repeat top left;
			height: 30px;
			width: 118px;
			font-size: 0.8em;
			border: 0px;
			padding: 10px 0px 0px 7px;
			margin: 10px 0px 0px 0px;
		
			}
#sidebar .sbbox #email {
			background: url(images/formbg.jpg) no-repeat top left;
			height: 30px;
			width: 226px;
			font-size: 0.8em;
			border: 0px;
			padding: 10px 0px 0px 7px;
			margin: 0px 0px 10px 0px;
			}			
#sidebar .sbbox input#send {
			background: url(images/submitbtn.png) no-repeat top left;
			background-position: 0px 0px;
			height: 30px;
			width: 100px;
			display: block;
			border: 0px;
			cursor:pointer;
			}
			
			
/* --- Footer --- */
	
#footer {height: 165px; width: 960px; background:url(images/footerbg.gif) no-repeat; }
	#home #footer {position: absolute; bottom: 0px; left: 0px;}
	#inner #footer {position: relative; float: left; margin-top:  20px;}
		
#footer span.copyright {position: absolute; bottom: 10px; left: 20px; color: #F6F3EC; font-size: 12px;}
#footer span.copyright a {color: #F6F3EC; }
#footer span.copyright a:hover {color: #F6F3EC; border-bottom: 1px dashed #F6F3EC;}