/*CSS Document*/
* {margin:0; padding:0;   }

body {background-color:#918813; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; height:100%; min-height:100%; 
	 text-align:center;}

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

div#topnav {background-color:#28434a; margin:0; padding:0 15px 0 0; color:#CCCCCC;  width:85%; height:30px; margin-top:-25px; float:right; 
	border:3px solid black;}

div#topnav2 {background-color:#28434a; margin:0; padding:0 15px 0 0; color:#CCCCCC;  width:85%; height:30px; margin-top:-5px; float:right; 
	border:3px solid black;}

div#bodywrap {width:780px;  margin-top:-300px;  padding:10px 10px 10px 10px;  border:2px solid black; margin-left:auto; margin-right:auto;
		 background-color:#992614;   
		  background-repeat:no-repeat; background-position:5px 30px; text-align:left; min-height:600px; text-align:center; }

div#iframewrap {background-color:#992614; width:100%; margin:0;}
 
div#backband {width:100%; background-image:url(img/backband2.gif); background-repeat:repeat-x; margin:100px 0 0 0; height:200px;}

div#top {width:780px; height:110px; border:2px solid black;  background-color:#d4a124; padding:10px; margin-left:auto; margin-right:auto;}
	div#top h1 {font-size:115%; text-align:left; margin:2px auto; width:45%; float:left; clear:left;}
	div#top h2 {font-size:100%; text-align:left; margin:2px auto; width:40%; float:left; clear:left;}
	div#top h3 {font-size:85%; text-align:left; margin:2px auto; width:40%; float:left; clear:left;}

	div#top img {height:100px; padding:1px; border:1px solid black; float:right; margin:0 2px;}


