/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/* Updated 05/2011 */

body {
	background: #2a2225 url(../images/in-css/header-stripes.jpg) repeat-x;
	border-top: 3px solid #d4c724;
}
body.homePage {
	background: #2a2225 url(../images/in-css/header-stripes-home.jpg) repeat-x;
}


/* The home page needs a handful of images to be
pre-loaded. This is where we force the browser to
download these images into the visitor's cache
even though they might not see them until they visit
the page for a second, third, fourth, time. */
#preloadImages {height:0; text-indent:-9999px; width:0;}
#image1 {background-image:url(../images/in-css/home-photo-set-1.jpg);}
#image2 {background-image:url(../images/in-css/home-photo-set-2.jpg);}
#image3 {background-image:url(../images/in-css/home-photo-set-3.jpg);}

/* A few selectors that aren't specific to any one
html element, area, position, etc. */
.floatLeft {float:left; margin:0 1em 0 0;}
.floatRight {float:right; margin:0 0 0 1em;}
.clearBoth {clear:both; display:block;}
.visibleHr {display: block;}
h4, h5 {color:#30c3e6; font-family:georgia, "Times New Roman", sans-serif; text-transform:capitalize;}
ul ul, ul ul ul, ul ul ul ul {margin-top:.25em; margin-bottom:.25em;}

/* This little bit of magic looks for any anchor element
who's href value ends in 'pdf' and applies a background
to it, effectively letting the visitor know that they're
about to open a PDF. Only works in modern browsers... */
a[href$=pdf] {background:url(../images/icon-pdf.png) no-repeat right center; padding-right:14px;}

/* Change the default font-size to a scalable value
that's equal to 12 pixels. For example: 1em = 10px,
 1.1em = 11px, 1.2em = 12px, 1.3em = 13px, and so on...*/
#headerWrap, #navOuterWrap, #contentWrap, #footerWrap {font-size:1.2em;}

/* Set up main content boxes/regions: their margins,
widths, heights, padding, background images/colors, etc */
#headerWrap {
	padding: 39px 0 10px;
	margin: 0 auto;
	width: 948px;
}
#navOuterWrap {
	background: #27a0bd url(../images/in-css/nav-bgr.jpg) repeat-x left;
	height: 45px;
	margin: 0 auto;
	width: 948px;
}
	#navInnerWrap {
		padding: 0;
		margin: 0;
		width: 948px;
	}
		#navContent {
			margin: 0 auto;
			width: 948px;
		}

#contentWrap {
	background: white;
	margin: 0 auto;
	padding: 0 56px 0 34px;
	width: 858px;
}
	#subContentWrap {
		float: left;
		margin: 68px 0;
		width: 269px;
	}
	#mainContentWrap {
		float: right;
		margin: 40px 0;
		width: 534px;
	}
#footerWrap {
	background: #3ca0bb url(../images/in-css/footer-bgr.jpg) top repeat-x;
	margin: 0 auto;
	width: 948px;
}

/* Content in the header (Logo and slogan) */
#headerContent h1 {
	float: left;
	margin: 0;
}
	#headerContent h1 a, #headerContent h1 a:visited {
		background: transparent url(../images/in-css/header-logo.png) no-repeat left bottom;
		color: #575028;
		display: block;
		font-size: .8em;
		height: 102px;
		text-indent: -9999px;
		width: 295px;
	}
	#headerContent h1 a:hover {
		color: #3d381c;
		text-decoration: none;
	}
#headerContent h2 {
	color: #30c3e6;
	display: block;
	float: right;
	font-family: georgia, "Times New Roman", sans-serif; 
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding-top: 77px;
}

