/* ============== */
/* = typography = */
/* ============== */

/* type faces */

h1, h2, h3, .top ul a, .top .tagline { font-family: Candara, Optima, "Trebuchet MS", Tahoma, Arial, sans-serif; }
blockquote { font-family: Cambria, Georgia, "Palatino Linotype", serif; }
body { font-family: "Helvetica Neue Medium", Helvetica, Arial, sans-serif; }

/* type sizes and colors */

body, p {
	font-size: 12px;
	line-height: 18px;
	color: #454545;
}
blockquote {
	margin: 0 0 18px 0;
	font-size: 20px;
	line-height: 36px;
	color: #6e5843;
}
h1 {
	font-size: 26px;
	line-height: 36px;
	font-weight: 500;
	color: #9c523f;
	margin: 23px 0 9px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #e6e4d8;
}
h1 + h2, h1 + h3 {
	margin-top: 9px; /* correlates to h1's margin-bottom */
}
h2 {
	font-size: 19px;
	line-height: 36px;
	font-weight: 500;
	margin: 18px 0 0 0;
	padding: 0 0 0 0;
	color: #305a78;
}
h3 {
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	margin: 18px 0 2px 0;
	color: #9c523f;
}
a {
	color: #6e5843;
}

/* lists */

.container ol, .container ul {
	margin: 0 72px 0 0;
	padding: 0 0 17px 0;
	border-top: 1px dotted #e6e4d8;
}
.container ul {
	list-style-type: square;
}
.container li {
	list-style-position: inside;
	margin: 0;
	padding: 9px 0 8px 0;
	font-weight: 500;
	border-bottom: 1px dotted #e6e4d8;
}

/* tables */

.container table {
	margin: 0 0 18px 0;
	border-bottom: 1px dotted #e6e4d8;
}
	.container table td {
		border-top: 1px dotted #e6e4d8;
		padding: 9px 0 8px 0;
	}


/* ========== */
/* = colors = */
/* ========== */

body { background: #bed4a6; }

/* ============= */
/* = commoners = */
/* ============= */

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
.hidden { display: none; }
.hr {
	width: 100%;
	height: 0;
	overflow: hidden;
	border-top: 1px solid #c9ccc6;
	border-bottom: 1px solid #eff5e9;
}


/* ========== */
/* = layout = */
/* ========== */

.center {
	position: relative;
	width: 884px;
	margin: 0 auto;
}


/* top layout */

.top {
	position: relative;
	height: 180px;
	background: #9fcc67 url('/media/template/bg_top.jpg') no-repeat center;
}

.top .bluebar {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 6px;
	left: 0;
	background-color: #305a78;
}

.top .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 452px;
	height: 116px;
	background-image: url('/media/template/logo_bg.png');
}
	* html .top .logo {
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/template/logo_bg.png', sizingMethod='image');
	}
	.top .logo img {
		display: block;
		position: absolute;
		top: 19px;
		left: 46px;
	}
	
.top .tagline {
	position: absolute;
	top: 75px;
	right: 1px;
}

/* top menu */

