#container {
	position: absolute;
	z-index: -9999;
	visibility: visible;
	top: 160px;		/* was 175px */
	left: 5px;		/* was 25 */
	width: 980px;	/* was 1100 */
	height: 1500px;	/* was 800 */
	text-transform: none;
	font-family: Verdana;
	vertical-align: middle;
	border-style:none;
	border-color:blue;
	border-width:thin;
	}

/*#header {
	position: relative;
	z-index: 999;
	visibility: visible;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 25px;
	text-transform: none;
	font-family: Verdana;
	vertical-align: top;
	border-style:solid;
	border-color:Gray;
	border-width:thin;
	}	*/
	
	#container a  {
		/* color:red; */
		text-decoration:none;
		font-family:Verdana, Arial;
		font-size:9pt;
	}
/* ----------------------------------------------------------------------------------------------------------------------  */
/* CSS menu starts here */
/*top layer of menu bar style  */

	.menu{
		margin-top:10px;
		background: #4682B4;		/*  #0e97e3; top level menu bar background color */
		display:block;
		font-size:0.90em;
		z-index:100;
		height:20px;
		position:absolute;
		top:2px;					/*was 10px */
		left:0px;					/*was 10px */
		width:362px;				/*was 360px*/
		}
	
	/*remove all the bullets, borders & padding from the default list styling*/
	.menu, .menu ul{
		padding:0;
		margin:0;
		list-style-type:none;
		/*width:120px;    putting this here and commenting out the below stacks the first layer */
		}
	.menu ul{
		width:120px;
		}

	/*float the list to make it horizontal & a relative position to control the dropdown menu position*/
	.menu li{
		float:left;
		position:relative;
		}
	.menu ul li{
		float:left;
		width:120px;
		position:relative;
		}
		
	/*style the menu's top level menu bar*/
	.menu a { /*, .menu a:visited{*/
		display:block;
		font-size:9pt;
		text-decoration:none;
		color:#FFF;					/* #c9fff   top level menu bar text */
		width:90px;
		padding:3px 10px 3px 5px;
		border-right:1px solid #c9ffff;
		border-bottom:1px solid #0e97e3;
		font-weight:bold;			/* was norman */
		}
	
	.menu a:hover{
		color:black !important;		/*  #2400bc        top level menu bar text hover color*/
		background:#b0c4de !important;	/* top level menu bar background hover color */
		font-weight:normal;
		}
		
		
	/*-----------------------------------------------------------------*/	
	/*second layer / first drop down */		
	/*style the second level background */
	.menu ul a { /*, .menu ul a:visited { */
		background:black;		/*this color does not show*/
		width:120px;			/* was 120px  */
		padding: 3px 10px 4px 5px;
		margin:0;
		display: block;
		border: 0;
		font-weight: normal;
		}
		
	/*style the second level hover   ***** this apparently does nothing *****
	#container #header .menu ul a:hover, .menu ul .hover a, .menu ul .hover a:visited{*/
		/*color:#c9ffff !important;			second layer / first drop down text color */
		/*background:#0e97e3  !important;		second layer / first drop down background color 
		}*/
		
	/*hide the sub levels & give them a positon absolute so they take up no room */
	/* this one cannot take the #container #header declarations */
	ul{
		position:absolute;
		height:0;
		top:20px;
		left:-9999px;
		width:120px;				/* was 120px  */
		border:1px solid #0e97e3;;	/*  #0e97e3;   second layer not hovered border color */
		background-color:#0099ff;	/*  #0099ff   this color shows as drop down borders*/
		}
		
	.menu ul li{
		clear: left;
		}
		
	/*style the second level links*/
	.menu ul a { /*, .menu ul a:visited{*/
		color:black;					/*  #2400bc    second layer text color when dropped down but not hovered over */
		width:175px;					/* was 155px */
		background-color:#b0c4d3;		/*  #c9ffff  second layer backgroung color when dropped down but not hovered over */
		padding: 3px 10px 4px 5px;
		margin:0;
		display: block;
		font-weight:normal;				/* was normal */
		}
		
	/*style the 2nd level hover*/
	.menu ul a:hover, .menu ul :hover a, .menu ul .hover a { /*, .menu ul :hover a:visited, .menu ul .hover a:visited{*/
		color:#FFF !important;			/* #c9ffff    this controls the hover text color*/
		background-color:#4682b4 !important;/* #0e97e3     this only controls the background when !important is added*/
											/*leave it off and the main menu hover color takes over*/
		font-weight:bold !important;	/* this style was not here.  added by law */															
		}
		
	/*make the second level visible when hover on the first level OR link*/
	.menu li:hover ul, .menu li.hover ul {
		left: 08px;		/* was 05px this controls the offset of the second layer or drop down when first layer is hovered */
		}


/* end of CSS menu
/* ----------------------------------------------------------------------------------------------------------------------  */
	
