* {margin:0; padding:0;}
body {margin:0; padding:0; background:#eee url(images/bg_home.gif) repeat-x; text-align:center;}
img {border:0;}
#hmwrapper {width:760px; margin:0 auto; border-top:1px solid #2A4058;}
#hmflash { width:603px; float:left; display:inline;}
#hmnav { width:157px; float:right; background:#8C0000; height:598px; display:inline;}


#hmnav ul {
	margin: 0;
	list-style: none;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:112px;
	background:  url(images/hmleftnav.gif) no-repeat;
	width: 157px;
	}
	
#hmnav li ul {
	position: absolute;
	left: -999em; /* Set 1px less than menu width */
	top: 8px;
	display: block;
	background-image:none;
	width:157px;
	padding:0;
	}
	
#hmnav  #nav2 li ul {width: 157px; }

/* Styles for Menu Items */
#hmnav li{
	position:relative;
	margin:0; padding:0;  
	text-indent:-999em !important;
	text-indent /**/:0;  /* IE 5 on Windows does not like text-indent when using bg images */
	
}

#hmnav li ul li{
	text-indent:0 !important;
	position:relative;
	}

#hmnav ul li a{
	display:block; 
	width:157px; text-decoration:none;
	padding-top:0 !important;
	padding-top /**/:200px; /* IE 5 on Windows does not like text-indent when using bg images use padding instead*/
	margin-bottom:0;
	vertical-align: bottom; /* Fixes WIN-IE5 Gap problem */
	/* Hides from IE5-mac \*/
	overflow:hidden;
	/* End hide from IE5-mac */
	}
	
#hmnav #nav2 li a{
	width:157px;
	}

#hmnav ul li ul li a {
	color: #fff;
	background: #0083B8; /* IE6 Bug - FYI must have background for link to work NA on this site but should be noted*/
	border-bottom:1px solid #fff;
	height:100%;
	padding:0 6px;
	line-height:22px;
	}
	
* #hmnav #nav2 li ul li a {
  width:155px;   /* for IE5.x/win */
  w\idth:145px;  /* for other IE 6+ versions */
  }
	

/* Fix IE. Hide from IE Mac \*/
* html #hmnav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#hmnav #nav2 ul li a:hover { color:white; background: #2A4058;} /* Hover Styles */
		
#nav2 li:hover ul, #nav2 li.sfhover ul { left: -157px; } /* The magic */


/*do the image replacement*/

#nav { margin:0; padding:0; }
#nav li { margin:0; padding:0; display: inline; }
#nav li span { display:none; }

#nav-welcome a, #nav-worship a,#nav-whatsnew a,#nav-parish a,#nav-calendar a,#nav-home a,#nav-adulteducation a, #nav-youth a, #nav-churchschool a, #nav-news a, #nav-music a, #nav-maranathahousechurch a, #nav-outreach a, #nav-stewardship a,#nav-parishionersonline a, #nav-nurseryschool a,#nav-contact a, #nav-mayfair2006 a, #nav-mayfair a,#nav-bookstore a, #nav-rectorsearch a, #nav-plannedgiving a {
	display: block;
	height: 30px;
	width:157px;
	background:   url(images/hmleftnav_full.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#nav-adulteducation a  	{ background-position: 0 -112px; }
#nav-youth a  			{ background-position: 0 -142px; }
#nav-churchschool a  	{ background-position: 0 -172px; }
#nav-music a  			{ background-position: 0 -202px; }
#nav-maranathahousechurch a  			{ height:42px; background-position: 0 -520px; }
#nav-outreach a 		{ background-position: 0 -232px; }
#nav-stewardship a  	{ background-position: 0 -262px; }
#nav-parishionersonline a { background-position: 0 -292px; }
#nav-nurseryschool a  	{ height:45px; background-position: 0 -322px; }
#nav-contact a  		{ background-position: 0 -368px; }
#nav-news a  		{ background-position: 0 -398px; }
#nav-mayfair2006 a {  background-position: 0px -428px; }
#nav-mayfair a {  background-position: 0px -428px; }
#nav-bookstore a {  background-position: 0px -458px; }
#nav-bookstore a {  background-position: 0px -458px; }
#nav-rectorsearch a {  background-position: 0px -488px; }
#nav-plannedgiving a {  background-position: 0px -488px; }

#nav-adulteducation a:hover  	{ background-position: -157px -112px; }
#nav-youth a:hover  			{ background-position: -157px -142px; }
#nav-churchschool a:hover  	{ background-position: -157px -172px; }
#nav-music a:hover  			{ background-position: -157px -202px; }
#nav-maranathahousechurch a:hover  			{ height:42px; background-position: -157px -520px; }
#nav-outreach a:hover 		{ background-position: -157px -232px; }
#nav-stewardship a:hover  	{ background-position: -157px -262px; }
#nav-parishionersonline a:hover { background-position: -157px -292px; }
#nav-nurseryschool a:hover  	{ height:45px; background-position: -157px -322px; }
#nav-contact a:hover  		{ background-position: -157px -368px; }
#nav-news a:hover  		{ background-position: -157px -398px; }
#nav-mayfair2006 a:hover {  background-position: -157px -428px; }
#nav-mayfair a:hover {  background-position: -157px -428px; }
#nav-bookstore a:hover {  background-position: -157px -458px; }
#nav-rectorsearch a:hover {  background-position: -157px -488px; }
#nav-plannedgiving a:hover {  background-position: -157px -488px; }