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

1.	BASIC ELEMENTS

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

html {
	overflow-y: scroll;
}
html, body {
	height: 100%;
}
body {
	line-height: 1.6;
	font-family:  Helvetica, Arial, sans-serif;
	color: #2c2c2c;
	background:url(/images/texture-bg.jpg) top center repeat-x #e5e1ca;
	width:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}
h1 {
	font-size: 21px;
	margin-bottom: 22px;
	padding-bottom: 5px;
	display: block;
	background: url(/images/content-divider.png) repeat-x left bottom;
}
h2 {
	font-size: 21px;
	margin-bottom: 18px;
}
h3 {
	font-size: 18px;
	margin-bottom: 12px;
}
h4 {
	font-size: 16px;
	margin-bottom: 11px;
}
h5 {
	font-size: 14px;
	margin-bottom: 10px;
	letter-spacing:1px;
}
h6 {
	font-size: 13px;
	margin-bottom: 10px;
}
a {
	text-decoration: none;
	color: #244161;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
	background: none;
}
img {
	vertical-align: middle;
}
img.thumb-left, img.thumb-right {
	padding: 8px;
	background: #cec4a9;
}
img.thumb-left {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.thumb-right {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
p, pre {
	margin-bottom: 10px;
}
p {
	font-size: 12px
}
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 {
	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 {
	margin: 20px 0;
}
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: url(/images/twitter-bg.png) no-repeat left top;
	margin: 12px 0 20px;
	padding: 8px 10px 20px 40px;
	font: bold 16px Georgia, Times, serif;
	line-height: 1.8;
}
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 {
	background:url(/images/header-bg.png) top center repeat-x;
	border-top: 7px solid #332921;
	overflow:hidden;
}
#main {
	width:960px;
	padding:0;
	margin:0 auto;
}
/*-------------------------------
Header
-------------------------------*/
#header {
	width:960px;
	margin:0;
	padding:0;
}
#logo {
	width:349px;
	height:68px;
	margin:15px 0 0 15px;
	padding:0;
	float:left;
}
#header_right {
	width:293px;
	height:90px;
	float:right;
	margin:5px 15px 0 0;
}
/* Top Menu */
#menu {
	margin:0;
	padding:5px 10px 8px;
	list-style:none;
	color:#fff;
	line-height:35px;
	display:inline-block;
	float:right;
	z-index:1000;
	background: #332921;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:12px;
}
#menu a {
	color:#fff;
	text-decoration:none;
}
#menu > li {
	background:#332921 none repeat scroll 0 0;
	cursor:pointer;
	float:left;
	position:relative;
	padding:0 10px;
}
#menu > li a:hover {
	color:#0395CC;
}
/* 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:960px;
	height:3em;
	margin: 10px 0 10px;
	background: url(/images/nav-bg.png) repeat-x;
	float:left;
}
/* 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;
	font-size: 12px;
}
#content-left {
	width:640px;
	padding:0;
	float:left;
}
#content-right {
	width:310px;
	padding:0;
	margin: 0 0 10px 10px;
	float:left;
}
#header-img {
	margin-bottom: 10px;
}
#main-content {
	background: url(/images/main-content-bg.png) repeat-x left top;
	min-height: 272px;
	padding: 30px 20px 20px;
}
.line {
	padding-bottom: 5px;
	display: block;
	background: url(/images/content-divider.png) repeat-x left bottom;
}
/* Sidebar */
.side_table {
	background:none;
	border:none;
}
.side_table td {
	border-bottom: 1px solid #b7b49f;
	padding:6px;
}
.table td{
	padding:6px;
}
#sidebar {
	width: 290px;
	min-height: 100px;
	background: #d7d3bb url(/images/sidebar-top.png) no-repeat center top;
	padding: 10px 10px 26px;
}
#sidebar .divider {
	background: url(/images/sidebar-line.png) repeat-x left top;
	height: 3px;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 20px;
}
/* Newsletter */
#newsletter {
	background: url(/images/subscribe-bg.png) repeat-y left top;
	width: 100%;
	text-align: center;
	line-height:normal;
	color:#e4ddc6;
	padding: 12px 0;
}
#newsletter h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	color:#FFFFFF;
}
#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: 35px;
	background: url(/images/twitter-bg.png) no-repeat left top;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*-------------------------------
