@charset "UTF-8";

/* defaults and globals
==============================================================================*/
* { /* Clear ALL elements defaults */
	margin: 0;
	padding: 0;
}

.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
a:link, a:visited  {
	color: #F9AE17;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #405580;
}

hr {
	display: none;
}

/* Image Margins
==============================================================================*/
.marginRight {
	margin-right: 10px;
}

.marginLeft {
	margin-left: 10px;
}

.marginBottom {
	margin-bottom: 5px;
}

.marginTopBottom {
	margin-top: 10px;
	margin-bottom: 10px;
}

.border {
}



/* Headers
==============================================================================*/
h1 {
	font-family: Tahoma;
	font-size: 13pt;
	font-weight: normal;
	color: #405580;
	line-height: 017pt;
}
h2 {
	font-size: 10pt;
	font-weight: normal;
	color: #524C45;
	font-family: Tahoma;
}
h3 {
	font-family: Tahoma;
	font-size: 9pt;
	color: #324264;
	font-weight: normal;
}



/* containers
==============================================================================*/
#container {
	height: 100%;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#columnLeft {
	min-height: 640px;
	width: 240px;
	background-image: url('../images/columnLeft-bgd.jpg');
	background-repeat: no-repeat;
	float: left
}


#columnLeft ul {
	list-style-position: inside;
}

#columnLeft li {
}

#columnRight {
	width: 720px;
	float: left;
}

/* Main Home Navigation
==============================================================================*/
#nav {
	height: 24px;
	width: 720px;
	background-color: #324264;
	list-style: none;
}
#nav li {
	float: left;
	height: 24px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 24px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		width: 64px;
		background: url('../images/nav-home.jpg') no-repeat;
		}
	#navAbout {
		width: 77px;
		background: url('../images/nav-about.jpg') no-repeat;
		}
	#navMinistries {
		width: 82px;
		background: url('../images/nav-ministries.jpg') no-repeat;
		}
	#navServices {
		width: 74px;
		background: url('../images/nav-services.jpg') no-repeat;
		}
	#navHouseKirks {
		width: 93px;
		background: url('../images/nav-houseKirks.jpg') no-repeat;
		}
	#navOpportunities {
		width: 106px;
		background: url('../images/nav-opportunities.jpg') no-repeat;
		}
	#navCalendar {
		width: 75px;
		background: url('../images/nav-calendar.jpg') no-repeat;
		}
	#navContacts {
		width: 149px;
		background: url('../images/nav-contacts.jpg') no-repeat;
		}
#nav li a:hover {
	background-position: 50% -24px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -48px;
}


/* Sub Navigation
==============================================================================*/
#subnav {
	height: 25px;
	list-style: none;
	}
	.about #subNav {
		float: right;
		padding-right: 150px;
		}
	.ministries #subNav {
		float: right;
		padding-right: 110px;
		}

#subnav li {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	}
#subnav li a {
	line-height: 25px;
	font-size: 10px;
	font-weight: bold;
	color: #797066;
	}
#subnav li a:hover {
	color: #405580;
}

#subnav li a.currentSection, #nav li a.currentSection:hover {
	color: #405580
}

/* Content Columns
==============================================================================*/
#fullDivider  {
	background-image: url('../images/divider.jpg');
	height: 6px;
	width: 720px;
	float: left;
	border: medium none;
	background-repeat: no-repeat;
	margin-top: 20px
}

#news {
	width: 200px;
	padding-top: 20px;
	padding-left: 20px;
}

#news .divider {
	background-image: url('../images/newsDivider.jpg');
	height: 6px;
	width: 200px;
	margin-top: 5px;
	background-repeat: no-repeat
}

#newsItem{
}

#newsItem .headline {
	font-size: 14px;
	color: #797066;
}

#newsItem .date {
	font-size: 10px;
	color: #405580;
}

#newsItem .detail {
	font-size: 12px;
	line-height: 14px;
}

#newsItem .divider {
	background-image: url('../images/newsDivider.jpg');
	height: 6px;
	width: 200px;
	margin-top: 5px;
	background-repeat: no-repeat
}

#columnContent{
	width: 720px;
	float: left;
}

#columnContent .oneColumn {
	float: left;
	width: 620px;
	margin-left: 20px;
	margin-top: 20px;
}

#columnContent .twoColumn {
	float: left;
	width: 330px;
	margin-left: 20px;
	margin-top: 20px;
}

#columnContent .threeColumn {
	float: left;
	width: 214px;
	padding-top: 20px;
	padding-left: 20px;
}

#columnContent ul {
	margin-left: 30px;
}

#columnContent .quote {
	margin-left: 30px;
	width: 520px;
}

#columnContent .calendarColumn {
	width: 680px;
	padding-top: 20px;
	padding-left: 15px;
}

#columnContent .scripture {
	color: #FEAD15;
}


/* Home Page Elements
==============================================================================*/
.homeSplash {
	height: 160px;
	width: 680px;
	margin: 20px;
}

#upcoming {
	float: left;
	width: 214px;
	margin-top: 20px;
	margin-left: 20px;
	background-color: #eae7d2;
	border: 2px solid #fbae17;
	margin-bottom: 20px;
}

#upcomingContent {
	width: 194px;
	margin: 10px;
}

#upcomingContent .divider {
	width: 194px;
	height: 1px;
	background-color: #405580;
	margin-top: 3px;
	margin-bottom: 3px;
}

#event {
	margin-top: 5px;
}

#event .eventName {
	font-size: 14px;
	font-weight: normal;
	color: #797066;
}

#event .eventDate {
	font-size: 10px;
	font-weight: normal;
	color: #797066;
}

/* Missions
=============================================================================*/
#missionary {
}

#missionary .photo {
	width: 210px;
	height: 160px;
	display: block;
	float: left;
}

#missionary .copy {
	width: 410px;
	float: left;
}


/* Staff Callouts
==============================================================================*/
#staff {
	background-color: #EAE7D2;
	height: 185px;
	width: 200px;
}

#staff .photo {
	width: 180px;
	padding-top: 10px;
	padding-left: 10px;
}

#staff .info {
	width: 180px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}


/* Footer
==============================================================================*/
#footerContainer {
	background-image: url('../images/footer-bgd.jpg');
	background-repeat: repeat-x;
	height: 75px
}

#footer {
	text-align: center;
	font-size: 8pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#footer a:hover {
	color: #FFFFFF;
	font-size: 8px;
}

.credit, .credit a {
	font-size: 8pt;
}