/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: #fff url(../images/bg-body.gif) repeat-x;
}
hr {
	display: none;
}
a {
	text-decoration: none;
}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
#skipLink {
	display: none;
	}


/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 3px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
.left {
	float: left;
	margin: 1.3em 2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}


/* site id and utility links
==============================================================================*/
h1 {
	position: relative;
	height: 110px;
	}
	h1 a {
		display: block;
		position: absolute;
		top: 15px;
		width: 155px;
		height: 110px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/logo.gif) no-repeat;
		}
#navUtilities {
	position: absolute;
	top: 35px;
	right: 10px;
	margin-left: 155px;
	font: normal 1.0em/1.0em 'lucida grande',tahoma,sans-serif;
	color: #796f65;
	}
	#navUtilities a {
		text-decoration: none;
		color: #8A8BFF;
		}
	#navUtilities a:hover {
		color: #C3C4FF;
		}


/* layout setup
==============================================================================*/
#container,
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
	}
#container,
#wrapper {
	text-align: left;
	}
#obligatorySidebar {
	position: relative;
	float: right;
	margin: 0;
	width: 256px;
	background: url(../images/bg-news.jpg) no-repeat;
}




/* top-level navigation
==============================================================================*/
#nav {
	height: 28px;
	margin-bottom: 7px;
	list-style: none;
	background-color: #8E7FA4;
	font: 1.3em verdana,arial, hev;
}

#nav li {
	background: url(../images/bkg_mainNav.gif) 0 0 repeat-x;
	float: left;
	position: relative;
	height: 28px;
	margin-right: 0px;
	border-left: 1px solid #8E7FA4;
}

#nav li#navResources { margin-right: 0; }

#nav a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 6px 0 0 0;
}

#nav a:hover { text-decoration: none; }

/* Default State */
#navHome  {width: 80px;}
#navAbout  {width: 80px;}
#navGroups {width: 150px;}
#navHelping {width: 130px;}
#navGovernance  {width: 100px;}
#navContact {width: 92px;}
#navMinistry {width: 75px;}
#navNews  {width: 52px;}

/* Hover State */
#nav li:hover, #nav li.over, #home #navHome, #about #navAbout,
#groups #navGroups, #ministry #navMinistry, #helping #navHelping, #governance #navGovernance, #contact #navContact,
#news #navNews, #resources #navResources { 
	background: #f00 url(../images/bkg_hoverNav.gif) 0 0 repeat-x;
	border-left: 1px solid #999;
}

/* greeting (welcome/perspective)
==============================================================================*/
#greeting {
	float: right;
	width: 256px;
	background: #fff;
	}
#greetingTabs {
	clear: both;
	background: #eae7d2;
	height: 24px;
	}
	#greetingTabs span {
		display: block;
		float: left;
		height: 24px;
		overflow: hidden;
		}
	#welcomeTab {
		margin-right: 2px;
		width: 93px;
		cursor: pointer !important;
		background: url(../images/tab-welcome.gif) no-repeat;
		}
	#perspectiveTab {
		width: 161px;
		cursor: pointer !important;
		background: url(../images/tab-perspective.gif) no-repeat;
		background-position: center bottom;
		}
#welcome,
#perspective {
	display: block;
	position: relative;
	margin: 4px 5px 5px;
	width: 246px;
	height: 192px;
	overflow: auto;
	}
#welcome {
	background: url(../images/welcome-bg.gif) no-repeat;
	}
	#welcome h2 {
		display: none;
		}
	#welcome p {
		position: relative;
		float: right;
		right: 10px;
		margin: 75px 0 0 0;
		width: 112px;
		font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
		text-align: right;
		color: #555;
		}
	#welcome p a {
		display: block;
		margin-top: 2px;
		font-weight: bolder;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		}
	#welcome p a:hover {
		text-decoration: underline;
		}
#perspective {
	display: none;
	background: url(../images/perspective-bg.gif) center top no-repeat;
	}
	#perspective h2 {
		display: none;
		}
	#perspective p {
		position: relative;
		margin-top: 105px;
		padding: 0 10px;
		font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#perspective p a {
		font-weight: bolder;
		text-decoration: none;
		text-transform: uppercase;
		color: #752626;
		}
	#perspective p a:hover {
		text-decoration: underline;
		}


/* feature promos (aka 'currently')
==============================================================================*/
#currently {
	position: relative;
	float: left;
	width: 497px;
	min-height: 202px;
	margin-bottom: 16px; /* to force following elements down */
	background: #fff;
	}
	#currently h2 {
		position: absolute;
		left: -16px;
		width: 16px;
		height: 100px;
		text-indent: -5000px;
		overflow: hidden;
		/* background: #eae7d2 url(../images/h2-currently.gif) no-repeat; */
		}
	#currently div {
		margin: 5px 0 0 6px;
		}
	#currently span {
		display: block;
		font: normal 1em 'lucida grande',tahoma,sans-serif;
		text-align: center;
		color: #999;
		}
	#currently a {
		color: #2388ff;
		font-weight: bold;
		}
	

