/**********************************************
Reset (meyerweb.com)
**********************************************/
html{color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;} a{outline:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{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;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}

/******** COLORS ********/
/* TAN - #F0EAE2 */
/* BURGANDY - #7B0029 */
/* TEXT - #333 */

/******** INIT ********/

html, body {
	height: 100%;
	background-color: #F0EAE2;
	color: #333;
	font: normal 12px Helvetica, Arial, sans-serif;
	}
img {
	border: 0;
	}
a {
	color: #7B0029;
	text-decoration: none;
	}
a.view_all {
	margin-top: -15px;
	font-size: 11px;
	display: block;
	}
p {
	padding-top: 20px;
	line-height: 20px;
	}
p.smallcaps {
	padding-bottom: 5px;
	font-family: Times New Roman, serif;
	font-variant: small-caps;
	}
p.smallcaps a {
	font: normal 12px Helvetica, Arial, sans-serif;
	}
a:hover {
	text-decoration: underline;
	}
.clickable {
	cursor: pointer;
	}
.center_wrap {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	}
select {
	padding: 2px;
	font: normal 11px Helvetica, Arial, sans-serif;
	}
div.section {
	padding-top: 20px;
	float: left;
	}
/* To make footer stick to bottom */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -270px;
	}
h1 {
	height: 71px;
	width: 610px;
	margin: 27px 0 33px 0;
	}
h2 {
	width: 100%;
	padding: 0 0 20px 0;
	font: normal 18px/28px Times New Roman, serif;
	overflow: hidden;
	}
h2 strong {
	color: #7B0029;
	font-size: 24px;
	font-variant: small-caps;
	}
h2.underline {
	width: 100%;
	padding-bottom: 10px;
	line-height: normal;
	font-size: 18px;
	font-variant: small-caps;
	border-bottom: 1px solid #E1D5C5;
	}
h2.single {
	padding-bottom: 10px;
	color: #7B0029;
	font: bold 18px Helvetica, Arial, sans-serif;
	}
h3{
	font: normal 16px Times New Roman, serif;
	font-variant: small-caps;
	}
h3.underline {
	width: 100%;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #D9C9B6;
	}
h3.intro {
	width: 100%;
	padding: 0 0 15px 0;
	font: normal 18px/28px Times New Roman, serif;
	}
h4 {
	padding-bottom: 15px;
	color: #7B0029;
	font: bold 12px Helvetica, Arial, sans-serif;
	}
h4.name {
	width: 200px;
	padding: 20px 0 0 0;
	color: #333;
	font: bold 16px helvetica, arial, sans-serif;
	}
#main {
	width: 100%;
	background: url(../../assets/images/header_bg.gif) repeat-x top center;
	margin-bottom: 50px;
	overflow: hidden;
	}
#main div.center_wrap {
	background: url(../../assets/images/header_bg.gif) repeat-x top center;
	}

/******** CONTENT - GRID ********/
#main #left {
	width: 620px;
	float: left;
	}
/* 1-COLUMN */
#main #left #content1 {
	width: 605px;
	margin-bottom: 20px;
	overflow: hidden;
	}
/* 2-COLUMN */
#main #left #content2 {
	width: 620px;
	}
#main #left #header{
	height: 70px;
	margin-bottom: 30px;
	}
#main #right {
	width: 330px;
	float: left;
	}
#footer {
	height: 270px;
	width: 100%;
	background: #CCC7C0 url(../../assets/images/footer_bg.gif) repeat-x top center;
	overflow: hidden;
	}
 .push {
	height: 270px;
	}
/******** MAIN NAV ********/
#main #left #main_nav {
	height: 40px;
	width: 620px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	z-index: 99;
	}
#main #left #main_nav ul {
	padding-top: 4px;
	list-style: none;
	}
#main #left #main_nav ul li {
	padding: 10px 10px 15px 10px;
	float: left;
	}
#main #left #main_nav ul li a {
	color: #333;
	font: normal 14px Times New Roman, serif;
	font-variant: small-caps;
	}
#main #left #main_nav ul li.current {
	padding:0 2px 9px 0;
	margin:0 -2px 0 -5px;
	background: url(../../assets/images/right_tab.gif) no-repeat right top;
	float: left;
	}
