/*------------------------------------------------------------------

1.	BASIC ELEMENTS

------------------------------------------------------------------*/

html 							{ overflow-y: scroll; }
html, body 						{ height: 100%; }
body 							{
	line-height: 1.4;
	font-family:  Georgia, "Times New Roman", Times, serif;
	color: #2c2c2c;
	background:#727065 url(../images/texture-bg-B.jpg) no-repeat center top;
	width:100%;
    font-size: 15px;
}
#pageTitle {
	font-size: 20px;
	margin-bottom: 60px;
	color: #FFF;
	text-align: center;
}
h1, h2, h3, h4, h5, h6 			{ font-weight:normal; }
h1 								{
	font-size: 22px;
	color: #302821;
	line-height: 28px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #963;
	margin-bottom: 15px;
}
h2 								{
	font-size: 20px;
	margin-bottom: 10px;
	color: #063;
}
h3 								{ font-size: 18px; margin-bottom: 10px; }
h3 span							{ font-size: 14px; }
h4 								{ font-size: 16px; margin-bottom: 11px; }
h5 								{ font-size: 14px; margin-bottom: 10px; }
h6 								{ font-size: 13px; margin-bottom: 10px; }
a 								{ text-decoration: underline; color: #244161 ; }
a:hover 						{text-decoration: none;}
a img 							{ border: 0; background: none; }
img 							{ vertical-align: middle; }
	img.thumb-left, img.thumb-right, img.thumb-left-noPad { padding: 8px; background: #cec4a9; }
	img.thumb-left 					{
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}
	img.thumb-left-noPad 					{
	margin-top: 10px;
	margin-bottom: 20px;
}
	img.thumb-right 				{
	margin: 0px 0px 20px 20px;
	float: right;
}

p, pre 							{
}
p 								{

}
strong 							{ font-weight: bold; }
ol 								{ list-style-type: decimal;  padding-left: 20px; margin-bottom: 15px;}
ul 								{ list-style-type: disc; padding-left: 20px;  margin-bottom: 15px;}
ol li, ul li					{
}
ul {
margin:6px 0 0 0;
}
ul.regList					{
	line-height: 1.8;
}
table 							{ width: 100%; margin: 10px 0; text-align: center;}
	table th 						{ background: #666; border: 1px solid #524e4e;  padding: 8px; color: #FFF; text-align: center;}
	table td 						{ background: #e8e8e8; border: 1px solid #524e4e;  padding: 8px; }
address, caption, cite, code, var { font-style:normal; font-weight:normal; }
address 						{
}
caption, th 					{ text-align:left; }
em, dfn 						{ font-style: italic; }
abbr, acronym 					{ border:0; font-variant:normal; }
dl 								{ margin-bottom: 15px; }
dfn, dt 						{ color: #333; }
dd 								{ margin: 0 0 0 10px; }
sup 							{ vertical-align:text-top; }
sub 							{ vertical-align:text-bottom; }
legend 							{ font-size: 14px; color: #666; font-weight: bold; }
fieldset 						{ border: 3px solid #fff; padding: 10px; }
	fieldset label 					{ display: block; font-size: 13px; }
	fieldset input, fieldset textarea { background: #F1F1F1; border:1px solid #E2E2E2; padding:3px; color:#4C4C4C; }
input, textarea, select 		{ font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select 		{ font-size:100%;}
blockquote 						{
	background: #FFF;
	padding: 12px;
	border: 4px solid #d9ceb2;
	overflow: auto;
	margin: 0px 0px 12px;
}
blockquote.pull 				{ background-color: rgba(122,106,83,0.3); background-image:none; padding: 10px; width: 220px; float:right; margin: 0 0 20px 20px; }
p.author 						{ color: #437181; font-weight: bold; }
p.author em 					{ font-weight: normal; color: #616161; }
q:before, q:after 				{ content:''; }
::selection 					{background: #33748e;color: #fff;}
::-moz-selection 				{background: #33748e;color: #fff;}

/*------Utility-----*/
.clear 							{ clear: both; }
.alignCenter 					{ text-align: center; }
.left 							{
	float: left;
}
.right 							{ float: right; }

/*------------------------------------------------------------------

2.	GENERAL LAYOUT

--------------------------------------------------------------------*/

#wrapper 						{
	border-top: 7px solid #332921;
	overflow:hidden;
}
#main 							{ width:960px; padding:0; margin:0 auto; }

/*-------------------------------
Header
-------------------------------*/
#header 						{ width:960px; margin:0; padding:0; }
#logo 							{
	margin:15px 0 0 15px;
	padding:0;
	float:left;
}

/* Top Menu */
#menu 							{
	margin:0;
	padding:2px 10px 3px;
	list-style:none;
	color:#fff;
	line-height:25px;
	display:inline-block;
	float:right;
	z-index:1000;
	background: #332921;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:11px;
}
	#menu a 						{ color:#fff; text-decoration:none; }
	#menu > li 						{
	background:#332921 none repeat scroll 0 0;
	cursor:pointer;
	float:left;
	position:relative;
	padding:0 5px;
}
	#menu > li a:hover 				{
	color:#6EB990;
}

/* sub-menus*/
#menu ul 						{ padding:0; margin:0; display:block; display:inline; }
	#menu li ul 					{ position:absolute; left:-10px; top:0; margin-top:22px; width:150px; line-height:16px; background-color:#332921; 
									color:#0395CC; /* for IE */ display:none; }
	#menu li:hover ul 				{ display:block; }
	#menu li ul li 					{ display:block; margin:5px 20px; padding: 5px 0; border-top: dotted 1px #606060; list-style-type:none; }
	#menu li ul li:first-child 		{ border-top: none; }
	#menu li ul li a 				{ display:block; color:#fff; }
	#menu li ul li a:hover 			{ color:#0395CC; }

/* Navigation */
#nav 							{
	width:945px;
	height:45px;
	background: url(../images/nav-bg.png) repeat-x;
	float:left;
	margin: 0 0 0px;
	padding-left: 15px;
}
/* search */
.search 						{ float:right; width:210px; height:33px; padding:0 10px; margin:0; }
	.search input 				{ float:left; border:1px solid #e0edf0; margin:9px 0; font:normal 12px Helvetica, Arial, sans-serif; }
	.search input.search-field 	{ width:160px; height:20px; padding:3px 10px; background:#e9e9e9; color:#565656; -moz-border-radius: 4px; -webkit-border-radius: 3px }
	.search input.search-submit { height:24px; width:22px; padding: 5px 0 0 5px; border:0; }


/*-------------------------------
Content
-------------------------------*/

#content 						{
	width:960px;
	padding:0;
	margin:0 0 70;
}
	#content-left 					{
	width:640px;
	padding:0;
	float:left;
	margin-bottom: 40px;
	position: relative;
}
	#content-right 					{
	width:320px;
	margin: 0 0 10px 0px;
	float:left;
}

#header-img					{
}
#main-content 					{
	background: #EBE9D5 url(../images/title-rip.gif) no-repeat left top;
	padding: 22px 25px 40px 30px;
}
#main-content-gallery 					{
	background: #EBE9D5 url(../images/pageTitle_long_bg.png) no-repeat left top;
	min-height: 272px;
	padding: 20px 30px;
}
.line 							{ padding-bottom: 5px; display: block; background: url(../images/content-divider.png) repeat-x left bottom; }

/* Sidebar */
#sidebar 						{
	width: 270px;
	min-height: 100px;
	background: #d7d3bb url(../images/sidebar-top.png) repeat center top;
	padding: 20px 25px 25px;
}
	#sidebar .divider 				{
	background: url(../images/sidebar-line.png) repeat-x left top;
	height: 3px;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 15px;
	clear: both;
	display: block;
}

/* Newsletter */
#newsletter 					{
	background: #41754E;
	width: 100%;
	text-align: center;
	line-height:normal;
	color:#FFF;
	padding: 12px 0;
	clear: left;
}
	#newsletter h3 					{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 0;
}
	#newsletter h3 a 				{color: #fff; }
	#newsletter p 					{ margin: 0; }

