html {
	background: #f2f0d6;
}

body {
	font: 11px/16px Verdana, Arial, sans-serif;
	color: #50493a; 
}

#container {
	background: url(../images/layout/side-shadows.png) repeat-y;
	width: 982px;
	margin: 0 auto;
}

#doc {
	width: 960px;
	margin: 0 auto;
}

a {
	color: #265e80;
	text-decoration: none;
}

a:hover {
	color: #78a22f;
}

a:visited {
	color: #265e80;
}

a:active {
	color: #78a22f;
}

a img {
	border: none;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	color: #265e80;
	margin-bottom: 4px;
}

strong {
	font-weight: bold;
}

blockquote {
	border-top: 1px solid #c7c2b9;
	border-bottom: 1px solid #c7c2b9;
	font: 14px Georgia, serif;
	color: #8f8673;
	padding: 17px 12px 0px 12px;
	margin: 0 40px 10px 40px;
}

blockquote p {
	margin:0;
	padding: 0;
}

em {
	font-style: italic;
}

.clear {
	clear: both;
}

.no-margin {
	margin: 0 !important;
}

.no-border {
	border: none !important;
}

.no-background {
	background-image: none !important;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

#top-links {
	position: relative;
	left: -10px;
	color: #8f8673;
	padding: 12px 0;
	top: 10px;
}

#top-links a {
	color: #265e80;
	padding: 0 6px;
}

#top-links a:hover {
	color: #78a22f;
}

#hd {
	background: #fff;
	text-align: right;
}

#bd {
	overflow: hidden;
	background: #fff;
	height: 100%;
}

#sidebar {
	width: 230px;
	float: left;
}

#logo {
	display: block;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	padding-bottom: 20px;
	
}

/* @group Navigation */

body#home #nav {
	height: 270px;
}

#nav {
	padding: 0 14px 18px 20px;
	background: #fff;
}

#nav li {
	border-top: 1px dotted #c7c2b9;
}

#nav li.nav-last {
	border-bottom: 1px dotted #c7c2b9;
}

#nav li.here {
	border: none;
	background: #265e80;
}

#nav li.here a {
	color: #fff;
}

#nav li a {
	display: block;
	color: #265e80;
	padding: 7px 0 7px 5px;
	font: 15px Arial, sans-serif;
	height: 18px;
}

#nav li a:hover {
	background: #f2f0d6;
	color: #8f8673;
}

ul#nav ul {
	display: none;
}

ul#nav li.here ul {
	display: block;
}

#nav li li {
	background: #97c0d9;
	position: relative;
	border-top: 1px dotted #c2dcea !important;
}

#nav li li a {
	font-size: 11px;
	font-weight: bold !important;
	color: #265e80 !important;
	background: #97c0d9;
	: 20px;
}

#nav li li.here a {
	color: #FFF !important;
	background:#97c0d9 url(../images/layout/sub-arrow-active.gif) no-repeat 95% 50% !important;
	}

#nav li li.has_children a:hover {
	background: #f2f0d6 url(../images/layout/sub-arrow.gif) no-repeat 95% 50% !important;
}

#nav li li:hover a {
	color: #8f8673 !important;
}

#nav li li:hover.has_children a {
	background: #f2f0d6 url(../images/layout/sub-arrow.gif) no-repeat 95% 50% !important;
}

#nav li li.has_children ul li a, #nav li li.has_children ul li a:hover, #nav li li:hover.has_children ul li a, #nav li li:hover.has_children ul li a:hover {
	background-image: none !important;
} /* keeps sub nav items from showing the sub-arrow when there is no children */

#nav li li:hover ul {
	display: block !important;
}

#nav ul ul {
	position: absolute;
	top: 0;
	left: 196px;
	width: 160px;
	display: none !important;
}

#nav li li li {
	padding-left: 6px;
	background: #f2f0d6 !important;
	border-top: 1px dotted #c0bba4 !important;
}

#nav li li:hover li a {
	background-image: none !important;
	background: #f2f0d6;
	color: #265e80 !important;
}