#main #left #main_nav ul li.current a {
	padding: 10px 12px 10px 15px;
	color: #FFF;
	background: url(../../assets/images/left_tab.gif) no-repeat left top;
	display: block;
	}
#main #left #main_nav ul li.current a:hover {
	text-decoration: none;
	}

/******** SUB NAV ********/
#main #left #subnav {
	height: 30px;
	width: 620px;
	overflow: hidden;
	}
#main #left #subnav ul {
	margin-left: 0;
	list-style: none;
	}
#main #left #subnav ul li {
	padding: 0 15px 0 15px;
	float: left;
	}
#main #left #subnav ul li a {
	padding-top: 6px;
	color: #FFF;
	font: normal 10px Times New Roman, serif;
	text-transform: uppercase;
	display: block;
	}
#main #left #subnav ul li.current {
	padding: 0 10px 0 0;
	background: url(../../assets/images/right_subnav.gif) no-repeat right top;
	}
#main #left #subnav ul li.current a {
	padding: 6px 0 5px 10px;
	background: url(../../assets/images/left_subnav.gif) no-repeat left top;
	display: block;
	}
#main #left #subnav ul li.current a:hover {
	text-decoration: none;
	}
	
#main #right div.photos {
	height: 240px;
	margin-bottom: 30px;
	}

/******** CONTENT ********/
#main div.column {
	width: 300px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	}
#content1 div.column {
	width: 292px;
	margin-right: 21px;
	overflow: hidden;
	}
#main div.row {
	width: 100%;
	padding-bottom: 2px;
	overflow: hidden;
	}
#main div.fade_box {
	min-height: 300px;
	width: 270px;
	padding: 15px;
	background: #F0EAE2 url(../../assets/images/3column_bg.gif) no-repeat top left;
	}
/*#main div.fade_box h3.underline {
	margin-bottom: 20px;
	}*/
#main div.last {
	margin-right: 0;
	}
#main p.date{
	padding: 0 0 3px 0;
	color: #333;
	font: normal 10px Helvetica, Arial, sans-serif;
	}
#main p.date2{
	paduding-bottom: 20px;
	color: #333;
	font: normal 10px Helvetica, Arial, sans-serif;
	}
#main p.position {
	padding-top: 5px;
	color: #333;
	font: normal 10px Helvetica, Arial, sans-serif;
	}
#main a.email {
	display: block;
	}

/******** FOR "OTHER STORIES" *******/
#main div.entry {
	width: 270px;
	padding-bottom: 15px;
	}
#main div.entry a {
	line-height: 20px;
	}
/******** FOR GROUP/STAFF ENTRIES *******/
#main div.entry2 {
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #E1D5C5;
	overflow: hidden;
	}
#content1 div.column div.entry2 {
	padding-bottom: 15px;
	margin-bottom: 0;
	}
#main div.entry2 h4 {
	padding: 3px 0 0 0;
	}
#main div.entry2 div.left {
	height: 100px;
	width: 112px;
	float: left;
	}
#main div.entry2 div.right {
	width: 493px;
	float: left;
	overflow: hidden;
	}
#main div.entry2 p.text {
	width: 493px;
	}
#main img.small {
	margin: 0 15px 5px 0;
	border: 3px solid #FFF;
	float: left;
	}
#main img.large {
	padding: 9px;
	margin: 0 15px 5px 0;
	background-color: #FFF;
	border: 1px solid #DBD6CF;
	float: left;
	}

/******** CONTENT - PAGINATION ********/
#main #pagination {
	width: 605px;
	padding-bottom: 15px;
	overflow: hidden;
	}
#main #pagination a {
	color: #999;
	font: normal 10px helvetica, arial, sans-serif;
	line-height: 18px;
	}
#main #pagination div.previous {
	height: 18px;
	width: 58px;
	margin-left: 1px;
	border: 1px solid #E1D5C5;
	text-align: center;
	float: left;
	}
#main #pagination div.next {
	height: 18px;
	width: 38px;
	margin-left: 1px;
	border: 1px solid #E1D5C5;
	text-align: center;
	float: left;
	}
#main #pagination div.pages {
	height: 18px;
	width: 18px;
	margin-left: 1px;
	border: 1px solid #E1D5C5;
	text-align: center;
	float: left;
	}