/* Social */
ul.social 						{ list-style:none; font-size:12px;}
	ul.social li  					{ margin-bottom: 7px; } 
	ul.social li a 					{ color: #2c2c2c; }
	ul.social li a#facebook, ul.social li a#flickr, ul.social li a#youtube, ul.social li a#twitter { background: url(../images/facebook.png) no-repeat left top; padding-left: 20px; padding-bottom: 3px; padding-top: 2px; }
 	ul.social li a#flickr 			{ background: url(../images/flickr.png) no-repeat left top; }
	 ul.social li a#youtube 		{ background: url(../images/youtube.png) no-repeat left top; }
	 ul.social li a#twitter  		{ background: url(../images/twitter.png) no-repeat left top; }

/* Twitter */
p.twitter-feed 						{ padding-left: 45px; background: url(../images/twitter-bg.png) no-repeat left top; font: 14px Georgia, serif; }


/*-------------------------------
Footer
-------------------------------*/
#footer-wrapper 					{
	width:100%;
	background: #322922 repeat-x top;
	color:#d9ceb2;
	margin-top: 35px;
	overflow:hidden;
}
#footer 							{
	width:640px;
	font-size: 12px;
	text-align: center;
	background: url(../images/LeftShadow-trans.png) no-repeat center top;
	bottom: 5px;
	height: 75px;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
}
#footer span {
	color: #FFF;
	background: #312921;
	padding: 5px 15px;
}
	#footer .left-col			 	{
	width: 640px;
}
	#footer .left-col .footer-col 	{
	width: 215px;
	margin-left:20px;
}
	#footer .right-col 				{
	margin-left:20px;
	width: 260px;
}
	#footer h6						{ margin-bottom: 0; text-transform:uppercase;  }
	#footer h6 a					{ color:#fff; }
	#footer ul li 					{ list-style:none; }
 	#footer ul li a 				{ color:#d9ceb2; }


