@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;   }

body { color:#000000; font-family:Arial, Helvetica, sans-serif; height:100%;  background-color:#f89d2d; margin-top:-8px;
	 text-align:center; font-size:12px; background-image:url(../images/back3.jpg); background-repeat:repeat-x; height:100%;}

a {text-decoration:underline; color:#000000;}

div#bodywrap {width: 825px; border-right:2px solid #143d8d; border-left:2px solid #143d8d; min-height:650px; background-image:; 			
	background-repeat:repeat-x; margin-right:auto; margin-left:auto; margin-bottom:5px; border-bottom:2px solid #143d8d;}

div#innerwrap {width:100%; min-height:650px; background-image:url(../images/largecrossfromlogo.jpg); background-position:100px 230px  ; 
	background-repeat:no-repeat; background-color:#fedcb4; }

div#top {float:left; width:100%; border:0px solid black; height:220px; background-image:url(../images/topchancel.jpg);
	background-position:right; background-repeat:no-repeat; background-position:right;}

div#top2 {float:left; width:100%; border:0px solid black; height:220px; background-image:url(../images/topcongfade3.jpg);
	background-position:right; background-repeat:no-repeat; background-position:right;}

	div#top img {float:right;}
	
	
div#toprotate {float:left; width:100%; border:0px solid black; height:220px; background-color:#fedcb4;}

div#topcontent {float:left; width:100%; border:0px solid black; height:160px; background-image:;
	background-position:right; background-repeat:no-repeat; background-color:;}

div#nav {float: right; height:30px; background-color:#143d8d; width:85%; background-image:url(../images/navend3.jpg); 
	background-position:left; background-repeat:no-repeat;}

div#bottom {width:829px; height:50px; border-top: 0px solid #143d8d;   margin-right:auto; margin-left:auto; }