/* All top navigation bar selectors/styles */
/* Nav Sprites */
#navContent a#aboutUsLink {
	background: url(../images/in-css/nav-about.jpg) no-repeat;
	background-color: transparent;
	height: 45px;
	padding: 0;
	text-indent: -9999px;
	width: 121px;
}
#navContent a#citiesLink {
	background: url(../images/in-css/nav-cities.jpg) no-repeat;
	height: 45px;
	padding: 0;
	text-indent: -9999px;
	width: 89px;
}
#navContent a#tripInfoLink {
	background: url(../images/in-css/nav-tripInfo.jpg) no-repeat;
	height: 45px;
	padding: 0;
	text-indent: -9999px;
	width: 118px;
}
#navContent a#resourcesLink {
	background: url(../images/in-css/nav-resources.jpg) no-repeat;
	height: 45px;
	padding: 0;
	text-indent: -9999px;
	width: 128px;
}
#navContent a#newsLink {
	background: url(../images/in-css/nav-news.jpg) no-repeat;
	height: 45px;
	padding: 0;
	text-indent: -9999px;
	width: 86px;
}
#navContent a#jobsLink {
	background: url(../images/in-css/nav-jobs.jpg) no-repeat;
	height: 45px;
	padding: 0;
	text-indent: -9999px;
	width: 81px;
}
#navContent a#loginLink {
	background: url(../images/in-css/nav-login.jpg) no-repeat;
	height: 45px;
	padding: 0;
	text-indent: -9999px;
	width: 96px;
}
#navContent :hover > a#aboutUsLink, #navContent :hover > a#citiesLink, #navContent :hover > a#tripInfoLink, #navContent :hover > a#resourcesLink, #navContent :hover > a#newsLink, #navContent :hover > a#jobsLink, #navContent :hover > a#loginLink{
	background-position: bottom;
}

#searchWrap {
	float: right;
	margin-top: .95em;
}
	#searchWrap input#searchInput {
	border: 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 1px 2px #333;
	-webkit-box-shadow: inset 1px 1px 2px #333;
	box-shadow: inset 1px 1px 2px #333;
	height: 20px;
	margin-right: 30px;
	padding-left: 5px;
	width: 160px;
	}
	#searchWrap form, #searchWrap p {
		margin: 0;
	}
	#searchSubmit {
		display: none;
	}
#navContent ul {
	list-style: none;
	margin: 0 18.5em 0 0;
	padding: 0;
	position: relative;
}
	#navContent li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		text-transform: uppercase;
	}
	#navContent ul ul {
		height: 0;
		left: 0;
		position: absolute;
		top: 45px;
		visibility: hidden;
		width: 16.5em;
	}
		#navContent ul ul li {
			float: none;
			text-transform: none;
		}
	* html #navContent ul ul {
		top: 30px;
		t\op: 30px;
	}
#navContent table {
	left: 0;
	position: absolute;
	top: 0;		
}
	#navContent ul li:hover ul, #navContent ul a:hover ul {
		visibility: visible;
	}
		#navContent a, #navContent a:visited {
			color: #fff;
			display: block;
			font-weight: normal;
			text-decoration: none;
		}
		#navContent a:hover {
			background-color: #27a0bd;
			background-image: none;
		}
		#navContent :hover > a {
			background-color: #27a0bd;
		}
		#navContent #lastListItem a, #navContent #lastListItem a:visited {
			border-right: none;
			
		}
			#navContent ul ul a, #navContent ul ul a:visited {
				border-top: 1px solid #5095a9;
				background-color: #2f829e;
				font-family:georgia, "Times New Roman", sans-serif;
				font-size: 1.2em;
				font-style: normal;
				line-height: 1.25;
				padding: 8px 22px;
			}
			#navContent ul ul a:hover {
				background-color: #114f6e;
			}
			#navContent ul ul :hover > a {
				background-color: #114f6e;
			}	