#main #pagination div.current {
	border: 1px solid #7B0029;
	background-color: #7B0029;
	}
#main #pagination div.current a {
	color: #FFF;
	}

/******** CONTENT - CALENDAR ********/
#main div.events {
	width: 270px;
}
#calendar {
	width: 266px;
	padding: 5px 1px 1px 2px;
	margin-bottom: 15px;
	background-color: #D9C9B8;
	font: normal 10px Helvetica, Arial, sans-serif;
	text-align: center;
	line-height: 20px;
	float: left;
	}
#sidebar #calendar {
	margin: 0;
	}
#calendar div.nav {	
	width: 266px;
	float: left;
	overflow: hidden;
	}
#calendar div.prev_month {
	padding-left: 4px;
	float: left;
	}
#calendar div.next_month {
	padding-right: 4px;
	float: right;
	}
#calendar div.month {
	width: 206px;
	font-size: 11px;
	padding-bottom: 5px;
	float: left;
	}
#calendar div.row {
	width: 266px;
	padding: 0;
	margin: 0 auto;
	float: left;
	overflow: hidden;
	}
#calendar div.row div.box {
	height: 20px;
	width: 37px;
	margin: 0 1px 1px 0;
	background-color: #E9DFD4;
	font: normal 10px Helvetica, Arial, sans-serif;
	line-height: 20px;
	float: left;
	}
#calendar div.row div.day {
	background-color: #F6F3EF;
	}
#calendar div.row div.event {
	color: #FFF;
	background-color: #7B0029;
}
#calendar div.row div.event a {
	color: #FFF;
	}
#calendar div.row div.today {
	color: #FFF;
	background-color: #BBB4AC;
}
/******** CONTENT - HOMEPAGE NEWS ********/
#main div.news {
	width: 270px;
	}
	
/******** CONTENT - EVENTS ********/
#main div.event_day {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	}
#main div.event_day div.date_column {
	height: 150px;
	width: 70px;
	padding-right: 25px;
	background: url(../../assets/images/event_day_bg.gif) no-repeat top left;
	float: left;
	}
#main div.event_day div.date_column div.date {
	height: 70px;
	width: 70px;
	color: #FFF;
	text-align: center;
	}
#main div.event_day div.date_column div.date p.month {
	padding: 13px 0 0 0;
	font: normal 15px/15px Times New Roman, serif;
	text-transform: uppercase;
	}
#main div.event_day div.date_column div.date p.day {
	padding: 6px 0 0 0;
	font: normal 28px/28px Times New Roman, serif;
	}
#main div.event_day div.events {
	width: 510px;
	float: left;
	}
#main div.event_day div.events div.entry2 {
	padding-top: 0;
	margin-bottom: 20px;
	}
#main div.event_day div.events div.entry2 h5 {
	padding-bottom: 6px;
	}
#main div.event_day div.events div.entry2 h5.featured {
	padding-left: 17px;
	background: url(../../assets/images/featured_cross.gif) no-repeat top left;
	}
#main div.event_day div.events div.entry2 p.time {
	padding: 0 0 8px 0;
	color: #333;
	font: normal 10px Helvetica, Arial, sans-serif;
	}
#main div.entry2 p.podcast_auth {
	padding-top: 0;
	}

/******** CONTENT - WORSHIP ********/
#main a.small {
	font-size: 10px;
	padding-right: 20px;
	}
#main a.small img {
	padding-right: 6px;
	vertical-align: baseline;
	}
#main h3 a {
	font: normal 10px Helvetica, Arial, sans-serif;
	float: right;
	text-transform: none;
	}
#main #sidebar div.sermon_subscribe {
	height: 53px;
	width: 250px;
	padding: 25px;
	margin-bottom: 20px;
	background: url(../../assets/images/sermon_subscribe_bg.gif) no-repeat top left;
	}
/******** CONTENT - SIDEBAR ********/
#main #right #sidebar {
	width: 300px;
	padding: 0 10px 0 20px;
	}
#main #right #sidebar a {
	line-height: 20px;
	}
#main #right #sidebar div.new_here {
	height: 235px;
	padding-left: 12px;
	background: #F0EAE2 url(../../assets/images/new_here.gif) no-repeat top left;
	position: relative;
	top: -8px;
	}