.top ul.menu {
	position: absolute;
	top: 126px;
	left: 10px;
}
	.top ul.menu li {
		float: left;
		list-style: none;
		margin: 0;
		width: 144px;
		height: 54px;
		text-align: center;
		cursor: pointer;
	}
	.top ul.menu a {
		font-size: 16px;
		line-height: 54px;
		color: #f0efe9;
		text-decoration: none;
	}
	.top .mabout { background: #203d50 url('/media/template/menu_bg.jpg') repeat-x; }
	.top .mworship { background: #284d66 url('/media/template/menu_bg.jpg') repeat-x 720px; }
	.top .mministries { background: #2f5a77 url('/media/template/menu_bg.jpg') repeat-x 576px; }
	.top .minvolved { background: #3e6e8f url('/media/template/menu_bg.jpg') repeat-x 432px; }
	.top .mmedia { background: #407395 url('/media/template/menu_bg.jpg') repeat-x 288px; }
	.top .mcalendar { background: #4a7fa3 url('/media/template/menu_bg.jpg') repeat-x 144px; }
	
	.top .selected { background-image: url('/media/template/menu_bg_selected.jpg'); }
		.top .selected a { color: #fff; }
		
	.about .mabout, .worship .mworship, .ministries .mministries, .involved .minvolved, .media .mmedia, .calendar .mcalendar { background: #8f4836 url('/media/template/menu_bg_active.png'); }
		* html .top .active { background-image: url('/media/template/ie6/menu_bg_active.gif'); }

/* secondary menu */

.top .secondarymenu {
	position: absolute;
	top: 20px;
	right: 0;
}
	.top .secondarymenu li {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0 12px 0 12px;
		border-left: 1px solid #fff;
		line-height: 16px;
	}
	.top .secondarymenu li:first-child { border-left: none; }
	.top .secondarymenu li,	.top .secondarymenu li a {
		font-size: 14px;
		color: #fff;
		text-decoration: none;
	}
		.top .secondarymenu li a:hover { text-decoration: underline; }

/* middle layout */

.middle {
	position: relative;
	height: 162px;
	background: #7a9c51 url('/media/template/bg_middle.jpg') repeat-x;
}
.middle .center {
	height: 162px;
	background: transparent url('/media/template/photo_bg.png') repeat-y;
}
	* html .middle .center {
		background-image: none;
	}

.middle img { padding: 0 10px; }

/* breadcrumbs */

.middle .breadcrumbs {
	position: absolute;
	top: 138px;
	left: 10px;
	width: 846px;
	height: 24px;
	padding: 0 0 0 18px;
	background: #8f4836 url('/media/template/crumbs_bg.png') repeat-x;
	overflow: hidden;
	z-index: 52;
}
	* html .breadcrumbs {
		background-image: url('/media/template/ie6/crumbs_bg.gif');
	}
	.middle .breadcrumbs, .middle .breadcrumbs a {
		font-size: 11px;
		line-height: 22px;
		color: #f0efe9;
		text-decoration: none;
	}
		.middle .breadcrumbs a:hover { text-decoration: underline; }
		.middle .breadcrumbs span {
			color: #e6e4d8;
			padding: 0 2px;
			font-family: Verdana;
		}
		.middle .breadcrumbs .selected { font-weight: bold; }


/* bottom layout */

.bottom {
	position: relative;
	margin: -73px 0 73px 0;
	background: transparent url('/media/template/bg_bottom.jpg') repeat-x 0 73px;
}
	* html .bottom { margin-top: -76px; }

.bottom .pagecurl {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 55;
}
.bottom .container {
	position: relative;
	top: 73px;
	width: 864px;
	padding: 0 10px;
	background: transparent url('/media/template/body_bg.png') repeat-y;
}
	* html .bottom .container {
		z-index: 60; /* set special z-index for IE */
		background: #f8f7f3 url('/media/template/ie6/body_bg.gif') repeat-y;
	}
	*:first-child+html .bottom .container { /* @ IE 7 Standards Mode */
		z-index: 60; /* set special z-index for IE */
	}
	.bottom .sidebar {
		position: relative;
		float: left;
		width: 288px;
		margin: 0 0 0 0;
		z-index: 54;
	}
	.bottom .body { /* 576px actual width */
		position: relative;
		float: left;
		width: 468px;
		padding: 27px 72px 0 36px;
		margin: -63px 0 0 0;
		z-index: 61;
	}
	
.bottom_bg .center {
	height: 15px;
	background: transparent url('/media/template/body_bg_bottom.png') no-repeat;
}
	* html .bottom_bg .center {
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/template/body_bg_bottom.png', sizingMethod='image');
	}

.footer .center {
	width: 848px;
	padding: 0 0 9px 18px;
	text-align: right;
	font-size: 11px;
	color: #6a6a6a;
}
.footer .center a { color: #6a6a6a; }

/* sidebar navigation */

.sidebar h3  {
	line-height: 33px;
	padding: 3px 0 0 18px;
	margin: 0;
	background: #e6e4d8;
}
	.sidebar h3 a {
		color: #9c523f;
		text-decoration: none;
	}

.sidebar ul {
	list-style: none outside none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e6e4d8;
}
	.sidebar ul li {
		list-style: none outside none;
		border-bottom: 1px solid #e6e4d8;
		border-left: 4px solid #f0efe9;
		padding: 9px 18px 8px 14px;
		color: #6e5843;
		cursor: pointer;
	}
		.sidebar ul li.selected {
			border-left: 4px solid #e6e4d8;
			background-color: #f8f7f3;
			color: #454545;
		}
		.home .sidebar ul li.selected {
			border-left: 4px solid #f0efe9;
			background-color: #f0efe9;
			color: #454545;
		}
		
/* sidebar event list */

.home .sidebar ul li {
	color: #454545;
	cursor: default;
}
.home .sidebar ul li i {
	display: block;
	color: #6a6a6a;
}
.home .sidebar ul li a {
	display: block;
	text-decoration: none;
	font-weight: 700;
	color: #454545;
}
	.home .sidebar ul li a:hover { text-decoration: underline; }

/* ============ */
/* = homepage = */
/* ============ */

.home .middle, .home .middle .center {
	height: 270px;
}
.home .middle .breadcrumbs {
	top: 246px;
}

/* ============ */
/* = calendar = */
/* ============ */

span.date {
	float: right;
	margin-top: -24px;
	color: #6e5843;
	font-style: italic;
}
.event {
	border-bottom: 1px solid #e6e4d8;
	padding-bottom: 17px;
	margin-bottom: 0;
}
.calendar .body h2 {
	width: 65%;
}

/* ============= */
/* = staff bio = */
/* ============= */

.about span.title {
	color: #6E5843;
	float: right;
	font-style: italic;
	margin-top: -24px;
}
.about p.bio {
	border-bottom: 1px solid #e6e4d8;
	padding-bottom: 1.4167em;
	margin-bottom: 0;
}
.about div.bio_clear {
	clear: both;
	height: 0;
	overflow: hidden;
	border-bottom: 1px solid #e6e4d8;
	margin-bottom: 1.5em;
}
.about div.img {
	float: left;
	padding-right: 12px;
	margin-bottom: 6px;
}
.about h1.staff {
	margin-bottom: 27px;
}

/* ========= */
/* = media = */
/* ========= */

.media .container table.serviceslist {
	width: 100%;
	margin: 0;
	border: none;
}
	table.serviceslist td {
		height: 90px;
		background-color: #f0efe9;
		border-top: 2px solid #f8f7f3;
		border-bottom: 2px solid #f8f7f3;
	}
		table.serviceslist tr.active td {
			border-bottom: none;
		}
		table.serviceslist td.td_player {
			height: 36px;
			border-top: none;
			border-bottom: 8px solid #f8f7f3;
		}
		table.serviceslist td.datecell {
			width: 72px;
		}
	table.serviceslist .leader {
		font-style: italic;
	}
	table.serviceslist .links {
		width: 90px;
		text-align: center;
	}
	table.serviceslist .links img {
		margin: 4px 3px;
	}
	table.serviceslist .date {
		float: left;
		margin: 0 18px;
		padding: 9px 0;
		width: 36px;
		height: 36px;
		text-align: center;
		background-color: #f8f7f3;
	}
		table.serviceslist .date .month {
			line-height: 18px;
			color: #305a78;
			font-size: 12px;
		}
		table.serviceslist .date .day {
			color: #305a78;
			line-height: 18px;
			font-size: 16px;
			font-weight: bold;
		}