/* All styles meant ONLY for the home page */
.homePage #homePhotoBoard {
		background-color: #fff;
		background-position: left top;
		background-repeat: no-repeat;
		border: 5px solid white;
		height: 470px;
		margin: 0 auto;
		width: 950px;
	}
	.homePage .photoSet1 {background-image: url(../images/in-css/home-photo-1.jpg);}
	.homePage .photoSet2 {background-image: url(../images/in-css/home-photo-2.jpg);}
	.homePage .photoSet3 {background-image: url(../images/in-css/home-photo-3.jpg);}

.homePage #contentWrap {
	background: #ffffff url(../images/in-css/home-content-shadow.jpg) top repeat-x;
	padding: 30px 35px;
	width: 878px;
}
.homePage #contentWrap #col1 {
	float: left;
	margin-right: 35px;
	width: 270px;
}
.homePage #contentWrap #col2 {
	float: left;
	width: 270px;
}
.homePage #contentWrap #col3 {
	float: right;
	width: 270px;
}
.homePage #networkBadges {
	padding: 80px 0 0 290px;
	text-align: left;
	width: 92px;
}
.homePage #networkBadges a img {
	display: block;
	margin-bottom: 8px;
}
.homePage #flashMapWrap {
	float: right;
	margin-bottom: 18px;
	margin-top: 3px;
}
#homeSubBox1, #homeSubBox2, #homeSubBox3 {
	float: left;
	width: 270px;
}
#homeSubBox1 h4.title {
	background: url(../images/in-css/home-title-cityStory.jpg) top no-repeat;
	display: block;
	height: 29px;
	text-indent: -9999px;
}
#homeSubBox1 h6 {
	color: #bf0079;
	font-family: georgia, "Times New Roman", serif;
	font-size: 1.5em;
	font-weight: normal;
}
.homePage p {
	color: #7f6c72;
	font-family: georgia, "Times New Roman", sans-serif;
	font-size: 1.1em;
	line-height: 1.65;
}
.homePage a {
	color: #2eb6d9;
	font-style: italic;
	font-weight: normal;
}
.homePage a:hover {
	color: #006794;
	text-decoration: none;
}
.homePage a:visited {
	color: #b3a1a8;
}
#homeSubBox1 p {
	margin-top: 3px;
}
#homeSubBox2 {
	margin-bottom: 18px;
	margin-top: 3px;
}
#homeSubBox2 h4.title {
	background: url(../images/in-css/home-title-urbanUpdate.jpg) top no-repeat;
	display: block;
	height: 29px;
	margin: 0;
	text-indent: -9999px;
}
	#homeSubBox2 ul {
		list-style: none;
		padding: 0;
	}
	#homeSubBox2 ul li {
		border-top: 1px solid #daced4;
		padding: 5px 0 3px 0;
	}
	#homeSubBox2 ul li a {
		color: #ef4135;
		font-family: georgia, "Times New Roman", serif;
		font-size: 1.2em;
		font-style: normal;
	}
	#homeSubBox2 ul li a:hover {
		color: #a60b00;
	}
#homeSubBox3 h4.title {
	background: url(../images/in-css/home-title-news.jpg) top no-repeat;
	display: block;
	height: 29px;
	margin: 0;
	text-indent: -9999px;
}
	#homeSubBox3 ul {
		list-style: none;
		padding: 0;
	}
	#homeSubBox3 ul li {
		border-top: 1px solid #daced4;
		padding: 5px 0 3px 0;
	}
	#homeSubBox3 ul li a {
		color: #2eb6d9;
		font-family: georgia, "Times New Roman", serif;
		font-size: 1.2em;
		font-style: normal;
	}
	#homeSubBox3 ul li a:hover {
		color: #007bae;
	}