#nav li li li a:hover {
	color: #8f8673 !important;
	background: none !important;
}

#nav li li li:hover a {
	background: none !important;
}



/* @end */

/* @group Events below navigation */

#events {
	background: #f2f0d6;
	padding: 0px 14px 0 20px;
	width: 196px;
	margin: 0 !important;
}

#events h1 {
	font: 18px Arial;
	color: #e59200;
	margin-bottom: 6px;
}

#events strong {
	font-weight: bold;
	color: #50493a;
	display: block;
	margin-top: 6px;
}

#events a {
	xdisplay: block;
	color: #265e80;
	margin-bottom: 6px;
	text-transform: uppercase;
	font-size: 10px;
}



#events > a.regnow {
	display: inline;
}



#events a:hover {
	color: #e59200;
}

#events a.regnow {
	color: #628F11;
}

#events strong a {
	text-transform: uppercase;
	font-size: 10px;
}

/* @end */

/* @group Sidebar image links */

#image-links {
	margin: 15px 0 15px 20px;
}

/* @end */

#content {
	width: 730px;
	float: right;
}

#flash-bg {
	position: relative;
	z-index: 2;
	text-align: right;
	background: #fff url(../images/layout/flash-bg-side.gif) no-repeat;
	width: 730px;
	height: 430px;
	top: 27px;
}

#featured-cols {
	overflow: hidden;
	background: #f2f0d6 url(../images/layout/flash-bg-bottom.gif) no-repeat 0% 0%;
	position: relative;
	padding-top: 26px;
	z-index: 1;
	height: 100%;
}

#featured-cols div {
	float: left;
	margin-right: 15px;
}

.f-col {
	background: url(../images/layout/featured-col-bg.gif) no-repeat;
	width: 209px;
	height: 244px;
	overflow: hidden;
	padding: 10px 10px 10px 9px;
	position: relative;
	z-index: 6;
}

.f-col-mask {
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 4;
}

.f-col-image {
	position: relative;
	z-index: 3;
	top: -2px;
}

.f-col-content {
	margin-left: 10px;
}

.f-col p {
	margin-bottom: 6px;
}

.button {
	xbackground: url(../images/layout/button-bg.gif) repeat-x;
	xdisplay: block;
	xheight: 18px;
	background: #CEDCB3;
	padding: 3px 6px;
	xfloat: left;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #265e80;
	line-height: 28px;
	border: 1px outset #ABBF83;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.reg {
	background: #77A12E;
	color: #FFF;
	border: 1px outset #3ea346;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	text-align: center;
	cursor: pointer;
	margin-top: 20px;
	clear: both;

}

a:hover.button {
	color: #50493A;
}

a:hover.reg {
	color: #FFF;
	background: #FFA81F;
	border: 1px outset #d09442;
}

a:visited.reg {
	color: #FFF;
}


/* @group Interior Page Styles */

#header-img {
	position: relative;
	margin-bottom: 32px;
	top: 10px;
}

#header-img strong {
	position: absolute;
	top: 55px;
	left: 10px;
	font-size: 26px;
	color: #fff;
	font-weight: normal;
	display: block;
	height: 55px;
}

.new #header-img strong {
	font-size: 22px;
}

body#interior #content {
	margin-left: 40px;
	margin-bottom: 20px;
	width: 690px !important;
}

#main-content {
	width: 650px;
	margin: 0 0 90px 10px;
}

#main-content h1 {
	font-size: 18px;
	color: #50493a;
	border-bottom: 1px solid #c7c2b9;
	padding-bottom: 8px;
	margin-bottom: 14px;
}

#main-content h2 {
	font-size: 12px;
	color: #ea7e09;
	font-weight: bold;
}

#main-content h3 {
	font-size: 11px;
	font-weight: bold;
}

#main-content h5 {
	font-size: 11px;
}


#main-content p {
	margin-bottom: 20px;
}

#main-content ul {
	margin: 0 0 20px 30px;
}

#main-content li {
	list-style-type: disc;
}

#main-content ol {
	margin: 0 0 20px 35px;
}