div#bodymainrighttop {width:400px; float:right;  margin:5px 0; }
	div#bodymainrighttop h1 {font-size:140%; text-align:center;}


	div#bodymainrighttop2 h1 {font-size:140%; text-align:center;}
	
	.centeredtext {width:90%; margin:20px auto; text-align:center; font-size:120%; font-weight:bolder; border-top:3px solid black; padding:5px 0 0 0;}
	.centeredtext2 {width:90%; margin:20px auto; text-align:center;  font-weight:bolder; border-top:3px solid black; padding:5px 0 5px 0; border-bottom:3px solid black; }
	.centeredtext2 p {margin:4px 0;}
	.mainrighttop2 {width:385px;   margin:5px auto; background-color:#d4a124;  padding:5px 0 ; font-size:130%; 	font-weight:bold; border:2px solid black;}
	
	.info h2 {text-align:center; text-decoration:underline; font-size:140%;}
		.info h3 {text-align:center; font-size:125%; font-style:italic;}
		.event {text-align:center; font-size:90%; font-style:italic; margin:5px 0 20px 0;}
		.info h2 {text-decoration:underline; font-size:130%; text-align:center; margin:10px 0;}

	.info {float:right; width:385px; border:0px solid black; font-size:85%; text-align:left; font-weight:bold;}
	.infofull {width:98%; margin:0 auto; border:0px solid black; min-height:200px; clear:both; font-size:85%; text-align:center; font-weight:bold;}
	
	.info p {margin:10px 0; padding:0 10px;}
	.info a {color:#000000;}
	.itun {text-decoration:underline; font-style:italic;}
	
	.imagebox {width:400px; margin:10px auto; text-align:center;  float:right;}
	.imageboxleft {width:350px; float:left; border:2px solid black; background-color:#d4a124; padding:5px; margin:35px 0 0 25px;}
	.imageboxright {width:350px; float:right; border:2px solid black; background-color:#d4a124; padding:5px; margin:35px 25px 0 0;}
	.imageboxsmall {width:175px; margin:10px 5px; text-align:center;  float:left; border:2px solid black;}
	
	.staffname {float:right; clear:none; font-size:80%; text-align:center; width:185px; }
	.directorybox {width:370px; margin-bottom:15px; border:1px solid black; margin-left:auto; margin-right:auto; min-height:150px; padding:8px 3px; background-color:#d4a124;}
	.directoryboxleft {float:left; width:370px; margin-bottom:15px; border:1px solid black;  min-height:150px; padding:8px 3px;}
	.directoryboxright {float:right; width:370px; margin-bottom:15px; border:1px solid black;  min-height:150px; padding:8px 3px;}
	
	.right {float:right;}
	.left {float:left;}
	
	.staffemail {float:right; clear:none; font-size:85%; text-align:center; width:185px; }
	.staffemail a {text-decoration:underline; color:black; font-size:90% }
	.staffimage {float:left; width:150px; text-align:center; margin:10px 5px; background-color:#992614; border:1px solid black; padding:3px; }
	.rightwide {width:400px; float:right;  margin-top:15px; font-size:90%; border:0px solid black; text-align:center;}
	
		.rightwide img {margin:10px 0;}
	
	.infobox1 {width:19%; background-color:#918813; float:right; margin:-20px 5px 5px 5px; border-left:2px solid black; 
			border-right:2px solid black; text-align:center; padding:5px 5px 5px 10px;}
		.infobox1 h1 {font-size:80%; text-align:center; text-decoration:underline;}
		.infobox1 p {text-align:left; font-size:75%; margin:6px 0; }

	.sundayinfo {width: 65%; margin:5px auto; background-color:#d4a124; padding:5px 2px; border:2px solid black; font-weight:bold; font-size:90%; text-align:center;}	
		.sundayinfo p {margin:5px 0;}
	
			
	.infobox2 {width:380px; background-color:#d4a124;  margin:5px auto 5px auto; border:2px solid black; 
		padding:5px 10px 5px 10px; text-align:center;}
	
		.infobox2 h1 {font-size:100%; text-align:left; text-decoration:underline;}
		.infobox2 h2 {font-size:110%; text-align:center; margin:4px 0; }
		.infobox2 h3 {font-size: 105%; text-align:center; font-style:italic;}
		.infobox2 h4 {font-size:80%; width:60%; text-align:left; float:right;}
		.infobox2 p {font-size:80%; margin:6px 0;}
		.infobox2 ul {}
		.infobox2 li {list-style-type:none; font-weight:bold; font-size:80%; font-style:italic;}
	
	.infobox3 {width:575px; background-color:#d4a124;  margin:5px auto 600px auto; border:2px solid black; 
		padding:5px 10px 5px 10px; text-align:center; font-size:75%;}

.infobox4 {width:90%; background-color:#d4a124;  margin:5px auto 5px auto; border:2px solid black; 
		padding:5px 10px 5px 10px; text-align:center; clear:both;}
	
		.infobox4 h1 {font-size:100%; text-align:left; text-decoration:underline;}
		.infobox4 h2 {font-size:110%; text-align:center; margin:4px 0; }
		.infobox4 h3 {font-size: 105%; text-align:center; font-style:italic;}
		.infobox4 h4 {font-size:80%; width:60%; text-align:left; float:right;}
		.infobox4 p {font-size:80%; margin:6px 0;}
		.infobox4 ul {}
		.infobox4 li {list-style-type:none; font-weight:bold; font-size:80%; font-style:italic;}.eventname {font-size:95%; text-align:center; text-decoration:underline; font-weight:bold; text-transform:uppercase;}
.eventdate {font-size:90%; text-align:center; }
.eventinfo {font-size:90%; font-style:italic; font-weight:bold; text-align:center; padding:2px 5px; margin:5px auto 10px auto; width:95%; border-bottom:2px solid black;}

.leftmargin {width:115px; background-color:#d4a124; float:left; margin:5px 0 5px 5px;  clear:left; padding:3px 0; }
	.leftmargin img {border:1px solid black; padding:2px; display:block; margin-top:3px; margin-bottom:3px; 
		margin-left:auto; margin-right:auto;}
.leftpicturearea {width:340px; float:left; border:0px solid black; margin:10px 0 0 5px; }
	.leftpicturearea img {width:320px; margin:10px auto; background-color:#d4a124; padding:3px; border:2px solid black; }
.leftpictureareaindex {width:360px; float:left; border:0px solid black; background-image:url(img/sanctcrossgraphicindex.gif); background-repeat:no-repeat; margin:10px 0 0 2px; background-color:#992614; background-position: top right;}

div#bodymainrightwide {width:540px; float:right;  margin-top:35px; font-size:90%; }

div#infobox1 {width:19%; background-color:#918813; float:right; margin:-20px 5px 5px 5px; border-left:2px solid black; border-right:2px solid black;
	text-align:center; padding:5px 5px 5px 10px;}
	div#infobox1 h1 {font-size:80%; text-align:center; text-decoration:underline;}
	div#infobox1 p {text-align:left; font-size:75%; margin:6px 0; }
div#infobox2 {width:55%; background-color:#d4a124; float:left; margin:5px 0px 5px 50px; border-right:3px solid black; padding:5px 10px 5px 5px;
	text-align:center;}
		div#infobox2 h1 {font-size:90%; text-align:left; text-decoration:underline;}
		div#infobox2 h2 {font-size:90%; text-align:right; }
		div#infobox2 h3 {font-size: 105%; text-align:center; font-style:italic;}
		div#infobox2 h4 {font-size:80%; width:60%; text-align:left; float:right;}
		div#infobox2 p {font-size:80%; margin:6px 0;}
		div#infobox2 ul {}
		div#infobox2 li {list-style-type:none; font-weight:bold; font-size:80%; font-style:italic;}



div#leftmargin {width:115px; background-color:#d4a124; float:left; margin:15px 0 5px -5px;  clear:left; padding:3px 0; }
	div#leftmargin img {border:1px solid black; padding:2px; display:block; margin-top:3px; margin-bottom:3px; 
		margin-left:auto; margin-right:auto;}
		
div#bottom {width:780px; height:100px;  padding:10px; text-align:center; margin-left:auto; margin-right:auto;}
div#bottom p {font-size:70%; font-style:italic; font-weight:bold; display:block;}
	div#bottomleft {width:50%; float:left;}
	div#bottomright {width:50%; float:left;}
div#bottom img {margin:0 4px;}



<!--dropdownmenubegins-->
body {behavior:url("/css/csshover2.htc"); }


div#listmenu {
	width:100%;	float:left;
	font-size:75%; font-weight:bold; font-variant:small-caps;
	background-color:#28434a;
	margin:5px 0px 0 0;
	padding:0 15px 0 0; 
	}

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

div#listmenu li {float:right; color:#000000;
	position:relative; text-align:center;
	background-color:#28434a;
	list-style-type:none;
	border-right:0px solid #000;
	border-top:0px solid #000;
	border-bottom:0px solid #000; margin:0 10px;  border:1px solid #28434a;
	}

div#listmenu2 li ul {display:none; position:absolute; top:5px; margin-left:-5px;}

div#listmenu li:first-child {
	
	}

div#listmenu li:hover {background-color:#918813; color:#000; border:1px solid black;
	}

div#listmenu a {
	display:block; text-align:left;
	padding: 2px 3px 2px 3px; font-weight:bold;
	text-decoration:none;
	color:#CCCCCC;
	}

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

div#listmenu a:hover {
	background-color:#918813; background-image:; background-repeat:repeat; color:#fff; text-decoration:;
	}

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

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

div#listmenu ul li ul li:first-child {border-top:1px solid #000;
	
	}

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:0px;}