/*------------------------------------------------------------------

3.	HOME PAGE

--------------------------------------------------------------------*/

/*-------------------------------
Slide
-------------------------------*/
.slide-container 					{
	width:960px; /* CSS3 tweaks for modern browsers */
	margin-bottom: 20px;
}
.slide-container-Home 					{
	width:640px; /* CSS3 tweaks for modern browsers */
}
#slider 							{ margin:0; padding:0; list-style:none; }
#slider ul, #slider li 				{ margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li 							{ width:640px; height:280px; overflow:hidden; ; }
#prevBtn, #nextBtn 					{ display:block; margin:0; overflow:hidden; width:36px; height:41px; position:absolute; left:5px; top:-50px; }
#nextBtn 							{ left:595px; }
#prevBtn a 							{ display:block; width:36px; height:41px; background: url(../images/l_arrow.png) no-repeat 0 0; }
#nextBtn a 							{ display:block; width:36px; height:41px; background: url(../images/r_arrow.png) no-repeat 0 0; }
p#controls 							{ margin:0; position:relative; }

/*-------------------------------
Tabs
-------------------------------*/
ul.tabs 							{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 34px;
	width: 638px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
}
									
ul.tabs li 							{
	float: left;
	padding: 0;
	width: 250px;
	height: 34px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 33px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: url(../images/tab.png) repeat-x bottom;
	text-align: center;
}
										
ul.tabs li a 						{
	text-decoration: none;
	color: #333;
	display: block;
	font-size: 16px;
	padding: 0 20px;
	/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/ 
										outline: none;
}
										
ul.tabs li a:hover 					{
	background: url(../images/tab-over.png) repeat;
}