#main-content ol li {
	list-style-type: decimal !important;
}

#main-content img {
	border: 3px solid #ddd6c7;
}

#main-content img.left {
	float: left;
	margin: 0 15px 15px 0;
	}
	
#main-content img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
	

	
.assist-box {
	width: 205px;
	background: url(../images/layout/ab-back.gif) repeat-y;
	float: right;
	padding: 0px 0 0 30px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.assist-box img {
	border: none !important;
	position: relative;
	left: -30px;
}

.assist-box ul {
	margin: 0px !important;
}

#ab-bottom {
	top: 8px;
}

#main-content #nav-sub li {
	list-style-type: none;
}

#main-content #nav-sub li.parent-here a {
	display: block;
	color: #265E80;
	font-weight: bold;
}

#main-content #nav-sub li.parent-here li a {
	font-weight: normal;
}

#main-content #nav-sub li.parent-here li a {
	background: url(../images/layout/raq-arrows-blue.gif) no-repeat 0% 60%;
	padding-left: 10px;
}

#main-content #nav-sub li.parent-here a:hover {
	color: #78a22f;
}

.staff {
	margin-bottom: 40px;
}

#staff {
	float: left;
	width: 300px;
	padding-right: 20px;
	}
	
#staff h3 {
	font-size: 12px;margin-bottom: 5px;
	}	
#staff p {}
#staff strong { font-weight:bold; }
#staff img {
	float: left;
	margin: 0 15px 0 0;
	}

#search ul {
	margin:0 75px 0 0px;
	
	}
	
#search ul li {
	list-style:none;
	margin-bottom: 15px;
	}
	
#search strong {
	font-weight: normal;
	font-size: 12px;
	}
	
#search span {
	font-size: 10px;
	color: #666;
	}

.assist-box a {
	display: block;
	margin: 3px 0;
}

.assist-box a:hover {
	color: #50493A;
}

#pagination {
	display: block;
	}
	
#main-content #pagination {
	height: 10px;
	padding: 10px 0;
	clear: left;
	list-style: none;
	margin: 0;
}

#pagination li {
	float: left;
	width: 7px;
	height: 10px;
	font-size: 93%;
	padding: 0 3px;
	margin: 1px;
	list-style: none;
	line-height: 10px;
}

#pagination li a {
	color: #635b4b;
}

#pagination li.here a, #pagination li a:hover {
	color: #307192;
}

#pagination li.here a {
	font-weight: bold;
}

#pagination li.previous,
#pagination li.next,
#pagination li.beginning,
#pagination li.end {
	width: 7px;
	height: 8px;
	padding: 1px 3px;	
}

#pagination li.previous a,
#pagination li.next a,
#pagination li.beginning a,
#pagination li.end a {
	text-indent: -999em;
	outline: none;	
	background: url(../images/layout/pagination-buttons.png) 0 0;
	display: block;	
	height: 8px;
}

#pagination li.previous a {
	background-position: -7px 0;
}
#pagination li.previous a:hover {
	background-position: -7px -8px;
}

#pagination li.next a {
	background-position: -14px 0;
}
#pagination li.next a:hover {
	background-position: -14px -8px;
}

#pagination li.beginning a {
	background-position: 0 0;
}
#pagination li.beginning a:hover {
	background-position: 0 -8px;
}

#pagination li.end a {
	background-position: -21px 0;
}
#pagination li.end a:hover {
	background-position: -21px -8px;
}

/* @group Sermons */
.sermon_audio { 
	float: left; 
	width: 100%; 
}

#content .sermon_audio h3 {	
	background: #cedcb3; 
	border-bottom: 1px solid #a0ad86; 
	padding: 6px; 
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
}

.sermon_audio dl { 
	float: left; 
	border-bottom: 1px dotted #cedcb3;
	padding:  6px 0;
	width: 100%;
	margin: 0;

}

.sermon_audio dt { width: 455px; float: left; padding-left: 6px;} 
.sermon_audio strong { display: block; }
.sermon_audio dd { float: left; }
.sermon_audio .mp3, .sermon_audio .text { 
	text-align: center; 
	color: #666; 
	height: 16px;
	margin: 5px 0 0 55px;
}