body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	margin-left:24px; padding-left:4px;
	}
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#standrewlistmenu {
	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#standrewlistmenu	{margin-left:3px}
	
div#standrewlistmenu ul {margin:0 0 0 0px;/* indents ul from edge of container - left changed to 0 */
	width:99%; padding:0; 
}
div#standrewlistmenu 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#standrewlistmenu li:first-child {
	border-left:0px solid #000; /*the first vertical line on the menu */
	}
div#standrewlistmenu li:hover { 
	background-color:; background-image:; /*sets the background of the menu items */
	}
div#standrewlistmenu 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#standrewlistmenu a:hover {
	color:#000; background-image:;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#standrewlistmenu ul li ul {
	 /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	margin-left:100px; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:125px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	top:-1px; /* ADDED - ALLIGNS THE POP-OUT WITH ITS PARENT */
	left:-2px; /*aligns the drop exactly under the menu */ font-size:95%; text-align:left; background-color:;
	}
div#standrewlistmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:0px solid #000; /*  three sides of each drop-down item */
	border-bottom:1px solid #000;
	border-right:0px solid #000;
	background-color:; /* ADDED - sets the background of the submenu items */
	}

div#standrewlistmenu ul li ul li a:hover {background-image:;}
div#standrewlistmenu ul li ul li:first-child {
	border-top:0px solid #000; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#standrewlistmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#standrewlistmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#standrewlistmenu ul li ul li:hover ul {display:block;} /* shows the sub-drop-down when drop-down menu is hovered */
div#standrewlistmenu ul li:hover ul ul {display:none;} /* conceals the sub-drop-down when drop-down menu not hovered */

div#standrewlistmenu ul li ul li ul {left:0px;} /*aligns the sub-pop next to the pop - added for side version */

/* HACK ZONE - on hack only for IE */
* html div#standrewlistmenu ul li ul {
    border-top:0px solid #000; /*the top edge of the dropdown */
	}
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:0px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:0; /* IE doubles the given value above - why? */ margin-top:0px; margin-bottom:0px;
	}


/* END OF LIST-BASED MENU */
 .clearfix:after {
 	content:"."; display:block; height:0; clear: both; visibility:hidden;}
	.clearfix {display: inline-block;}
	* html .clearfix {height:1%;}
	.clearfix {display:block;}