/* General styles for all inside pages, main column */
#mainContentWrap p {
	color: #7f6c72;
	font-family: georgia, "Times New Roman", sans-serif;
	font-size: 1.15em;
	line-height: 1.65;
}
#mainContentWrap p.intro {
	color: #4d4145;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
}
#mainContentWrap a {
	color: #2eb6d9;
	font-style: italic;
	font-weight: normal;
}
#mainContentWrap a:hover {
	color: #006794;
	text-decoration: none;
}
#mainContentWarp a:visited {
	color: #b3a1a8;
}
#mainContentWrap h3 {
	border-bottom: 3px double #27a0bd;
	color: #b3a1a8;
	font-family: georgia, "Times New Roman", sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 10px;
	margin-top: 0;
}
	#mainContentWrap h3 span {
		color: #7f6c72;
		font-weight: normal;
	}
#mainContentWrap h4 {
	color: #4d4145;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 15px;
	margin-top: 26px;
}
#mainContentWrap h5 {
	color: #4d4145;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 12px;
}
#mainContentWrap h6 {
	color: #4d4145;
	font-family: georgia, "Times New Roman", sans-serif;	
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 0px;
}
#mainContentWrap blockquote {
	border-left: 4px double #cbad0b;
	color: #cbad0b;
	font-family: georgia, "Times New Roman", serif;
	font-size: 1.3em;
	font-style: italic;
	padding: 5px 0 5px 15px;
}
#mainContentWrap ul, #mainContentWrap ol  {
	font-family: georgia, "Times New Roman", serif;
	font-size: 1.15em;
	padding-left: 15px;
}
#mainContentWrap ul ul, #mainContentWrap ol ol, #mainContentWrap ol ul {
	font-size: 1em;
}
#mainContentWrap ul li a {
	font-style: normal;
}
#mainContentWrap blockquote cite {
	clear: both;
	color: #7f6c72;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	font-style: normal;
	margin-top: 8px;
}
#mainContentWrap .imgCentered {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	display: block;
	margin: 0 auto;
}
#mainContentWrap .articleImage {
	border: 2px solid #fff;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	float: left;
	margin: 0 20px 10px 0;
	width: 125px;
}
#mainContentWrap .imgHorizon {
	border: 2px solid white;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	float: left;
	margin: 0 20px 10px 0;
	width: 200px;
}
.centeredCaption {
	text-align: center;
	margin-bottom: 40px;
}
.teamMember {
	margin-bottom: 40px;
	clear: left;
}
.seasonalStaffTable th, .seasonalStaffTable td {
	border-top: 1px solid #ccc;
	padding: 10px 20px;
	font-style: italic;
}
.seasonalStaffTable thead th {
	border-top: none;
	font-size: 1.2em;
	font-style: normal;
}
#seasonalStaffInfoForm fieldset,
#certifyQuizForm fieldset {
	padding: .1em 0 .1em;
	border: none;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 2em;
}
	#seasonalStaffInfoForm legend {
		font-size: 1.2em;
		font-weight: bold;
	}
	#contactUsForm dt, #contactUsForm dd,
	#subscribeForm dt, #subscribeForm dd,
	#prayerPartnerForm dt, #prayerPartnerForm dd,
	#seasonalStaffInfoForm dt, #seasonalStaffInfoForm dd,
	#certifyQuizForm dt, #certifyQuizForm dd,
	#form2 dt, #form2 dd,
	#notFoundForm dt, #notFoundForm dd {
		padding-bottom: .75em;
	}
	#contactUsForm dt,
	#subscribeForm dt,
	#prayerPartnerForm dt,
	#seasonalStaffInfoForm dt,
	#certifyQuizForm dt,
	#form2 dt,
	#notFoundForm dt {
		float: left;
		width: 280px;
		padding-top: .25em;
		text-align: right;
		margin-right: 10px;
	}
	#contactUsForm dd {
		margin-left: 290px;
	}
	#subscribeForm dt {
		width: 140px;
	}
	#subscribeForm dd {
		margin-left: 150px;
	}
	#certifyQuizForm dd {
		margin-left: 160px;
	}
	#prayerPartnerForm dt {
		width: 265px;
	}
	#prayerPartnerForm dd {
		margin-left: 275px;
	}
	#certifyQuizForm dt {
		width: 150px;
	}
	#form2 dt {
		width: 95px;
	}
	#form2 dd {
		margin-left: 105px;
	}
	#notFoundForm dd {
		margin-left: 290px;
	}
	#seasonalStaffInfoForm dt {
		width: 170px;
	}
	#seasonalStaffInfoForm dd,
	#seasonalStaffInfoForm textarea {
		margin-left: 180px;
	}
		#contactUsForm label,
		#subscribeForm label,
		#prayerPartnerForm label,
		#seasonalStaffInfoForm label,
		#certifyQuizForm label,
		#form2 label,
		#notFoundForm label {
			cursor: pointer;
		}
		#FLName, #email, #Address1, #Address2, #Phone, #Occupation, #Church,
		#first, #last, #company, #city, #state, #Email, #StaffName, .textInput {
			width: 300px;
		}
		#certifyQuizForm ul {
			list-style: none;
			padding-left: 0;
		}
	

