/* Remove default styling from every element */

* {
   padding: 0;
   margin: 0;
}

/* end Remove default styling */






/*   HTML items defined here   */


a:link {
	color: #7D1316;
	text-decoration: underline;
}
a:visited {
	color: #7D1316;
	text-decoration: underline;
}
a:hover {
	color: #3D0102;
	text-decoration: none;
}
a:active {
	color: #7D1316;
	text-decoration: underline;
}



body {
	background-color: #6D6E71;
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	padding: 0;
}



h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	font-weight: normal;
	color: #7D1316;
	margin: 0;
	padding: 25px 25px 0px 25px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	color: #7D1316;
	margin: 0;
	padding: 20px 25px 0 25px;
}



h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	color: #7D1316;
	margin: 0 0 -20px 0;
	padding: 20px 25px 0 25px;
}



p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 20px 45px 0 25px;
}


p.center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 20px 45px 0 25px;
}


ul {
	margin: 3px 25px;
}


li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	color: #000000;
	margin: 3px 25px;
}

img {
	margin: 0;
	padding: 0;
}



embed {
	position: relative;
}




/*   CLASS items defined here   */


p.bibleVerse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	color: #7D1316;
	margin: 0;
	padding: 40px 45px 20px 25px;
}

span.bibleCredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	color: #6D6E71;
	margin: 0;
	padding: 0;
}




img.left {
	margin: 0 20px 10px 0;
}

img.right {
	margin: 0 0 10px 20px;
}


table.projectImage {
	display:block;
	margin: 20px 45px 0 25px;
}


.backButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 20px 45px 0 25px;
}

div.projectImage {
	text-align: left;
	width: 757px;
	display:block;
	margin: 0;
	padding: 0;
}

div.projectImage img {
	margin: 0;
	padding: 0 25px 25px 25px;
}













/*   DIV items defined here   */


#wrap {
	width: 990px;
	margin: 0 auto;
	padding: 0;

}

#header {
	width: 990px;
	height : 137px;
	margin: 0;
	padding: 0;

}


#flashcontent {
	width: 732px;
	height: 272px;
	float : left;
	margin: 0;
}

#menu {
	width: 233px;
	height: 272px;
	float : left;		
	margin : 0;
	padding : 0;
	background: transparent url(images/nav_background.gif);
}


#pageImage {
	width: 757px;
	height: 272px;
	text-align: left;
	float : left;		
	margin : 0;
	padding : 0;
	background: transparent url(images/content_background.gif);
}

#contentContainer {
	width: 990px;		
	margin : 0;
	padding : 0;
	float : left;
	background: transparent url(images/contentContainer_bkgrnd.gif);
}

#menuColumn {
	width: 233px;
	float : left;		
	margin : 0;
	padding : 0;
	background: transparent url(images/navColumn_grey_bkgrnd.gif);
}



#content {
	width: 757px;
	min-height: 190px;
	float : left;		
	margin : 0;
	padding : 0;
	background: transparent url(images/content_background.gif);
}



#footer {
	width: 990px;
	height: 31px;
	clear: both;	
	margin : 0;
	padding : 0;
}





/* header Area */
	
	/* establish positioning context */
	div#header { 
		position : relative;
	}
	
	/* replace h1 w/ image via Phark method */
	div#header h1 {
		width : 990px;
		height : 137px;
		background: transparent url(images/header.gif) no-repeat;
		text-indent : -9999px;
		margin: 0;
		padding: 0;
	}
	
	
	
	/* clickable area for home button */
	div#header a#logoHomeBtn {    
		display : block;
		position : absolute;  /*reestablish positioning for image replacement - THIS IS A HACK FOR IE7 */
	  /*position : relative;  // reestablish positioning for image replacement */
		float: left;
		width : 205px;
		height: 77px;
		margin-left: 29px;
		margin-top: 23px;
		z-index: 10;
	}
	
	
	
	
	
	
	/* tagline text in header image, hide this text */
	div#header blockquote {
		position : absolute;
		top : -9999px;
	}
	
	
	
	
	
	
	
	
	