.sermonbox {width:275px;  text-align:center; background-color:#fedcb4; margin:15px 0 0 10px;  }
.sermonbox a {color:white;}
.sermonboxtop {width: 275px; height: 37px; float:left; text-align:center; background-image:url(../images/sermonbox_01.gif); background-repeat:no-repeat; padding:5px 0 -5px 0; font-size:100%; font-weight:bold; color:#FFF;}
.sermonboxtop p {margin:15px 0 0 0;}
.sermonboxmiddle {width: 275px; float:left; text-align:center; background-image:url(../images/sermonbox_03.gif); background-repeat:repeat-y;  padding-top:10px; margin:-5px 0 0 0; }
.sermonboxbot {width: 275px; float:left; text-align:center; background-image:url(../images/sermonbox_04.gif); background-repeat:no-repeat; height:30px; color:#FFF; }
	.sermonboxbot a {color:white; font-weight:bold; text-decoration:underline;}


.bottompicture {float:right; width: 80px; height:102px; margin:0 5px; }

.bottompicture img  {text-decoration:none; border:none;}

.infoleft {width:90%; text-align:left; float:left; font-size:105%; font-weight:bold; border:0px solid black; margin:0 0 0 20px;}
	.infoleft p {float:left; margin:6px 5px 6px 25px;  width:90%;}
	.infoleftheading {float:left; font-size:125%; font-weight:bold; width:100%; }
.headingcenter {font-size:140%; width:90%; margin:5px auto; text-align:center;}
.indent1 {width:90%; text-align:left; float:left; font-size:105%; font-weight:bold; border:0px solid black; margin:0 0 0 40px;}
.indent2 {width:80%; text-align:left; float:left; font-size:105%; font-weight:bold; border:0px solid black; margin:0 0 0 50px;}
.churchinfo {font-size:125%; float:left; margin:0px 0 0px 15px; background-color:; padding:5px; display:block;  
	text-align:right; height:6px; font-weight:bold; color:#143d8d; clear:left; width:200px;}

	.churchinfo a {text-decoration:none; color:#143d8d;}

.infoleftbottom {width:65%; text-align:center; float:left; font-size:85%;}

.info1fltr {width:60%; min-height:100px; float:right; text-align:left; border:0px solid black; margin:5px 0 0 0;}

.info1fltr p {font-size:90%; font-weight:bold; margin:15px 0;}

.initialletter {font-size:130%; margin-left:10px;}

.heading {font-size:220%; float:left; margin:2px 0 2px 15px; background-color:; padding:5px; font-weight:bold;}
.heading2 {font-size:125%; float:left; margin:0px 0 0px 25px; background-color:; padding:5px; display:block;  
	text-align:right; height:6px; font-weight:bold; color:#143d8d; clear:left; width:200px;}
.heading3 {width:102%; font-size:125%; float:left; text-align:left; margin:5px 0 5px -10px;}
.heading4 {width:73%; font-size:125%; float:left; text-align:left; margin:5px 0 5px 0px; display:block;}
.heading5 {font-size:220%; float:left; margin:2px 0 8px 15px; background-color:#F00; padding:5px; font-weight:bold; color:;}

.titlecontent { text-align:left; width:99%; font-weight:bold; font-size:300%; color:#143d8d;  border:0px solid black; margin:0px auto 10px auto;}

.titlecontent2 { text-align:left; width:99%; font-weight:bold; font-size:275%; color:#143d8d;  border:0px solid black; margin:0px auto 10px auto;}
.short {width:50%; float:left;}

.contentarea {float:left; width:68%; border:0px solid #143d8d; margin:10px 0 0 20px; text-align:left;
		padding:10px; font-size:105%; font-weight:bold; height:100%; }

.contentarea p {clear:both; padding-left:25px; margin:8px 0;}

.contentareawide {float:left; width:94%; border:0px solid #143d8d; margin:10px 0 0 20px; text-align:left;
		padding:10px; font-size:105%; font-weight:bold; }
		.contentareawide p {padding-left:30px; margin:0px 0 5px 0; }
	.contentareawide ul {margin:20px 0 5px 45px;}
	.contentareawide li {margin:12px 0; list-style-type:none;}
.contentareanarrow  {float:left; width:68%; min-height:20px; border:1px solid #143d8d; margin:10px 0 0 20px; text-align:left;
		padding:10px; font-size:100%; font-weight:bold; }

.contentarearight  {float:right; width:65%; min-height:20px; border:0px solid #143d8d; margin:10px 10px 0 20px; text-align:left;
		padding:10px; font-size:105%; font-weight:bold; }
		
		.contentarearight p {margin:20px 0;}

.leftindex {width:295px; float:left; text-align:center; border:0px solid black; margin:0 0 0 3px;}
.twitterbox {width:225px; border:0px solid black;    margin:10px 0 10px 20px; float:left; color:#FFF; }
	div#twitter_div {background-color:#143d8d; padding:8px; color:#FFF; font-weight:bold;}
		div#twitter_div ul {color:#FFF; text-align:left;}
		div#twitter_div li {list-style-type:none;}
		div#twitter_div p {margin:5px 0;}
		.sidebar-title {margin:-25px 0 5px 0;}
.sermonthirds {width:300px; float:left; clear:none; border:0px solid black; margin:0 55px;}

.bottomgraphic {float:right; width:90px; margin:5px;}
 
.bottomgraphic img  {text-decoration:none; border:none;}

.bottomtext {float:left; width:480px; text-align:center; margin:5px auto;}

.bottomtext p {font-size: 85%; font-weight:bold; margin:3px 0;}

.imgleft {float:left; margin:5px 10px 0 17px; }
.imgright {float:right; height:160px; margin:0 10px;}
.imgright2 {float:right;   margin:10px 0; }
.imageright {float:right; width:205px;  border:0px solid black;  margin:10px 0; clear:right;}
	.imageright img {border:none;}
.indeximageright {float:right; width:205px; height:475px; border:0px solid black;  background-image:url(../images/ipcfront3.jpg); background-repeat:no-repeat; background-position:top left; margin:10px 0; clear:right;}

.indeximagerightblank  {float:right; width:205px;  border:0px solid black;  margin:10px 0; clear:right;}
  .indeximagerightblank img {border:none;}
.leftimages {float:left; width:165px; text-align:center;  background-color:#f89d2d; margin:10px 0; border:1px solid #143d8d; margin:5px 20px 5px 10px;}
	.leftimages img {width:150px; margin:10px auto; border:2px solid #143d8d; }
	.leftimagescaption {font-size:90%; color:#000; font-weight:bold; width:80%;  margin:5px auto 8px auto;  border:0px solid black; padding:2px 0;}
	.leftimagescaptionup {font-size:90%; color:#000; font-weight:bold; width:80%;  margin:-8px auto 8px auto;  border:0px solid black; padding:2px 0;}
	.leftimagesheading {font-size:120%; color:#000; font-weight:bold; width:95%; margin:8px auto; }
	
	.horizontalimages { width:100%; text-align:center; background-color:#f89d2d; margin:10px auto; border:0px solid #143d8d; }
	.horizontalimages img {width:150px; margin:10px auto; border:2px solid #143d8d; vertical-align:middle;}

.gallery {width:99%; text-align:center; background-color:#fedcb4;}
	
.rightimages {float:right; width:165px; text-align:center;  background-color:#143d8d; margin:10px 0; border:1px solid black; margin:5px 10px 5px 10px;}
	.rightimages img {width:150px; margin:10px auto; border:2px solid #f89d2d; }
	.rightimagescaption {font-size:90%; color:#FFF; font-weight:bold; width:80%;  margin:0 auto;  border:0px solid black; padding:3px 0;}
.imgcentered {width:95%; margin:10px auto; text-align:center; clear:none; border:none; }

.gallery2 {width:606px; height: 600px; text-align:center; margin:5px auto; clear:none; border:none;}

.galleryinner {width:99%; margin:3px auto; clear:none;}

	.imgcentered img {border:none;}

.leftimagesbig {float:left; width:300px; text-align:center;  background-color:#f89d2d; margin:10px 0; border:1px solid black; margin:5px 10px 5px 10px;}
	.leftimagesbig img {width:270px; margin:10px auto; border:2px solid #143d8d; }
	.leftimagescaptionbig {font-size:90%; color:#000; font-weight:bold; width:80%;  margin:0 auto;  border:0px solid black; padding:3px 0;}
	.leftimagesheadingbig {font-size:120%; color:#000; font-weight:bold; width:95%; margin:8px auto; }

.rightimagesbig {float:right; width:205px; text-align:center;  background-color:#f89d2d;  border:2px solid #143d8d; margin:5px 5px 5px 5px; clear:right;}
	.rightimagesbig img {width:270px; margin:10px auto; border:2px solid #143d8d; }
	.rightimagescaptionbig {font-size:90%; color:#000; font-weight:bold; width:80%;  margin:0 auto;  border:0px solid black; padding:3px 0;}
	.rightimagesheadingbig {font-size:120%; color:#000; font-weight:bold; width:95%; margin:8px auto; }
	
.picturebar {width:100%; background-color:#143d8d; height:90px; padding-top:5px}

.picturebar img {height:85px; }

.pastormessage {width:270px; margin:15px ; font-size:100%; font-weight:bold; padding:5px; border:0px solid black; float:left; padding:0 10px; }
	.pastormessage p {text-align:left; margin:5px 0;}

.point1 {font-size:110%; font-weight:bolder; margin:0 0 0 -8px;}
.point2 {font-size:105%; font-weight:bolder; margin:0 0 0 -8px;}

.halfinfowrap {width:98%; margin:20px auto; border:0px solid black; padding:2px 0; height:360px; }

.halfinfo {width:360px; height:100%; float:left; border:2px solid #143d8d; margin:5px; padding:5px 0; background-color:#f89d2d;}
	.halfinfoname {width:200px; float:right; text-align:left; border:0px solid black; margin:15px 5px 5px 5px; font-size:130%;}
	.halfinfotitle {width:200px; float:right; text-align:left; border:0px solid black; margin:0px 5px 5px 5px; font-size:120%; 
			font-weight:normal}
	.halfinfoemail {width:200px; float:right; text-align:left; border:0px solid black; margin:0px 5px 5px 5px; font-size:110%; 
			font-weight:normal;}
			.staffemail a {text-decoration:none;}
			.staffemail a:hover {text-decoration:underline;}
	.halfinfopic {width:130px; height:150px; border:0px solid black; margin:0 8px 0px 8px; float:left; clear:none; background-color:#143d8d; text-align:center; padding:5px 0 0 0;}
	.halfinfomessage {width:200px; float:right; font-weight:normal; font-style:italic; margin:0px 5px 5px 5px;}
	.halfinfomessage2 {width:98%; float:right; font-weight:normal; font-style:italic; margin:0px 5px 5px 5px; text-align:left;}
	
.fullinfo {width:95%;  margin:10px auto; border:1px solid black; background-color:#f89d2d; padding:5px;}
	.fullinfo p{ width:50%;   text-align:left; border:0px solid black;  clear:left;}
	.fullinfoname {width:400px; float:left; clear:left; text-align:left; border:0px solid black; margin:15px 5px 5px 5px; font-size:130%;}
	.fullinfopicl {float:left; width:275px;  border:none; margin:10px 10px;}
	.fullinfopicr {float:right; width:275px;  border:0px solid black; margin:10px 30px 10px 10px;}
	.fullinfoemail {width:380px; float:left; text-align:left; border:0px solid black; margin:0px 5px 5px 25px; font-size:110%; 
			font-weight:normal;}
			.fullemail a {text-decoration:none;}
			.fullemail a:hover {text-decoration:underline;}
	.innerfullinfo {width:100%; margin:50px 0 0 0; }
	.fullinfo ul {width:325px; margin:10px 0 10px 15px; border:1px solid black; float:left; padding:5px 3px 5px 10px; background-color:#143d8d; }	
	.fullinfo li { list-style-type:none; margin:3px 0; color:#FFF; font-size:90%; }
	.fullinfo li a {color:#FFF; text-decoration:none;}
	.fullinfo ul p {margin:35px 0 5px -25px; color:white; font-size:105%; text-decoration:underline;}
	.fullinfoheading {width:325px; margin:0px 0 0px 0px; color:white; font-size:105%; text-decoration:underline; background-color:#143d8d;}
	
	.widetext {width:95%; text-align:left; margin:5px 5px 5px 20px; clear:both;}
	.widetext2 {width:50%; text-align:left; margin:15px 5px 5px 20px;  float:left; }
	.widetext3 {width:65%; text-align:left; margin:15px 5px 5px 15px;  float:left; }
	.map {width: 95%; margin:5px auto; text-align:center; border:2px solid #143d8d; min-height:450px; clear:both; font-size:125%; font-weight:bold; padding:15px 5px 5px 5px; background-color:#f59d2f;}


.servicetimes {float:right; width:185px; border:2px solid #143d8d; margin:10px 7px 10px 0; text-align:center; clear:right; padding:0 0 5px 0;}
	.servicetimes h1 {width:100%; font-size:120%; background-color:#f89d2d; padding:3px 0;}
	.servicetimesinfo {font-size:100%; font-weight:bold; width:100%; font-weight:normal; margin:3px 0;}

.servicetimes2 {float:right; width:250px; border:2px solid #143d8d; margin:10px auto 10px auto; text-align:center; clear:right; padding:0 0 5px 0;}
	.servicetimes2 h1 {width:100%; font-size:150%; background-color:#f89d2d; padding:3px 0;}
	.servicetimes2info {font-size:120%; font-weight:bold; width:100%; font-weight:normal; margin:3px 0;}



.schedule {width:85%; margin:10px auto; border:4px solid #143d8d; background-color:#f89d2d;}
.eventname {width:90%; margin:15px auto 0 auto; font-size:120%; font-weight:bold; text-decoration:underline; color:#FFF;}
.eventdate {width:90%; margin:5px auto; font-size:90%; font-weight:bold; color:#FFF;}
.eventinfo {width:90%; margin:5px auto; font-size:85%; font-weight:bold; color:#FFF;}
.eventname  a{color:#FFF;}

.busschedule {float:left; margin:15px 0 0 10px; width:180px; border:2px solid #143d8d; text-align:center; }

.coltsblue {color:#204282; font-size:150%; font-weight:bold; margin:0 0 0 30px;}

.red {color:#F00; font-size:100%; font-weight:bold; display:inline-block;  }
.red2 {color:#F00; font-size:175%; font-weight:bold;  }
.red3 {color:#F00; font-size:200%; font-weight:bold;    }

.boldindent {padding:10px 0; text-align:center; font-weight:bolder; font-style:italic; width:65%; margin:5px auto;}
.clearfix:after {
 	content:"."; display:block; height:0; clear: both; visibility:hidden;}
	.clearfix {display: inline-block;}
	* html .clearfix {height:1%;}
	.clearfix {display:block;}

body {behavior:url("/css/csshover2.htc"); }


div#listmenu { position:relative;
	width:100%;	float:left;
	font-size:100%; font-weight:bold;
	background-color:;
	margin:5px 0 0 20px; 
	padding:0 5px 0 0; font-variant:small-caps;
	}

div#listmenu ul {margin:0 0 0 0;
	border:0px solid #000; 
	}

div#listmenu li {float:left; color:#FFFFFF;
	position:relative; 
	background-color:#143d8d;
	list-style-type:none;
	border-right:0px solid #000;
	border-top:0px solid #000;
	border-bottom:0px solid #000; margin:0 10px;
	}

div#listmenu li:first-child {
	
	}

div#listmenu li:hover {background-color:#143d8d; color:#000;
	}

div#listmenu a {
	display:block; text-align:left;
	padding: 3px 6px;
	text-decoration:none;
	color:#FFFFFF;
	}

* html div#listmenu ul {
	
	border-left:0px solid #000;
	margin-left:0px;
	}

div#listmenu a:hover {
	background-color:#143d8d; background-image:; background-repeat:repeat; color:#000;
	}

div#listmenu ul li ul {
	margin:; 
	position:absolute;
	width:150px; 
	left:-5px; 
	}

div#listmenu ul li ul li {
	width:100%; margin:0 0 0 7px; padding:1px 0 0 0;
	border-left:2px solid #000;
	border-bottom:0px solid #000;
	border-right:2px solid #000; 
	}

div#bottomborder {border-bottom:5px solid black; padding-bottom:-10px;  }

div#listmenu ul li ul li:first-child {border-top:5px solid black; 
	
	}
div#listmenu ul li ul li:last-child {border-bottom:0px solid black; 
	
	}

*html div#listmenu ul li ul li:last-child {border-bottom:0px solid black; }
	
body div#listmenu ul li ul {display:none;}

div#listmenu ul li:hover ul, div#listcontainer ul li ul:hover {display:block; }

* html  div#listmenu ul li ul {
	border-top:1px solid #000;
	border-left:1px solid #000;}

body div#listmenu ul li ul li ul  {
	 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-2px;
	margin-left:23px; width:80%;
	}
div#listmenu ul li ul li:hover ul {visibility:visible; }

.clearfix {display:block;}

/* THE HACK ZONE - */

* html div#listmenu {
	padding:0 0 0 135px;
	} 

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:0; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #000; 
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */

<style type="text/css">
/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("css/ie51_menu_hack.css"); 




<!--verticalmenu-->

div#wvplistmenu {
	width:99%; padding:0px 0 0 0px; margin-left:0px; padding-left:0px;
	float:left; /*makes the div enclose the list */
	border-top:0 solid black;	/* draws line on top edge of div */
	/*border-bottom:1px solid #069;	 /* draws line on bottom edge of div - removed as we now have dividers */
	font-size:70%;	/* SET FONT-SIZE HERE */ font-family:Arial, Helvetica, sans-serif;
	background-color:; /* colors the div */
	}
	
*html div#wvplistmenu	{margin-left:3px}
	
div#wvplistmenu ul {margin:0 0 0 0px;/* indents ul from edge of container - left changed to 0 */
	width:99%; padding:0; 
}
div#wvplistmenu li {
	/*float:left;	/* causes the list to align horizontally instead of stack */ 	/*  *changed****/
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFFFFF; /*sets the background of the menu items */
	border-right:0px solid #000; /* creates dividing lines between the li elements */
	border-left:0px solid #000; /*the first vertical line on the menu */	/*  *ADDED****/
	border-bottom:0px solid #000; /*dividers on the menu */	/*  *ADDED****/
	border-top:0px solid #000;  margin-left:0; padding:0 0 0 0;
	}
div#wvplistmenu li:first-child {
	border-left:0px solid #000; /*the first vertical line on the menu */
	}
div#wvplistmenu li:hover { 
	background-color:; background-image:; /*sets the background of the menu items */
	}
div#wvplistmenu a {
	padding:0px 2px 0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#000;	/* sets the type color */
	font-weight:bold; display:block; margin-bottom:0px; font-size:80%; text-align:left; margin:0px 0;
	}
div#wvplistmenu a:hover {
	color:#000; background-image:;