#main #right #sidebar div.new_here div.intro {
	width: 190px;
	padding: 25px 0 30px 68px;
	}
#main #right #sidebar p.small{
	width: 190px;
	padding-top: 8px;
	font-size: 11px;
	line-height: 16px;
	}
#main #right #sidebar h3.red{
	color: #7B0029;
	}
#main #right #sidebar div.rough_box {
	width: 300px;
	margin-bottom: 20px;
	overflow: hidden;
	}
#main #right #sidebar div.rough_box div.top {
	height: 6px;
	width: 300px;
	background: #F0EAE2 url(../../assets/images/rough_edge_top.gif) no-repeat top left;
	}
#main #right #sidebar div.rough_box div.bottom {
	width: 264px;
	padding: 9px 18px 18px 18px ;
	background: #DFD1C2 url(../../assets/images/rough_edge_bottom.gif) no-repeat bottom left;
	float: left;
	}
#main #right #sidebar div.sermon_subscribe p {
	width: 200px;
	font-size: 11px;
	line-height: 15px
	}
/** NEWSLETTER SIGN UP **/
#main #right #sidebar div.join_list {
	height: 208px;
	width: 240px;
	padding: 20px 30px 20px 30px;
	background: #F0EAE2 url(../../assets/images/newsletter_signup_bg.gif) no-repeat top left;
	overflow: hidden;
	}
#main #right #sidebar div.join_list h3 {
	padding-bottom: 7px;
	color: #7B0029;
	}
/** STUDY SIGN UP **/
#main #right #sidebar div.study_group {
	height: 240px;
	width: 240px;
	padding: 20px 30px 20px 30px;
	background: #F0EAE2 url(../../assets/images/study_group_bg.gif) no-repeat top left;
	overflow: hidden;
	}
#main #right #sidebar div.study_group p.small {
	width: 170px;
	}
#main #right #sidebar div.study_group div#join_list_form {
	padding-top: 5px;
	}
#main #right #sidebar div.study_group div.row select {
	width: 100%;
	}

/******** CONTENT - PHOTO GALLERY ********/
#main table{
	width: 605px;
	margin-top: 10px;
	}
#main table tr td {
	height: 135px;
	width: 135px;
	padding-bottom: 20px;
	vertical-align: middle;
	text-align: center;
	}
#main table tr td.last {
	width: 135px;
	padding-right: 0;
	}
#main table tr td img.small  {
	margin: 0;
	float: none;
	}

/******** CONTACT NAV ********/
#main #right div.top_menu {
	height: 30px;
	margin-bottom: 55px
	}
#main #right div.top_menu ul {
	padding: 5px 0 0 30px;
	list-style: none;
	}
#main #right div.top_menu li {

	font: normal 14px Times New Roman, serif;
	font-variant: small-caps;
	float: left;
	}
#main #right div.top_menu li a {
	padding: 3px 22px 0 0;
	color: #333;
	display: block;
	}
#main #right div.top_menu li.contact {
	height:25px;
	width: 92px;
	margin-left: -12px;
	background: url(../../assets/images/contact_tab.gif) no-repeat center center;
	}
#main #right div.top_menu li.contact a {
	color: #FFF;
	padding: 3px 0 0 10px;
	}
#main #right div.top_menu li.contact a:hover {
	text-decoration: none;
	}

/******** CONTACT ********/
#contact {
	height: 300px;
	width: 100%;
	background: #B8AA99 url(../../assets/images/contact_bg.gif) repeat-x top center;
	display: none;
	}
#contact div.wrap {
	padding:0 10px;
}
#contact div.column {
	height: 280px;
	width: 300px;
	padding: 20px 20px 0 0;
	float: left;
	}
#contact div.last {
	padding-right: 0;
	}
#contact div.column h3 {
	padding-bottom: 5px;
	}
#contact div.column h3.underline {
	width: 300px;
	margin-bottom: 15px;
	border-bottom: 1px solid #A9A094;
	}
#contact div.column p {
	line-height: 20px;
	padding: 0 0 25px 0;
	}
#contact div.column img {
	padding-bottom: 10px;
	}
#contact div.column a {
	line-height: 20px;
	float: right;
	}
#contact div.column div.contact_form {
	width: 300px;
	}