#container #leftNav {
	position: absolute;
	z-index: -1;
	visibility: visible;
	top: 35px;			/* was 35px */
	left: 0x;
	width: 200px;
	height: 500px;
	text-transform: none;
	font-family: Verdana;
	vertical-align: middle;
	border-style:none;
	border-color:Red;
	border-width:thin;
	}	
	
		#container #leftNav a.qLink {
			background:#4682b4;				/* #6c8b9d;   non-hovered background color */
			border-bottom:#617b8b 1px solid;
			border-top:#f5f5f5 1px solid;
			color:#FFF;						/* #FFF    anchor text color */
			display: block;
			font-size:12px;
			font-weight:bold;
			padding:10px;
			}
		#container #leftNav a.qLink:hover {
			background:#b0c4d3;				/* #6f97ae;  hovered background color */
			color:black;
			}
		#container #leftNav a.qLink span {
			color:black;					/* #f5f5f5;    span text color */
			display: block;
			font-size:10px;
			font-weight:normal;
			}
	
			.popUp{
				font-size:10px;
				font-family:Verdana, Arial;
				background:#ffffcc;
				visibility:hidden;
				margin: 0 10px;
				padding:5px;
				position:absolute;
				width:500px;
				border: none 1px #ffffcc;
				z-index:0;
			}
	
#container #contents {
	position: absolute;
	z-index: 0;
	visibility: visible;
	top: 35px;			/* was 25px*/
	left: 205px;		/* was 215 */
	width: 550px;		/* was 650px*/
	height: 650px;
	text-transform: none;
	font-family: Verdana;
	vertical-align: middle;
	border-style:none;
	border-color:green;
	border-width:thin;
	}
	
	#container #contents #iBarnitz{
		position: absolute;
		z-index: 0;
		top:20px;
		left:5px;		/* was 20 */
		width:225px;
		height:275px;
		border-style:none;
		border-color:gray;
		border-width:thin;
		}
	#container #contents #tBarnitz{
		position:absolute;
		z-index: 9;
		top:20px;
		left:235px;		/* was 250 */
		width:300px;	/* was 400 */
		height:275px;
		text-align:center;
		font-family: Verdana;
		font-size:10pt;
		font-weight:normal;
		display:block;
		border-style:none;
		border-color:gray;
		border-width:thin;
		}
		
		#container #contents #tBarnitz a:link {
		color:black;
		text-decoration:underline;
		font-family:Verdana, Arial;
		font-size:9pt;
		}
		#container #contents #tBarnitz .bHeaderText{
			display:block;
			color:black;
			font-weight:bold;
			}
		#container #contents #tBarnitz .bText{
			display:block;
			color:black;
			}
		#container #contents #tBarnitz .bNewHours{
			display:block;
			color:Maroon;
			font-weight:bold;
			font-size:9pt;
			}
		
	#container #contents #iMtZion{
		position: absolute;
		z-index: -1;
		top:250px;	/* was 250 */
		left:325px;	/* was 350 */
		border-style:none;
		border-color:gray;
		border-width:thin;
		}
		
		#container #contents #tMtZion{
		position:absolute;
		z-index 0;
		top:365px;
		left:5px;		/* was 20 */
		width:315px;
		height:275px;
		text-align:center;
		font-family: Verdana;
		font-size:10pt;
		font-weight:normal;
		display:block;
		border-style:none;
		border-color:gray;
		border-width:thin;
		}
		
		#container #contents #tMtZion .zHeaderText{
			display:block;
			color:black;
			font-weight:bold;
			}
		#container #contents #tMtZion .zText{
			display:block;
			color:black;
			}
	
	
#container #rightNav {
	position: absolute;
	z-index: -1;
	visibility: visible;
	top: 35px;			/* was 25px */
	left: 760px;		/* was 870px */
	width: 215px;		/* was 200px*/
	height: 500px;
	text-transform: none;
	font-family: Verdana;
	vertical-align: middle;
	border-style:solid;
	border-color:GrayText;
	border-width:thin;
	/*background:#b0c4d3;*/
	color:Gray;			
	font-size:10px;
	font-weight:normal;
	padding:10px;
	}
	
	#container #rightNav .head{
		font-size:12px;
		font-variant:small-caps;
		font-weight:bold;
		color:#000;
		}
		
	#container #rightNav .churches{
		color:#000;
		font-size:11px;
		display: block;
		}
	

	#container #rightNav a.rqLink {
		background:	#b0c4d3;			/* #6c8b9d;   non-hovered background color */
		border-bottom:#f5f5f5 1px solid;	/* #f5f5f5     #617b8b */
		border-top:#f5f5f5 1px solid;
		color:#FFF;						/* #FFF    anchor text color */
		display: block;
		font-size:12px;
		font-weight:bold;
		padding:10px;
		}
	#container #rightNav a.rqLink:hover {
		background:	#4682b4;			/* #6f97ae;  hovered background color */
		color:black;
		}
	#container #rightNav a.rqLink span {
		color:black;					/* #f5f5f5;    span text color */
		display: block;
		font-size:10px;
		font-weight:normal;
		}



#container #footer {
	position: absolute;
	z-index: 0;
	visibility: visible;
	top: 1000px;	/* was 685 */
	left: 10px;
	width: 950px;
	height: 200px;
	text-transform: none;
	font-family: Verdana;
	vertical-align: middle;
	border-style:none;
	border-color:Red;
	border-width:thin;
	}	
	
	#container #footer #innerfooter #navCharge a a:link a:visited a:active {
		color:gray !important;
		/* text-decoration:underline;*/
		font-family:Verdana, Arial;
		font-size:9pt;
		}	
		
	#container #footer #innerfooter #navCharge a:hover {
		color:#000;
		text-decoration:underline;
		font-family:Verdana, Arial;
		font-size:9pt;
		font-variant:small-caps;
		font-weight:bold;
		}