/* LAST UPDATED 10.14.08 */

/*

	Table of Contents

	I. GENERAL
	II. NAVIGATION MENUS
	III. STRUCTURE & TYPOGRAPHY
	IV. FORM ELEMENTS
	V. HEADINGS

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html, body { height: 100%; }

body {
	background: #c0c0c0 url('../images/bg.gif') center top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
}

body#splash {
	background: #fff;
	text-align: center;
	padding-top: 50px;
}

p, ul { padding: 5px 0 10px 0; }

a {
	color: #00607c;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #773b39; }

a img { border: 0; }

.small { font-size: 90%; }

ul, ol { margin-left: 20px; }

/* -----------------------------------------------------------
		II. NAVIGATION MENUS
----------------------------------------------------------- */

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 46px;
	line-height: 46px;
}

#nav li { float: left; }

#nav li a {
	text-indent: -4440px;
	display: block;
	height: 46px;
	background-image: url('../images/nav.gif');
	background-repeat: no-repeat;
}

#nav li a.home			{ background-position: 0 0; width: 189px; }
#nav li a.home:hover		{ background-position: 0 -46px; }

#nav li a.about			{ background-position: -189px 0; width: 181px; }
/* #nav li a.about:hover	{ background-position: -189px -46px; } */

#nav li a.news			{ background-position: -370px 0; width: 186px; }
/* #nav li a.news:hover		{ background-position: -370px -46px; } */

#nav li a.giving			{ background-position: -556px 0; width: 191px; }
/* #nav li a.giving:hover	{ background-position: -556px -46px; } */

#nav li a.latino			{ background-position: -747px 0; width: 203px; }
/* #nav li a.latino:hover	{ background-position: -747px -46px; } */

#nav li ul { /* second-level lists */
	position: absolute;
	background: #e7d7a1;
	width: 14em;
	height: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	float: none;
	width: 14em; /* width needed or else Opera goes nuts */
	line-height: 20px;
}

#nav li ul li a {
	text-indent: 10px;
	width: 14em;
	height: 20px;
	text-decoration: none;
	color: #3e4711;
	font-size: 10px;
	background: none;
}

#nav li ul li a:hover { text-decoration: underline; }

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.hover { position: static; } /* fixes IE7 sticky issue */

/* --- subNav --- */

#subNav ul {
	padding: 0 0 0 31px;
	margin: 0;
	list-style: none;
	height: 18px;
	line-height: 18px;
}

#subNav li { float: left; }

#subNav li a {
	text-indent: -4440px;
	display: block;
	width: 151px;
	height: 18px;
	background-image: url('../images/subNav.gif');
	background-repeat: no-repeat;
}

#subNav ul li a.prayer			{ background-position: 0 0; }
#subNav ul li a.media			{ background-position: -151px 0; width: 154px; }
#subNav ul li a.vision			{ background-position: -305px 0; width: 154px; }
#subNav ul li a.contact			{ background-position: -459px 0; width: 154px; }
#subNav ul li a.community		{ background-position: -613px 0; }

#subNav li ul { /* second-level lists */
	position: absolute;
	background: transparent;
	width: 122px;
	height: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0 0 0 18px;
}

#subNav li ul li {
	float: none;
	width: 122px; /* width needed or else Opera goes nuts */
	line-height: 20px;
	background: #a0b16b;
}

#subNav li ul li a {
	text-indent: 10px;
	width: 122px;
	height: 20px;
	text-decoration: none;
	color: #000;
	font-size: 10px;
	background: none;
}

#subNav li ul li a:hover { text-decoration: underline; }

#subNav li:hover ul ul, #subNav li.sfhover ul ul {
	left: -999em;
}

#subNav li:hover ul, #subNav li li:hover ul, #subNav li.sfhover ul, #subNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#subNav li:hover, #subNav li.hover { position: static; } /* fixes IE7 sticky issue */

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

/* Use percentages on font-sizes on block elements, not em or px and NOT on the paragraph element */

