/* CSS Document */
/* Design & Code (c) Caleb Zahnd. Word of Life Church. */
/* This document is to maintain the styles of various layout items throughout the site */
html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	background-color: #EBE9C2;
}
/* Box Model Hack for font sizes in crappy old IE5/Win */
body {
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for well-behaved, complient browsers */
}
html>body { /* be nice to Opera */
	font-size: small;
}
/* end of box model hack */




/*SKIN FOR SPRING 2010 */

#header_wrapper {
	background-image:url(../images/structural/spring2010/header_background.jpg);
	background-repeat: repeat-x;
}
#header_navigation {
	background-color: #d5effa;
	color: #626262;
}
#header_navigation a:link, #header_navigation a:visited {
	color: #626262;
	text-decoration: none;	
}
#header_navigation a:hover {
	color: #000000;
	text-decoration: underline;	
}
#content_wrapper {
	background: url(../images/structural/spring2010/content_background.jpg);
	background-repeat: repeat-x;
	background-color: #ebe9c2;
}


/* THIS SECTION SETS THE MIN-HEIGHT FOR INTERNET EXPLORER */
/* for smart, logical, understanding browsers */
/**/#content {
/**/min-height:350px; 
/**/height:auto;
/**/}
/* for Internet Explorer */
/*\*/
/**/* html #content {
/**/height: 350px;
/**/}
/**/* html #maincol {
/**/width: auto;
/**/}


/* END SKIN FOR SPRING 2010 */








#outside_footer_wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}

#index, #header, #nav, #navsub, #banner, #content, #footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#header_wrapper {
	width: 100%;
	height: 125px;
}
#nav_wrapper {
	background-color: #BBBBBB;
	background-image:url(../images/structural/winter2010/nav_background.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 43px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Arial, Helvetica, sans-serif;
}
#navsub_wrapper {
	background-color: #3B3B3B;
	width: 100%;
	color: #EBE9C2;
}
#footer_wrapper{
	background-color: #4A4A4A;
	width: 100%;
}
#nav {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 25px;
}
#index_wrapper, #banner_wrapper {
	background-color: #B0CFD4;
	width: 100%;
	border-bottom: 1px solid #8DAEB3;
	background-image:url(../images/structure/banner/background.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#banner_wrapper {
	background-color: #CECECE;
	background-image: url(../images/structure/banner-update/background.png);
	border-top: 1px solid #8DAEB3;
}
#index_wrapper {
	height: 170px;
	border-bottom: 0;
	padding-top: 10px;
	background-color: #26211E;
	background-image:none;
}
#index_wrapper #index div.col{
	width: 175px;
	padding-left: 10px;
	border-left: 1px solid #FFFFFF;
	float: left;	
}
#index_wrapper #index div.col a:link, #index_wrapper #index div.col a:visited {
	font-size: 80%;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
}
#index_wrapper #index div.col a:hover, #index_wrapper #index div.col a:active {
	color: #FFFFFF;
	background-color: #8aaea4;
}

#header {
	height: 70px;
}
#header_logobox {
	width: 270px;
}
#header_navigation {
	float: right;
	width: 185px;
	height: 14px;
	text-align: center;
	margin-top: 5px;
	font-size:smaller;
	font-weight: bold;
	margin-right: 50px;
	border: 1px dotted #626262;
}
#header_indexbox {
	float: right;
	width: 123px;
}

#nav {
	height: 25px;
}
#banner {
	height: 312px;
	padding-top: 5px;
}
#banner_inside {
	height: 5px;
	background-color: #e3e3e3;
	border-bottom: none;
}
#banner_box_A, #banner_box_B {
	background-color:#FFFFFF;
	border: 1px solid #4A4A4A;
	height: 295px;
	padding: 5px;
}
#main_banner img {
	border: 1px solid #4A4A4A;
}
#banner_box_A {
	width: 563px;
	overflow: hidden;
}
#banner_box_B {
	width: 358px;
	float: right;
	padding: 5px;
}
#content_wrapper {
	width:100%;
	min-height: 650px;
}
#content {
	padding-top: 30px;
	padding-bottom: 30px;
}
#footer_wrapper {
	background-image:url(../images/structure/footer/background.gif);
	background-position:top;
	background-repeat:repeat-x;
	clear:both;
}
#footer, #push {
	height: 150px;
}
#footer {
	color: #FFFFFF;
	padding-top: 10px;
}
#footer p {
	margin: 0;
}
#footer #contact {
	width: 252px;
	height: 140px;
	background-color: #9e9c8f;
	border: 1px solid #000000;
	float: right;
}
#footer #contact p {
	margin: 10px;
	padding:0;
	font-size: smaller;
	color: #4A4A4A;
	text-align:right;
}
#footer #contact p strong {
	font-size: 125%;
}
#footer .cols {
	padding: 2px;
	vertical-align: top;
	float: left;
	margin: 5px 18px 0px 0px;
	padding-left:18px;
}
#footer .cols a:link, #footer .cols a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#footer .cols a:hover{
	color: #000000;
	background-color: #B0CFD4;
}
#footer #contact a:link, #footer #contact a:visited {
	color: #4A4A4A;
	text-decoration: none;
}
#footer #contact a:hover {
	color: #000000;
	text-decoration: underline;
}



#footer_column_A {
	width: 685px;
}
#footer_column_B {
	float: right;
	width: 260px;
}

.column_A {
}
.column_B {
	float: right;
}
img {
	border: 0;
}
a, :focus {
  outline: none;
  -moz-outline-style: none;
}



.right {
	float: right;
}
.left {
	float:left;
}





#content_column, #content_column_wide, #content_column_home, #content_column_home2 {
	background-color: #FFF;
	padding: 6px;
	width: 675px;
	float: right;
	margin-bottom: 10px;
}
.story {
	border: 1px solid #828282;
	padding: 10px;
	width: 651px;
	min-height:250px;
}
.no_min {
	min-height: 0;
}
#content_column_wide {
	width: 950px;
}

#content_column_wide .story {
	width: 926px;
}

.sidebar {
	width: 230px;
	background:url(../images/structural/sidebar/background.png);
	padding: 10px;
	color: #b88b00;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif;
	margin-bottom: 30px;
	position: relative;
}
.sidebar .sidebar_root {
	width: 250px;
	height: 10px;
	background:url(../images/structural/sidebar/background_root.png);
	position: absolute;
	bottom: -10px;
	left: 0px;
}

#home .sidebar {
	width: 290px;
	background:url(../images/structural/sidebar/background_home.png);
	float: right;
}
#home .sidebar .sidebar_root {
	background:url(../images/structural/sidebar/background_home_root.png);
	width: 310px;
}





/* HOME PAGE STYLES */
#content_column_home, #content_column_home2, .content_column_home {
	background-color: #FFF;
	padding: 6px;
	width: 628px;
	float: left;
	margin-bottom: 15px;
}
#content_column_home #home_banner {
	width: 625px;
	height:400px;
	padding: 0px;
	border: 1px solid #828282;
}
#sidebar_home {
	background-color: #e5e5e5;
	background-color: #fff;
	height: 415px;
	float: right;
	width: 310px;
	margin-bottom: 15px;
}


#home #recent_media {
	width: 615px;
	padding: 5px;
	border: 1px solid #828282;
	color: #b88b00;
}
#home #recent_media h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#home #recent_media h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#home #recent_media .item {
	border-top: 1px solid #999;
	padding: 5px;
}
#home #recent_media .clicker {
	float: right;
	font-size: 11px;
}
#home #recent_media .clicker:hover {
	cursor: pointer;
	text-decoration: underline;
	float: right;
}
#home #recent_media .date {

	font-size: 11px;
}
#home #recent_media .odd {
	background-color: #e8e8e8;
}

#home #recent_media h2 a:link, #home #recent_media h2 a:visited {
	color: #626262;
	text-decoration: none;
}
#home #recent_media .narrative {
	display: none;
	font-size: 11px;
	color: #626262;
}
#home_multibox {
	
	background-color: #26211e;
	color: #b88b00;
}
#home_thisweek {
	width: 290px;
	float: right;
	background-color: #26211e;
	color: #b88b00;
}

.cgs_item {
	height: 104px;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-right: 15px;
}
.top_border {
	border-top: dotted 1px #545045;
}
.cgs_item img.cgs_icon {
	float: right;
	padding: 0;
	border: 0;
	margin: 0;
	margin-top: 10px;
}
.cgs_item h2 {
	color: #26211e;
	font-size: 32px;
	text-transform: uppercase;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Impact, Arial, sans-serif;
	font-weight: normal;
	padding-top: 5px;
	margin: 0;
	margin-bottom: -5px;
}
.cgs_item .descript {
	color: #000;
	font-size: 12px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif;
}
.cgs_item a:link, .cgs_item a:visited {
	color: #000;
	text-decoration: none;
}



















/* SIDEBAR STYLES */
.sidebar h1 {
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px dotted #545045;
}
.sidebar li.odd, .sidebar .list li.odd, #home_thisweek .list li.odd, #recent_media .item.odd {
	background-color: #312c29;
}
.sidebar a {
	color: #b88b00;
	text-decoration: none;
}
.sidebar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.sidebar .event {
	font-size: 14px;
	font-weight: bold;
	margin-left: -10px;
}
.sidebar .date {
	margin-left: -10px;
}
.sidebar .time {
	float: right;
}




/* LIST STYLES */
.list {
	margin-bottom: 15px;
}
.list li {
	border-bottom: 1px solid #545045;
	padding-bottom: 5px;
	padding-top: 5px;
	list-style-image:url(../images/structural/sidebar/arrow.png);
	list-style-position: inside;
	padding-left: 10px;
	position: relative;
}
.list li.noarrow {
		list-style-image: none;
		list-style-type: none;
}
ul.list li div.event_bubble {
	position: absolute;
	left: 180px;
	top: -215px;
	width: 408px;
	height: 233px;
	margin: 0;
	padding: 0;
	background-image:url(../images/content/event/event_bubble.png);
	color: #000;
	z-index: 2;
}
ul.list li div.event_bubble .eb_close {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	z-index: 1;
	cursor: pointer;
}
div.event_bubble .eb_name {
	margin-left: 10px;
	margin-right: 15px;
	margin-top: 5px;
	font-size: 20px;
	font-weight: bold;
	display: block;
}
div.event_bubble .eb_date {
	margin-left: 10px;
	margin-top: 5px;
}
div.event_bubble .eb_time {
	position: absolute;
	right: 15px;
	margin-left: 10px;
	margin-top: 5px;
}
div.event_bubble .eb_location {
	margin-left: 10px;
	margin-top: 5px;
}
div.event_bubble .eb_content {
	border-top: 1px dotted #000;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 10px;
	margin-right: 15px;
	display: block;
	text-align: justify;
}

/* Actionbar Styles */
.actionbar {
	background: url(../images/structural/actionbar/background.png);
	border: 1px solid #86b2d1;
	height: 21px;
	padding: 2px;
	margin-bottom: 20px;
}
.actionbar .action {
	margin-right: 10px;
	margin-left: -5px;
	height: 17px;
	float: left;
	font-weight: bold;
	margin-top: 2px;
	
}
.actionbar a img {
	border: none;
	margin-right: 1px;
	margin-top: -2px;
	
}
.actionbar .action .action_image {
	float:left;
}
.close_actionbar {
	float:right;
	cursor:pointer;
}