html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #f5f2e0;
	border-bottom: 1px solid #f5f2e0; /*--Makes the active tab look like it's connected with its content--*/
	font-style: italic;
}
.tab_container 						{
	overflow: hidden;
	clear: both;
	float: left;
	width: 638px;
	background: url(../images/tab-cont.png) repeat-x top;
}
.tab_content 						{
	padding: 20px;
	font-size: 1em;
}
.tab_content p						{
	font-size: 1.25em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Tabs Posts */
ul.tab-post 						{ list-style:none;} 
	ul.tab-post li 						{
	margin-bottom: 20px;
}
	ul.tab-post > h5 					{ font-size:16px; }
.date 								{ color:#545454; text-transform: uppercase; line-height: normal; width: 60px; background:#62615a; color:#fff; padding: 3px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 16px; }
.post-title 						{
	margin:0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	.post-title a						{ color:#244161; }
	.post-title a:hover 				{ color: #000; text-decoration:none;}
.event-post  						{ width: 480px; margin-left:10px;  }

/*-------------------------------
Headline
-------------------------------*/
.headline_box 						{ width: 310px; min-height: 100px; padding-top: 20px; background: url(../images/box-top.png) no-repeat center top;}
	.headline_box div.middle 			{
	width: 250px;
	padding: 10px 30px 20px;
	background: url(../images/box-mid.png) repeat-y center;
	min-height: 202px;
}
		.headline_box div.middle p 			{ font-size: 14px; color: #26211a;  }
		.headline_box div.middle h3 		{ font-size: 22px; color: #fff;  }
	.headline_box div.bottom 			{ background: url(../images/box-bottom.png) no-repeat center; height: 32px; width: 310px; }


/*------------------------------------------------------------------

4.	ABOUT US PAGE

--------------------------------------------------------------------*/	
.profile 							{
	background: #FFF;
	padding: 12px;
	border: 4px solid #d9ceb2;
	overflow: auto;
	margin: 12px 0px;
}
	.profile img 						{ margin-right: 15px;}

/*------------------------------------------------------------------

5.	CONTACT PAGE

--------------------------------------------------------------------*/

#contactform 						{ width: 430px; margin: 20px 0; }
#contactform * 						{ font-size:12px; color:#2c2c2c; }
	#contactform input, #contactform textarea 	{ width: 300px; border:1px solid #bfbfbf; padding:5px 3px; margin-bottom: 10px;  }
	#contactform input.btn1 					{ width: 120px; }
p.label_name, p.input_form 			{ float: left; }
p.label_name 						{ width: 120px; clear: both; font-weight:bold; }
p#submit 							{text-align:right;}
p#success 							{ display: none; font-size: 16px; text-align: center; margin-bottom: 20px; cursor: pointer; color: #9e9595; font-style: italic; }

#error-msg 							{ margin-top: 20px; }
p.error { display: none; color: #CC3300; font-weight: bold; padding: 0; margin: 0; }


/*------------------------------------------------------------------

5.	NEWS PAGE

--------------------------------------------------------------------*/	
.post 								{ margin-bottom: 30px;}
p.meta 								{ color: #666; text-transform:uppercase; font-weight:bold; }
#page-nav a 						{ padding: 3px 7px; margin-right: 3px; background:#d9ceb2; color:#2c2c2c; }
#page-nav a:hover 					{ background:#948c75; text-decoration:none; }

ul.side-list 						{ padding-left: 0;}
ul.side-list li						{ line-height:normal; list-style: none; padding: 4px; margin-bottom:4px; }
	ul.side-list li a					{ color:#2c2c2c;}
	ul.side-list li a:hover				{ text-decoration:none;}
	ul.side-list li a span				{ color:#244161;}
	ul.side-list li:hover				{ background: #bdb395;}
	ul.side-list li h5					{margin-bottom:0; }

/*------------------------------------------------------------------

6.	GALLERY

--------------------------------------------------------------------*/	
ul.gallery 							{ list-style:none; margin: 10px 0;  padding: 0; overflow:hidden;}
	ul.gallery li						{
	display:inline;
	float:left;
	margin: 20px 30px 20px 0;
	position: relative;
}
	ul.gallery li.alt 					{ margin-right:0;}
	ul.gallery li img					{ padding: 8px; background: #cec4a9; width: 262px;}

/*------------------------------------------------------------------

7.	SERMONS

--------------------------------------------------------------------*/	
.sermons-post 						{  margin: 0; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #CCC; overflow:hidden; }
.sermons-message 					{
	width: 530px;
	margin-right: 10px;
}
ul.control 							{ padding:0; }
	ul.control li 						{ list-style: none;  text-indent: -9999px; }
		ul.control li a 					{ display:block; width: 22px; height: 22px; float:left; margin-right: 5px;}
	ul.control li.play a 				{ background: url(../images/play.png) no-repeat left top;  }
	ul.control li.download a 			{ background: url(../images/download.png) no-repeat left top;    }


/*------------------------------------------------------------------

7.	MISC

--------------------------------------------------------------------*/

/*-------------------------------
Button
-------------------------------*/
.btn1 								{ background: #415e6e !important; color: #fff !important; font-weight: bold; font-size: 12px !important; border: 0 !important; padding: 5px 12px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 4px !important; }
.btn1:hover 						{ background: #2e2e2e !important; cursor: pointer; text-decoration: none; }

.request 							{ background: #415e6e url(../images/btn-bg.png) repeat-x left top  !important; color: #fff !important; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 14px !important; border: 1px solid #415e6e !important; padding: 4px 20px !important; text-transform: uppercase; margin-top: 6px; margin-left: 10px; }
.request:hover 						{ background: #2e2e2e !important; cursor: pointer; text-decoration: none;  }

.tel {
	float: left;
	width: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #302821;
	font-size: 16px;
	line-height: 30px;
}
.telNumber {
	font: italic 24px/30px Georgia, "Times New Roman", Times, serif;
	float: left;
	vertical-align: top;
}
.email {
	float: left;
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 30px;
}
#address {
	display: block;
	margin-bottom: 15px;
}
#Doc {
	margin-top: 5px;
	margin-bottom: 10px;
	height: 40px;
}
hr {
	height: 30px;
	background: url(../images/content-divider.png) no-repeat 50% 50%;
}
	.formHeading{
	font-size: 18px;
	background-color: #41754E;
	text-align: center;
    line-height: 35px;
}
	.formHeading span{
	color:#FFF;}