/* latest message
==============================================================================*/
#latestMessage {
	position: relative;
	float: left;
	width: 498px;
	min-height: 64px;
	overflow: hidden;
	background: #fff url(../images/bg-latestmessage.jpg) no-repeat;
	}

	#latestMessage p {
		margin: 5px 5px 0 20px;
		font: normal 1.0em/1.6 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
		#latestMessage p a {
			color: #777;
			}
		#latestMessage p a:hover {
			color: #333;
			text-decoration: underline;
			background: #ffc;
			}
	#latestMessage ul {
		position: absolute;
		top: 18px;
		right: 20px;
		height: 27px;
		overflow: hidden;
		list-style: none;
		}
		#latestMessage li {
			float: left;
			}
		#latestMessage li a {
			display: block;
			height: 27px;
			text-indent: -5000px;
			overflow: hidden;
			background: url(../images/btn-listendownload.gif) no-repeat;
			}
			#latestMessage li a#listen {
				width: 69px;
				background-position: 0 0;
				}
			#latestMessage li a#download {
				width: 99px;
				background-position: 100% 0;
				}
		#latestMessage li a#listen:hover {
			background-position: 0 50%;
			}
		#latestMessage li a#download:hover {
			background-position: 100% 50%;
			}
		#latestMessage li a#listen:active {
			background-position: 0 100%;
			}
		#latestMessage li a#download:active {
			background-position: 100% 100%;
			}


/* podcast info
==============================================================================*/
#podcastInfo  {
	position: relative;
	float: right;
	width: 256px;
	min-height: 64px;
	margin-bottom: 7px;
	overflow: hidden;
	background: url(../images/bg-podcastinfo.jpg) no-repeat;
	}
	#podcastInfo h2 {
		margin: 6px 0 0 10px;
		height: 17px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/h2-podcast.gif) no-repeat;
		}
	#podcastInfo p {
		margin: 5px 10px 0 10px;
		font: normal 1.0em/1.6 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
		#podcastInfo p a {
			text-decoration: none;
			color: #2388ff;
			font-weight: bold;
			}
		#podcastInfo p a:hover {
			text-decoration: underline;
			color: #333;
			background: #ffc;
			}


/* headers
==============================================================================*/
#news h2,
#events h2,
#services h2,
.feature h2 {
	clear: none;
	margin: 20px 0 7px 10px;
	padding-bottom: 3px;
	font: bold 1.2em/1em 'lucida grande',tahoma,sans-serif;
	color: #f00;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
	#services h2,
	.feature h2 {
		margin: 20px 15px 7px 0;
		}


/* news & announcements
==============================================================================*/
#news {
	position: relative;
	float: left;
	min-height: 280px;
	height: auto;
	}
.newsItem {
	clear: both;
	margin: 10px 0 10px 10px;
	}
	#news .alert {
		padding: 5px;
		background: #ffc;
		border-top: 1px solid red;
		border-bottom: 1px solid red;
	}
#news h3 {
	position: relative;
	margin-bottom: -.3em;
	font: normal 1.3em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #2388ff;
	}
	#news h3 span {
		font-size: 9px;
		color: #999;
		}

#news .newsItem p {
	margin: .5em 0 .5em 0;
	font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
	color: #555;
	}

#news .withThumb h3,
#news .withThumb p {
	}

#news img {
	padding: 2px;
	float: right;
	margin-left: 7px;
	background: #fff;
	border: 1px solid #ccc;
	}
	#news img.l {
		}
	#news img.r {
		}


/* events
==============================================================================*/
#events {
	float: left;
	width: 100%;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#events ul {
	width: 100%;
	list-style: none;
	}
#events li {
	margin: 0 0 0 10px;
	padding: 8px 3px;
	color: #555;
	border-bottom: 1px solid #eee;
	}
#events li span {
	float: right;
	}
#news a,
#events a {
	color: #2388ff;
	font-weight: bold;
	}
#news a:hover,
#events a:hover {
	text-decoration: underline;
	color: #333;
	background-color: #ffc;
	}

#news p.archiveLink,
#events p.archiveLink {
	clear: both;
	margin: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
	}
	#news .archiveLink a,
	#events .archiveLink a {
		display: block;
		float: right;
		padding-right: 20px;
		color: #777;
		font: normal 9px/3em 'lucida grande',tahoma,sans-serif;
		}
#news .archiveLink a {
	background: url(../images/icon-document.gif) 100% 50% no-repeat;
	}
#events .archiveLink a {
	background: url(../images/icon-calendar.gif) 100% 50% no-repeat;
	}


