@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background:
		#374cc0;
}

.pageWidth {
	width: 780px;
	min-width: 780px;
	margin: 0 auto;
}

.mainBg {
	background:
		url( ../images/bg_body.jpg )
		center
		top
		repeat-y;
}

div#topBorder {
	height: 8px;
	overflow: hidden; /* remove extra height for ie6 */
	background:
		url( ../images/bg_top.jpg )
		center
		top
		no-repeat;
}

/* SITE HEADER ============================================================ */
img.headerImages {
	display: block;
	margin: 0 auto;
}

	div#banner {
		background:
			url( ../images/header_bg.jpg )
			repeat-x;
	}
	
/* MAIN NAVIGATION ======================================= */
div#navMain {
	background:
		url( ../images/nav_bg.jpg )
		repeat-x;
}

	#navMain ul, div#navMain li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#navMain li {
		display: block;
		float: left;
		text-align: center;
	}
	
		#navMain a:link,
		#navMain a:visited {
			display: block;
			width: 111px;
			min-width: 111px;
			height: 21px;
			min-height: 21px;
			padding: 2px 0 0 0;
			text-decoration: none;
			color: #ffffff;
		}
	
	#navMain li.last a {
		width: 114px; /* adjust for uneven split of nav bar width */
	}
	
	#navMain a:hover {
		background:
			url( ../images/nav_bg_hover.jpg )
			repeat-x;
	}
	
	#navMain li.selected a:link,
	#navMain li.selected a:visited,
	#navMain li.selected a:hover {
		height: 29px;
		min-height: 29px;
		color: #111111;
		background:	#ffffff;
	}
		
		#navMain li.selected a:hover {
			color: #555555;
			background: #ffffff;
		}

/* IMPORTANT CONTAINERS ===================================================== */
div#container {
}

div#main {
	padding: 12px 20px 0 20px;
	width: 740px;
	min-width: 740px;
	background: #fff;
}

div#content {
	float: left;
	width: 469px;
}

html.subPage div#content {
	margin: 0 0 0 40px;
	padding: 10px 0 0 0;
	width: 537px;
}

html.gallery div#content {
	width: 100%;
}


/* SUBNAV =================================================================== */
div#subNav {
	float: left;
}

	#subNav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#subNav li {
		font-size: 16px;
		text-align: right;
	}
	
	#subNav a {
		display: block;
		position: relative; /* prevent clipping in ie6 */
		margin: 10px 0 10px -20px;
		padding: 7px 15px 7px 20px;
		width: 130px;
		min-width: 130px;
		color: #000000;
		text-decoration: none;
	}
	
		#subNav a:hover {
			background: #eeeeee;
		}
	
	#subNav li.selected a {
		background: #374cc0;
	}
	
	#subNav li.selected a:link,
	#subNav li.selected a:visited {
		color: #ffffff;
	}
	
		#subNav li.selected a:hover {
			color: #dddddd;
			background: #374cc0; /* redeclare for ie6 */
		}


/* FRONT PAGE SIDE COLUMN =================================================== */
div#sideColumn {
	float: right;
	margin: 0 0 0 25px;
	padding: 20px 0 0 0;
	font-size: 14px;
}

div.sideBox {
	width: 246px;
	margin: 0 0 8px 0;
	background:
		url( ../images/sidebox_bg.jpg )
		repeat-y;
}

	div.sideBox div.top {
		height: 7px;
		min-height: 7px;
		background:
			url( ../images/sidebox_top.jpg )
			no-repeat;
	}

	div.sideBox div.bottom {
		height: 10px;
		min-height: 10px;
		
		/* TODO FIX THIS IE HACK */
		position: static !important;
		top: 0 !important;
		position: relative;
		top: 10px;
		
		
		background:
			url( ../images/sidebox_bottom.jpg )
			no-repeat;
	}
		div.sideBoxContent {
			margin: 1px 7px 1px 1px;
			padding: 0 10px 10px 10px;
		}
	
	
		/* HOURS SIDEBOX ==============================*/
		div.hours div.sideBoxContent {
			background:
				url( ../images/sidebox_hours_bg.jpg )
				top right
				no-repeat;
		}
		
		div.hours table {
			width: 100%;
		}
	
		/* CALENDAR SIDEBOX =========================*/
		div.calendar div.sideBoxContent {
			background:
				url( ../images/sidebox_calendar_bg.jpg )
				top right
				no-repeat;
		}
		
		div.calendar dl {
			margin: 0;
		}
		
		div.calendar dt {
			margin: 8px 0 0 0;
			color: #9f1217;
		}
		
		div.calendar dd {
			display: inline;
			margin: 0;
		}
	
		/* DIRECTIONS SIDEBOX =====================*/
		div.directions div.sideBoxContent {
			background:
				url( ../images/sidebox_directions_bg.jpg )
				top right
				no-repeat;
		}
	
		div#map {
			width: 210px;
			height: 100px;
		}
		