/******** CONTACT FORMS ********/
div.contact_form form div.row, #main div.contact_form form div.row, #join_list_form form div.row {
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 10px;
	float: left;
	overflow: hidden;
	}
#join_list_form form div.short_row {
	width: 75%;
	}
div.contact_form form div.half_row {
	width: 285px;
	margin-right: 34px;
	margin-bottom: 10px;
	float: left;
	overflow: hidden;
	}
div.contact_form form input, #join_list_form form input {
	height: 21px;
	width: 100%;
	color: #333;
	padding: 9px 0 0 10px;
	font: normal 12px Times New Roman, serif;
	font-variant: small-caps;
	border: 1px solid #D3C0A9;
	display: inline;
	}
div.contact_form form input.border2, div.contact_form form textarea.border2 {
	border-right-color: #F4EFE9;
	border-bottom-color: #F4EFE9;
	}
div.contact_form form textarea {
	height: 92px;
	width: 100%;
	color: #333;
	padding: 9px 0 9px 10px;
	font: normal 12px Times New Roman, serif;
	font-variant: small-caps;
	border: 1px solid #D3C0A9;
	}
#contact div.contact_form button {
	background: url(../../assets/images/submit_btn.gif) no-repeat;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	height:32px;
	margin-top:2px;
	width:57px;
	float: right;
	}
div.contact_form div.submit {
	height: 32px;
	width: 57px;
	padding: 0;
	text-align: center;
	background: url(../../assets/images/submit_btn.gif) no-repeat;
	float: right;
	}
#join_list_form div.submit input{
	height: 32px;
	width: 57px;
	padding: 0;
	margin-top: 2px;
	border: none;
	float: right;
	}
#join_list_form form label {
	padding: 0 15px 0 5px;
	font-size: 11px;
	}
#join_list_form input.checkbox {
	width: 12px;
	}
#left div.contact_form div.submit {
	background: url(../../assets/images/submit_btn2.gif) no-repeat;
	}
div.contact_form div.submit a, #contact div.contact_form div.submit a {
	color: #FFF;
	line-height: 32px;
	font-size: 10px;
	float: none;
	}
div.contact_form div.submit a:hover {
	text-decoration: none;
	}

/******** FORM ERRORS & SUCCESS ********/
#contact div.contact_form #loading {
	height: 32px;
	width: 57px;
	background: url(../../assets/images/submit_btn.gif) no-repeat;
	text-align: center;
	float: right;
	display: none;
	}
.error, div.contact_form form input.error, div.contact_form form textarea.error {
	color: #000;
	background-color: #ffe5e5;
	}
.errata {
	padding: 10px;
	margin-bottom: 15px;
	background-color: #F00;
	color: #FFF;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	}
.success {
	padding: 10px;
	margin-bottom: 15px;
	background-color: #090;
	color: #FFF;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	}

/******** FOOTER ********/
#footer p {
	padding-bottom: 10px;
	color: #FFF;
	font-size: 10px;
	}
#footer div.wrap {
	padding: 30px 0 25px 25px;
	float: left;
	}
#footer div.section {
	padding-right: 52px;
	margin-bottom: 15px;
	float: left;
	}
#footer div.last {
	padding-right: 0;
	float: left;
	}
#footer div.section h4 {
	padding: 0 0 5px 0;
	font: normal 14px Times New Roman, serif;
	font-variant: small-caps;
	}
#footer div.section h4 a {
	color: #666;
	}
#footer div.section ol {
	list-style: none;
	}
#footer div.section li {
	padding-bottom: 5px;
	color: #FFF;
	font: normal 10px Helvetica, Arial, sans-serif;
	}
#footer div.section li a {
	color: #FFF;
	}
#footer .studiobanks {
	color: #FFF;
	font: normal 10px Helvetica, Arial, sans-serif;
	}
#footer .studiobanks a img {
	padding-left: 8px;
	}
#footer .studiobanks a * {
	vertical-align: center;
	}

/******** MODIFY CLASSES ********/
#main .small_pad {
	padding-bottom: 3px;
	}
#main .more_pad {
	padding-bottom: 10px;
	}
#main h2.more_pad {
	padding-bottom: 40px;
	}
#main .more_margin {
	margin-bottom: 20px;
	}
#main .no_pad {
	padding-top: 0px;
	}