@charset "utf-8";

/* 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;
	position: relative;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
/* address,caption,cite,code,dfn,em,strong,th,var {  see notes below */
address {
/*
- I would change address tags to a normal font style,
- caption, cite, code, dfn and var are almost never used, so why bother
- em should typically be italic
- strong should typically be bold
- th tends to be bold in 
*/
	font-style: normal;
/*	font-weight: normal; not needed */
}
ol,ul {}

caption,th { /* caption is rarely used, so I wouldn't bother adding it */
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

.class {
  width:200px; /* All browsers */
  *width:250px; /* IE */
  _width:300px; /* IE6 */
  .width:200px; /* IE7 */
}

/* reset */ 

a img {
	border: none; /* images that are links get ugly blue borders */
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote {
	margin: 1em auto; /* Typically you want spacing between paragraphs, headings and lists in the body text, this would be changed to match the site I'm working on */
}

li {
	margin-left: 30px; /* Normally on websites bullet lists are indented, using margin-left on the li causes fewer problems than padding-left on the ul */
}

body, textarea {
	font-size: 14px; 

	font-family: Futura, Century Gothic, AppleGothic, sans-serif;

}

/* End from Steve */

html {
	margin: 0;
	padding: 0;
	overflow:-moz-scrollbars-vertical; /* always show firefox scrollbar */
	}
	
#wrapper {
	width: 930px; /* sets width of main container */
	min-height: 700px; /* I only set min-height if the background image depends on it (IE6 doesn't recognize min-height) */
	margin: 0 auto; /* centers box */
	margin-bottom:25px;
	}

/* body, h1, h2, h3, h4, h5, h6, ul, ol, dl { All the other tags inherit this from the body tag, plus I move this above with the textarea */

body {

	font-size: 14px;

	font-family: Futura, Century Gothic, AppleGothic, sans-serif;

	}

	

body {	
	background: url('/templates/bethel/images/bethel-back-interior.jpg') no-repeat top center;
	background-color:#a89f94;
/*	background-image: url(/templates/bethel/images/bethel-back-interior.jpg);*/
	}
body.home-page {	
	background: url('/templates/bethel/images/bethel-back.jpg') no-repeat top center;
	}
		
h1 { font-size: 1.9em; } /* I have stopped using ems, caused too many problems. All I use ar px for font sizes */
h2 { font-size: 1.4em; background: url('/templates/bethel/images/underline.gif') no-repeat left bottom;	}
h3 { font-size: 1.25em;	}
h4 { font-size: 1.125em;	}
h5 { font-size: 1em;	}
h6 { font-size: .875em;	}
p { font-size: 1em;	}
img { border: 0; } /* Removes default border around linked images */ /* Oh, I added this above */

h1, h2  { 
	color: #734828;
	}
h1, h2, h3  { 

	/*font-family: Times New Roman, Times, Serif;*/

        font-family:Futura, Century Gothic, AppleGothic, sans-serif;

	font-weight: bold;
	}
	
a:link, a:visited, a:active { text-decoration: underline; color:#3c6331; /*color:#ba6b25;*/ }
a:hover { text-decoration: none; color:#000000;}

/* LAYOUT */

#global-nav {
	position: absolute; top: 190px; left: 200px;
	z-index:999;
	/*font-weight: bold;
	width: 975px; 
	height: 35px;
	background: url('/images/global-nav-back.jpg') no-repeat top center;
	background-color:#463f35;*/
        font-size: 16px;
	}
#global-nav ul {
	list-style: none;
	margin-top: 5px;
	margin-left:10px;
	}

#global-nav li {
	/*float: left;  makes the nav menu inline*/
	margin: 0 1em 25px 0;
	background: url('/templates/bethel/images/nav-back.png') no-repeat top left;
	width: 165px;
	height: 49px;
	}
#global-nav li:hover {
	background-position: bottom left;
}
/* floats can be dangerous if you don't set the width, usually doesn't cause problems if used like this. I tend to simply use <a> tags for nav */

#global-nav li a {
	/*border-left-width: 1px;
	border-left-color:#e9e9e9;
	border-left-style: solid;
	padding-left: 1em;*/
	/*margin-left: 60px;*/
	text-transform: uppercase;

	/*font-family: Times New Roman, Times, Serif;*/

        font-family:Futura, Century Gothic, AppleGothic, sans-serif;

	text-decoration: none;
	display:block;

	width:125px;

	height:100%;
	padding-left: 56px;
	padding-top: 3px;
	}
	
#global-nav li a.nav-no-border {border: none;}

#global-nav a:link, #global-nav a:visited, #global-nav a:active {	color: #2b1c0b;}
#global-nav a:hover {	color:#CCCCCC;}



.contentheading{
	position: absolute; top: -75px; right: 0px;
	z-index:9999;
	color:#ffffff;
	text-transform: uppercase;

	/*font-family: Times New Roman, Times, Serif;*/

        font-family:Futura, Century Gothic, AppleGothic, sans-serif;

	text-align: right;
	font-size: 1.4em;
	background-image: none;
	font-weight: normal;
	}
td.contentheading {
	top: -35px;
}
.componentheading {display:none;}	

#main-text-area {
	position: relative; float: right; margin-top: 90px; margin-bottom: 20px; margin-right: 45px;
	}
body.home-page #main-text-area {
	position: relative; float: right; margin-top: 220px; margin-bottom: 20px;
	}
	
#left-column {
	position: relative;
	float: right;
	margin-bottom:40px;
	width: 480px;
	}
#left-column img {
	/*border-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;*/
	float: left;
	margin: 10px 10px 10px 0px;
	padding: 3px;
	}
	
.home-main {
	background: url('/templates/bethel/images/home-middle-quote.png') no-repeat -0px 10px;
	top: -100px;
	left:-80px;
	width: 580px;
	padding-bottom: 250px;
	}
.home-main p {
	margin-left: 188px;
	top: 240px;
	*top: 225px;
	color:#ffffff;
        margin-right: 10px;

	/*font-family: Times New Roman, Times, Serif;*/

        font-family:Futura, Century Gothic, AppleGothic, sans-serif;

	/*font-weight: bold;*/
	}
#left-column table tr td.sectiontableheader img,
#left-column table tr td.sectiontableheader a img{
	border: 0;
}


div#left-column table tr td img.rating{
	border: 1px solid #A77344;
}

/*--- contact us form ---*/
table.contentpaneopen tr td form.ckform{
	overflow: hidden;
}

table.contentpaneopen tr td form.ckform label{
	text-align: right;
	padding: 0 5px 0 0;
	font-weight: bold;
}

table.contentpaneopen tr td form.ckform textarea,
table.contentpaneopen tr td form.ckform input.inputbox{
	background: #fff;
	border: 0;
}

table.contentpaneopen tr td form.ckform textarea{
	height: 200px;
}

table.contentpaneopen tr td form.ckform div.ckBtnCon{
	text-align:right;
	width: 180px;
}

table.contentpaneopen tr td form.ckform div.ckBtnCon input#submit_bt{
margin: auto 0 0 80px;
padding: 0 0 0 0;

	
}