.sermon_audio .mp3 a, .sermon_audio .text a {
	display: block;
	text-indent: -9999px;
	width: 16px;
	padding-bottom: 5px;
}

.sermon_audio .mp3 a { background: url(/_media/images/layout/play.png) 0 0 no-repeat; }
.sermon_audio .text a { background: url(/_media/images/layout/download.png) 0 0 no-repeat; }

#audio_legend { 
	color: #666; 
	font-weight: bold; 
	text-transform: uppercase;
}

#audio_legend span { float: right; margin-right: 15px;}
#audio_legend .listen { margin-right: -3px; }
.listen { padding-right: 20px; }
.sermon_archive { display: block; margin: 20px 0; float: left; }

body.sermons #main-content ul {
	clear: both;
	padding-top: 1em;
}

/* @end */




/* @group Forms */
#contactform {
	margin: 0;
	padding: 0;
	}

#contactform label {
	display: block;
	text-transform:uppercase;
	font-size: 10px;
	}
	
#contactform input.text, #contactform textarea {
	width: 450px;
	border: 1px solid #CEDCB3;
	padding: 5px;
	color: #78A22F;
	font: 14px Courier;
	}

.required {
	color: #9F0000;
	}
/* @end */

/* @end */

/* @group Footer */

#ft li a:hover {
	color: #E5E2C1;
}

#ft .sub-level-0 a {
	background: url(../images/layout/raq-arrows.gif) no-repeat 0% 60%;
	padding-left: 10px;
}

#ft .sub-level-0 a:hover, #ft .sub-level-1 a:hover {
	color: #fff;
}

#ft .sub-level-1 a {
	padding-left: 8px;
	font-size: 10px;
}

#ft {
	overflow: hidden;
	background: #6e6551 url(../images/layout/footer-tile.gif) repeat-x;
	padding: 22px;
	clear: both;
	height: 100%;
}

#ft a {
	color: #E5E2C1;
  	}
  	
#ft a:hover {
	color: #fff;
  	}

#foot-col1 {
	float: left;
	width: 205px;
	margin-right: 30px;
}

#foot-col2 {
	float: left;
	width: 205px;
	margin-right: 20px;
}

#foot-col3 {
	float: left;
	width: 453px;
}

#ft ul li {
	border-top: 1px dotted #8f8775;
	padding: 8px 0 0 5px;
	margin-top: 10px;
}

#ft ul ul li, .foot-first {
	border: none !important;
	margin: 0 !important;
	padding: 0 0 0 5px !important;
}

#ft ul li a, #ft ul li a:visited {
	color: #e99f1e;
	font-weight: bold;
}

#ft ul li a:hover, #ft ul li a:here {
	color: #e5e2c1;
}

#ft ul ul li {
	color: #e5e2c1;
}

#ft ul ul li a, #ft ul ul li a:visited {
	color: #e5e2c1;
	font-weight: normal;
}

#ft ul ul li a:hover, #ft ul ul li a:here {
	color: #fff;
}

#ft form {
	background: #92866d;
	padding: 14px;
	margin-bottom: 22px;
	height: 98px;
}

#ft form h1 {
	font-size: 18px;
	color: #e8e6c6;
	margin-bottom: 4px;
}

#ft form p {
	color: #fff;
	margin-bottom: 16px;
}

#ft form input.inp {
	color: #6e6551;
	padding: 3px;
	float: left;
	margin-left: 12px;
	border: 1px solid #e0ddbd;
	height: 17px;
}

#go {
	display: block;
	width: 38px;
	height: 25px;
	background: url(../images/layout/go.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}

a:hover#go {
	background-position: -38px;
}

#contact-info {
	overflow: hidden;
	color: #e5e2c1;
}

#address-col {
	float: left;
	width: 167px;
	margin: 0 65px 0 18px;
}

#phone-col {
	float: left;
	width: 125px;
}

/* @end */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