/* service information
==============================================================================*/
#services {
	position: relative;
	float: left;
	width: 512px;
	min-height: 280px;
	height: auto;
	}
#serviceInfo {
	position: relative;
	float: right;
	right: 15px;
	width: 369px;
	}
	#serviceInfo a {
		color: #2388ff;
		font-weight: bold;
		}
	#serviceInfo a:hover {
		text-decoration: underline;
		color: #333;
		background: #ffc;
		}
	#serviceInfo .left {
		position: relative;
		left: 15px;
		margin-right: 30px;
		}
	#serviceInfo h3 {
		margin: 15px 0 -5px 15px;
		font: normal 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#serviceInfo p {
		margin: 10px 0 10px 15px;
		font: normal 1.1em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
	#serviceInfo ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px;
		list-style: none;
		font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		background: #ffc;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
	#serviceInfo ul li {
		margin: 5px 0;
		}
#ministryList {
	position: relative;
	float: left; /* prevents margin collapse */
	width: 128px;
	list-style: none;
	font: bold 1.1em/1.1em 'lucida grande',tahoma,sans-serif;
	color: #777;
	background: url(../images/bg-campuses.jpg) right top repeat-y;
	}
	#ministryList li {
		margin: .09em 0;
		}
	#ministryList li#listTop {
		margin-top: 0;
		background: url(../images/bg-servicestop.jpg) right top no-repeat;
		}
	#ministryList li#listBottom {
		margin-bottom: 0;
		background: url(../images/bg-servicesbottom.jpg) right bottom no-repeat;
		}
	#ministryList li ul {
		margin: 0 0 .63em;
		list-style: none;
		}
	#ministryList li ul li {
		position: relative;
		margin: 0;
		padding-left: 11px;
		font-weight: normal;
		background: url(../images/arrow-miniorange.gif) 0 50% no-repeat;
		}
#ministryList a,
#ministryList span {
	display: block;
	min-height: 1.55em;
	padding-top: .45em;
	color: #777;
	cursor: pointer; /* forces hyperlink cursor, just in case */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-color: transparent;
	}
	#ministryList span { cursor: default; }
#ministryList a:hover {
	color: #2388ff;
	background: white;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#siGC ul {
	display: none;
	}


/* features
==============================================================================*/
.feature {
	position: relative;
	float: left;
	margin-top: 2em;
	width: 512px;
	}
.feature a {
	margin-right: 7px;
	}
	.feature a.endRow {
		margin-right: 0;
		}
.feature a img {
	padding: 3px;
	border: 1px solid #ccc;
	}
.feature a:hover img {
	background: #ffc;
	border: 1px solid #2388ff;
	}


/* footer
==============================================================================*/
#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background: #473E56 url(../images/bg-footer.jpg) repeat-x;
	}
#siteMap,
#copyright {
	margin-top: 0;
	}
#siteMap {
	float: left;
	width: 497px;
	}
#siteMap .column {
	float: left;
	width: 160px;
	}
#siteMap li {
	display: block;
	list-style: none;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#siteMap li a {
	display: block;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #ff9300;
	}
	#siteMap li li a {
		padding-left: 10px;
		font-size: .81em;
		line-height: 1em;
		font-weight: normal;
		color: #eae7d2;
		background: url(../images/arrow-miniorange.gif) left center no-repeat;
		}
#siteMap li a:hover {
	text-decoration: underline;
	color: white;
	/*background: #3e362f;*/
	}
	#siteMap li li a:hover {
		text-decoration: underline;
		/*background: #3e362f url(../images/arrow-miniorange.gif) left center no-repeat;*/
		}
#copyright {
	float: right;
	width: 256px;
	background: #2C2635;
	border: 1px solid #797066;
	}
#copyright p {
	margin: 15px 10px;
	font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;
	}
#copyright strong {
	font-size: 1.2em;
	font-weight: normal;
	color: white;
	}
#copyright a {
	font-weight: bold;
	color: #60bffb;
	}
#copyright a:hover {
	text-decoration: underline;
	color: white;
	}

/* sIFR
==============================================================================*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-hasFlash #news h2,
.sIFR-hasFlash #events h2,
.sIFR-hasFlash #services h2,
.sIFR-hasFlash .feature h2 {
 	visibility: hidden;
 	}
.sIFR-hasFlash #content h2,
.sIFR-hasFlash #content h3,
.sIFR-hasFlash #sideBar h2 {
	visibility: hidden;
 	}
.sIFR-hasFlash #content h2 {
 	letter-spacing: -9px;
 	font-size: 36px;
 	line-height: 30px;
 	}
.sIFR-hasFlash #content h3 {
	margin-bottom: -5px;
	}
 .sIFR-hasFlash #content #serviceInfo h3 {
 	visibility: visible !important;
	}