/* FOOTER ====================================================*/
div#footer {
	height: 84px;
	min-height: 84px;
	
	color: #ffffff;
	font-size: 13px;
	/*
	background:
		url( ../images/bg_bottom.jpg )
		center
		top
		no-repeat;*/
}
	div#footer img.bgBottom {
		display: block;
		margin: 0 auto;
	}

	div#innerFooter {
		position: relative;
		top: -35px;
/*		padding: 50px 0 0 0;*/
	}
	
	div#footer a:link, div#footer a:visited {
		font-weight: bold;
		color: #ffffff;
	}
	
	div#footer span.separator {
		letter-spacing: 4px;
	}
	
	div#footer p {
		margin: 15px 0 10px 0;
	}
	
	div#footer div#plug {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
/* LINKS PAGE ===============================================*/
dl.links dt {
	margin: 20px 0 0 0;
}

dl.links dd {
	margin: 0 0 20px 30px;
}

dl.links p {
	margin: 10px 0 0 0;
}

/* WORSHIP PAGE =============================================*/
table#worship {
	margin: 15px auto 15px;
}

	table#worship th {
		text-align: left;
		color: #192f67;
	}

	table#worship td {
		padding: 10px 20px 5px 0;
		vertical-align: top;
	}

/* COMMISSIONS / STAFF PAGES ===============================*/
.staff img {
	float: left;
	margin: 20px 20px 20px 0;
}

.staff h3 {
	clear: none;
	margin: 20px 0 0 0;
	padding: 0;
}

.staff p {
	margin: 5px 0 5px 0;
}

/* SERMONS ================================================*/
ul.sermons {
	list-style-type: none;
}

	ul.sermons img {
		vertical-align: middle;
	}
	
	ul.sermons li {
		margin: 5px 0 0 0;
	}
	
/* CALENDAR ===============================================*/
html.calendar h1 {
	display: inline;
	clear: none;
}

html.calendar h2 {
	margin: 20px 0 20px 0;
}

html.calendar h3 {
	font-size: 13px;
	margin: 15px 0 0 25px;
}

html.calendar h4 {
	padding: 0;
}

div.day {
	padding: 0 3% 0 2%;
	margin: 0 25px 40px 25px;
	border-top: 4px solid #999999;
	background: #eeeeee;
}

	.day table {
		width: 100%;
		border-collapse:collapse;
	}	

		.day tr {
		}
		
			.day td {
				padding: 10px 0 10px 0;
				border-top: 1px solid #999999;
				vertical-align: top;
			}
		
			.day td.first {
				border-top: none;
			}
			
			.day td.time {
				width: 23%;
				color: #9f1217;
			}
	
/* NEWS & NOTES ===============================================*/

html.news h3 {
	font-size: 14px;
	margin: 15px 0 0 25px;
}

html.news h4 {
	padding: 0;
}

div.event {
	padding: 3px 5% 8px 5%;
	margin: 0 25px 40px 25px;
	border-top: 4px solid #999999;
	background: #eeeeee;
}

	.event table {
		width: 100%;
		border-collapse:collapse;
	}	

		.event tr {
		}
		
			.event td {
				padding: 10px 0 10px 0;
				border-top: 1px solid #999999;
				vertical-align: top;
			}
		
			.event td.first {
				border-top: none;
			}
			
			.event td.time {
				width: 30%;
				color: #9f1217;
			}

ul.backIssues {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

	ul.backIssues li {
		float: left;
		margin: 0 0 0 20px;
	}

/* CONTACT US ==================================================== */

div.contactForm {
	width: 446px;
}

	.contactForm div.field {
		clear: left;
		margin: 15px 0 0 0;
	}

	.contactForm label {
		width: 150px;
		float: left;
		text-align: right;
		padding: 0 15px 0 0;
		color: #192F67;
		font-weight: bold;
	}
	
	.contactForm input.text,
	.contactForm textarea {
		width: 275px;
		float: left;
	}
	
	.contactForm textarea {
		height: 100px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.contactForm div.formButtons {
		float: right;
		margin: 10px 0 0 0;
	}

table.contact {
	margin: 15px 0 15px 0;
}
		
	td.contactLabel {
		width: 145px;
		padding: 0 15px 0 0;
		text-align: right;
		vertical-align: top;
		color: #192F67;
		font-weight: bold;
	}

/* PHOTO GALLERY ========================================================== */

html.gallery h2 {
	margin-bottom: 10px;
}

div.album {
	float: left;
	display: inline;
	width: 162px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #aaaaaa;
	height: 211px;
	overflow: hidden;
	text-align: center;
}

	.album img {
		border: none;
	}
	
	.album p.desc {
		width: 100%;
		text-align: center;
		font-size: 10px;
		font-style: italic;
	}

div.image {
	float: left;
	display: inline;
	width: 162px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #aaaaaa;
	height: 159px;
	overflow: hidden;
	text-align: center;
}

	.image img {
		border: none;
	}
	
img.fullImage {
	display: block;
	margin: 0 auto;
}