/* Site Navigation */
	
	/* move this nav list to fit in header/header area */
	
	/* This one is the problem
	*/
	div#menu ul#nav_main {
		position : relative;
	/*	position : absolute; */
		width: 233px;		
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	div#menu ul#nav_main li {
	  /*float : left; */
	    text-align: left;
		margin : 0;
		padding : 0;
		overflow : hidden;
	}
	
	div#menu ul#nav_main li img{
		margin : 0;
		padding : 0;
	}
	
	/* make anchors behave as buttons */
	div#menu ul#nav_main a {
		display : block;
		position : relative; /* reestablish positioning for image replacement */
		height : 28px;
	  /*float : left;  Hack, IE MAC 5.2 doesn't "shrink-wrap" the floated list items bacause the anchors are set to block, so we float the anchors too */
	}
	
	
	

	
	/* image replacment via Gilder/Levin method (needs non-semantic span in HTML but leaves text in place for useragents w/ images off) */
	div#menu ul#nav_main a span {
		position : absolute;
		width : 100%;
		height : 100%;
	}












	/* offsetting a single image for all navigation text */
	
	
	
	/* link states */
	div#menu ul#nav_main a:link#home span {
		background : url(images/nav_main.gif);
		background-position: 0px 0px;
	}
	
	div#menu ul#nav_main a:link#about span {
		background : url(images/nav_main.gif);
		background-position: 0px -28px;
	}
	
	div#menu ul#nav_main a:link#clients span {
		background : url(images/nav_main.gif);
		background-position: 0px -56px;
	}
	
	div#menu ul#nav_main a:link#projects span  {
		background : url(images/nav_main.gif);
		background-position: 0px -84px;
	}
	
	div#menu ul#nav_main a:link#services span {
		background : url(images/nav_main.gif);
		background-position: 0px -112px;
	}
	
	div#menu ul#nav_main a:link#careers span {
		background : url(images/nav_main.gif);
		background-position: 0px -140px;
	}
	
	div#menu ul#nav_main a:link#contact span {
		background : url(images/nav_main.gif);
		background-position: 0px -168px;
	}
	
	div#menu ul#nav_main a:link#links span {
		background : url(images/nav_main.gif);
		background-position: 0px -196px;
	}
	
	
	
	
	/* visited states */
	div#menu ul#nav_main a:visited#home span {
		background : url(images/nav_main.gif);
		background-position: 0px 0px;
	}
	
	div#menu ul#nav_main a:visited#about span {
		background : url(images/nav_main.gif);
		background-position: 0px -28px;
	}
	
	div#menu ul#nav_main a:visited#clients span {
		background : url(images/nav_main.gif);
		background-position: 0px -56px;
	}
	
	div#menu ul#nav_main a:visited#projects span  {
		background : url(images/nav_main.gif);
		background-position: 0px -84px;
	}
	
	div#menu ul#nav_main a:visited#services span {
		background : url(images/nav_main.gif);
		background-position: 0px -112px;
	}
	
	div#menu ul#nav_main a:visited#careers span {
		background : url(images/nav_main.gif);
		background-position: 0px -140px;
	}
	
	div#menu ul#nav_main a:visited#contact span {
		background : url(images/nav_main.gif);
		background-position: 0px -168px;
	}
	
	div#menu ul#nav_main a:visited#links span {
		background : url(images/nav_main.gif);
		background-position: 0px -196px;
	}
	
	
	
	

	/* hover states */
	div#menu ul#nav_main a:hover#home span {
		background-position: -233px 0px;
	}
	
	div#menu ul#nav_main a:hover#about span {
		background-position: -233px -28px;
	}
	
	div#menu ul#nav_main a:hover#clients span {
		background-position: -233px -56px;
	}
	
	div#menu ul#nav_main a:hover#projects span {
		background-position: -233px -84px;
	}
	
	div#menu ul#nav_main a:hover#services span {
		background-position: -233px -112px;
	}
	
	div#menu ul#nav_main a:hover#careers span {
		background-position: -233px -140px;
	}
	
	div#menu ul#nav_main a:hover#contact span {
		background-position: -233px -168px;
	}
	
	div#menu ul#nav_main a:hover#links span {
		background-position: -233px -196px;
	}
	



	
	/* active states */
	div#menu ul#nav_main a:active#home span {
		background : url(images/nav_main.gif);
		background-position: 0px 0px;
	}
	
	div#menu ul#nav_main a:active#about span {
		background : url(images/nav_main.gif);
		background-position: 0px -28px;
	}
	
	div#menu ul#nav_main a:active#clients span {
		background : url(images/nav_main.gif);
		background-position: 0px -56px;
	}
	
	div#menu ul#nav_main a:active#projects span  {
		background : url(images/nav_main.gif);
		background-position: 0px -84px;
	}
	
	div#menu ul#nav_main a:active#services span {
		background : url(images/nav_main.gif);
		background-position: 0px -112px;
	}
	
	div#menu ul#nav_main a:active#careers span {
		background : url(images/nav_main.gif);
		background-position: 0px -140px;
	}
	
	div#menu ul#nav_main a:active#contact span {
		background : url(images/nav_main.gif);
		background-position: 0px -168px;
	}
	
	div#menu ul#nav_main a:active#links span {
		background : url(images/nav_main.gif);
		background-position: 0px -196px;
	}
	
	
	
	
	
	
	






	/* current page states */
	div#menu ul#nav_main a#currentpage_home span {
		background : url(images/nav_main.gif);
		background-position: -233px 0px;
	}
	
	div#menu ul#nav_main a#currentpage_about span {
		background : url(images/nav_main.gif);
		background-position: -233px -28px;
	}
	
	div#menu ul#nav_main a#currentpage_clients span {
		background : url(images/nav_main.gif);
		background-position: -233px -56px;
	}
	
	div#menu ul#nav_main a#currentpage_projects span {
		background : url(images/nav_main.gif);
		background-position: -233px -84px;
	}
	
	div#menu ul#nav_main a#currentpage_services span {
		background : url(images/nav_main.gif);
		background-position: -233px -112px;
	}
	
	div#menu ul#nav_main a#currentpage_careers span {
		background : url(images/nav_main.gif);
		background-position: -233px -140px;
	}
	
	div#menu ul#nav_main a#currentpage_contact span {
		background : url(images/nav_main.gif);
		background-position: -233px -168px;
	}
	
	div#menu ul#nav_main a#currentpage_links span {
		background : url(images/nav_main.gif);
		background-position: -233px -196px;
	}


/* 	END header Area with Site Navigation */