Footer
-------------------------------*/
#footer-wrapper {
	width:100%;
	background: #7a6a53 url(/images/footer-bg.png) repeat-x top;
	color:#d9ceb2;
	margin-top: 25px;
	overflow:hidden;
}
#footer {
	width:965px;
	padding-top: 20px;
	margin:0 auto 40px;
	font-size: 12px;
	line-height: 20px;
}
#footer .left-col {
	width: 700px;
}
#footer .left-col .footer-col {
	width: 200px;
	margin-left:20px;
}
#footer .right-col {
	margin-left:20px;
}
#footer .right-col a, #footer .right-col a:link, #footer .right-col a:visited{
	color:#d9ceb2;
}

#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 {
	background:#212121;
	width:640px;
	margin: 0 0 20px; /* CSS3 tweaks for modern browsers */
	-moz-box-shadow:0 0 10px #635b4e;
	-webkit-box-shadow:0 0 10px #635b4e;
}
#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; /*--Set height of tabs--*/
	border-bottom: 1px solid #c6c5c5;
	border-left: 1px solid #c6c5c5;
	width: 638px;
	font: bold 16px Helvetica, Arial, sans-serif;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 33px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 33px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #c6c5c5;
	border-left: none;
	margin-bottom: -1px; /*--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: 14px;
	padding: 0 20px;
	/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/ 
										outline: none;/*	background: url(../img/tab.png);*/
	text-transform: uppercase;
}
ul.tabs li a:hover {
	background: url(/images/tab-over.png);
}
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--*/
}
.tab_container {
	border: 1px solid #c6c5c5;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 638px;
	background: url(/images/tab-cont.png) repeat-x top;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
/* Tabs Posts */
ul.tab-post {
	list-style:none;
}
ul.tab-post li {
	margin-bottom: 12px;
}
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: 18px;
	font-weight: bold;
	line-height: 1.6;
}
.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: 20px 30px;
	background: url(/images/box-mid.png) repeat-y center;
	min-height: 202px;
}
.headline_box div.middle p {
	color: #26211a;
	font-size:14px;
}
.headline_box div.middle h3 {
	font-size: 14px;
	color: #fff;
	letter-spacing:1px;
}
.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;
	margin-bottom: 12px;
	overflow: auto;
}
.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 40px 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: 500px;
	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;
}

.requestHigh {
	background: #990000 !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;
}

.requestHigh a, .request a:link, .request a:visited{
	color:#FFFFFF!important;
	text-decoration:none;
}
.requestHigh: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 a, .request a:link, .request a:visited{
	color:#FFFFFF!important;
	text-decoration:none;
}
.request:hover {
	background: #2e2e2e !important;
	cursor: pointer;
	text-decoration: none;
}
/*-------------------------------
Pop Up Window
-------------------------------*/
#backgroundPopup {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
	z-index:1;
}
#popupContact {
	display:none;
	position:fixed;
	width:640px;
	background:#FFF;
	border:10px solid #e5e1ca;
	z-index:2;
	padding:15px;
	font-size:14px;
}
#popupContact h3 {
	text-align:left;
	border-bottom:1px solid #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}
#popupContact .col {
	width: 300px;
	margin-right: 20px;
}
#popupContactClose {
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#000;
	font-weight:700;
	display:block;
}


/*enter*/

#enter {
	background: url(/images/sidebar-top.png) repeat left top;
	width: 100%;
	line-height:normal;
	padding:0 15px  15px  15px;
	margin:3px;
	border:1px solid #b7b49f;
}

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

.title {
	background: url(/images/subscribe-bg.png) repeat-y left top;
	width: 100%;
	line-height:normal;
	padding: 10px;
	margin:20px 0px;
}
.title h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color:#FFF;
	padding:0px;
	margin:0px;
}


.image_border{
	border:2px solid #b7b49f;
	padding:3px;
	margin:0px 0 10px 10px;
}
.border_no_padding{
	border:2px solid #b7b49f;
}

.brown_table th{
	background-color:#c5be97;
	padding:5px;
}
.brown_table td{
	background-color:#ddd9c3;
	padding:5px;
}