/* General styles for all inside pages, sub column */
#flashMapWrap {
	background: transparent url(../images/in-css/flash-map-bg-218x186.jpg) no-repeat left top;
	height: 207px;
	margin-bottom: 3em;
	width: 270px;
}
	#flashMapContent {
		height: 115px;
		padding: 40px 0 0 15px;
		width: 178px;
	}
	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #111;
		background-color: #2a2225;
		padding: 5px;
		opacity: 0.85;
	}
	#tooltip h3, #tooltip div { 
		color: #ffffff;
		font-family: georgia;
		font-weight: normal;
		margin: 0; 
	}
#quickLinks {
	display: block;
	float: left;
	margin-bottom: 2.5em;
}
	#quickLinks ul {
		list-style: none;
		padding-left: 0;
		margin: 0;
	}
		#quickLinks ul a, #quickLinks ul a:visited {
			text-transform: uppercase;
		}
		#quickLinks ul li img {
			-moz-box-shadow: 0 0 5px #888;
			-webkit-box-shadow: 0 0 5px#888;
			box-shadow: 0 0 5px #888;
			margin-bottom: 0;
		}
		#quickLinks ul li.register a img {
			margin-bottom: 5px;
		}
#donateNow {
	background: #e7e3e4 url(../images/in-css/subContent-donateNow-bgr.jpg) top repeat-x;
	display: block;
	float: left;
	padding: 20px;
}
	#donateNow #flameBanner {
		background: transparent url(../images/in-css/subContent-flameBanner.png);
		height: 31px;
		width: 230px;
	}
	#donateNow p {
		color: #7f6c72;
		font-family: georgia, "Times New Roman", serif;
		font-size: 1.25em;
		font-style: italic;
		line-height: 1.5;
		padding: 0 10px 10px 10px;
	}	
	#donateNow a img {
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		margin-bottom: 0;
	}

/* All footer selectors/styles */
#footerContent {
	font-family:georgia, "Times New Roman", sans-serif;
	font-size: .9em;
	font-style: italic;
	padding: 28px 20px 50px 20px;
}
	#memberships {
		float: right;
	}
	#memberships img {
	margin-left: 10px;
}
	#footerNav {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul#footerNav {
		float: left;
		display: block;
		height: 20px;
	}
	#footerNav li {
		float: left;
		margin: 0 10px 0 0;
	}
		#footerNav li a, #footerNav li a:visited {
			color: #ffffff;
			font-weight: normal;
		}
		#footerNav li a:hover {
			color: #99ecff;
		}
	#metaInfo {
		border-top: 1px solid #77cde3;
		clear: left;
		color: #004461;
		display: block;
		margin: 0;
		padding-top: .5em;
		width: 600px;
	}
	#metaInfo span {
		color: #006794;
	}
	#metaInfo a{
		clear: left;
		color: #ffffff;
		font-weight: normal;
		margin: 0;
		padding-top: .5em;
	}
	#metaInfo a:hover {
		color: #99ecff;
	}