#wrap {
	margin: 0 auto;
	width: 950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -260px; /* the bottom margin is the negative value of the footer's height */
	background: url('../images/wrap.gif') repeat-y;
}

	#header {
		position: relative;
		height: 128px;
		background: url('../images/header.jpg') no-repeat;
	}

		#header #request-info {
			position: absolute;
			top: 0;
			right: 22px;
		}

			#header #request-info a {
				position: relative;
				cursor: pointer;
				text-indent: -4440px;
				display: block;
				width: 122px;
				height: 65px;
				background: url('../images/request-info.png') no-repeat;
			}

		#header #search {
			position: absolute;
			top: 102px;
			right: 22px;
			line-height: 12px;
		}

	#nav {
		height: 46px;
		background: #dbcb95;
	}

	#subNav {
		height: 28px;
		background: #405560;
	}

	#subHeader {
		height: 229px;
		background: #90bad0;
	}

		#subHeaderPhoto {
			float: left;
			width: 583px;
			height: 229px;
			background: url('../images/subHeader-default.jpg') no-repeat;
		}

		#subHeaderFlash {
			float: right;
			width: 367px;
			height: 229px;
		}

	#content {
		font-size: 85%;
		line-height: 1.5em;
	}

		#mainContent {
			float: left;
			width: 498px;
			padding: 20px 10px 0 27px;
		}

			#mainContentFlash {
				width: 498px;
				height: 205px;
				background: #eee;
				margin-bottom: 10px;
			}

		#sidebar {
			float: right;
			width: 362px;
			padding: 20px 40px 0 0;
		}

			#sidebar p {
				padding: 0 0 5px 0;
			}

			#sidebar #col-1 {
				float: left;
				width: 170px;
			}

			#sidebar #col-2 {
				float: right;
				width: 161px;
				line-height: 1.2em;
			}

#footer, #push { height: 260px; } /* push and footer need to be the same height - specify height on footer if padding is added */

#footer {
	margin: 0 auto;
	padding-top: 128px;
	width: 950px;
	height: 132px; /* reset from padding-top */
	background: url('../images/footer.gif') no-repeat;
	font-size: 85%;
	color: #fff;
	text-align: center;
}

	#footer a {
		color: #fff;
		text-decoration: none;
	}

	#footer a:hover { text-decoration: underline; }

	#footer p { padding: 10px 0 0 0; }

	#footer p.copyright {
		color: #ccd0b3;
		padding: 3px 0 0 0;
	}

/* -----------------------------------------------------------
		IV. FORM ELEMENTS
----------------------------------------------------------- */

#header #search .searchInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 2px 2px;
	width: 150px;
	height: 10px;
	border: 1px #fff solid;
	vertical-align: middle;
}

#header #search .searchButton {
	background: transparent url('../images/button-search.gif') no-repeat scroll 0 0;
	border: medium none;
	color: #5590b2;
	font-size: 0;
	width: 59px;
	height: 15px;
	margin: 1px 0 0 7px;
	vertical-align: top;
}

#sidebar #col-2 input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px #666 solid;
}

.fieldItemInner { padding: 0 !important; }

.fieldItem .fieldBlock { padding: 0 2px 0 0 !important; }

/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 5px 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

/* Use px on font sizes for headings to ensure cross-browser compatibility, especially with IE */

h1 { font-size: 25px; }

	#header h1 { display: inline; }

	#header h1 a {
		position: relative;
		cursor: pointer;
		text-indent: -4440px;
		display: block;
		width: 442px;
		height: 118px;
		background: url('../images/logo.png') no-repeat;
	}

h2 { font-size: 22px; }

	#mainContent h2 {
		font-size: 28px;
		text-transform: lowercase;
		font-weight: normal;
	}

	h2.formTitle {
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		color: #5b5058;
		padding: 0 0 5px 0;
	}

h3 { font-size: 19px; }

h4 { font-size: 16px; }

/* -----------------------------------------------------------
		CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */