div#nav { 
	float: left; 
	padding: 0; 
	margin-top: 0px; 
	margin-left: 0px; 
	width: 178px;  
} 

div#nav ul { 
	padding: 0px; 
	margin: 0px; 
	border-top: 0px dotted #e3e3e3; 
	border-left: 0px dotted #e3e3e3; 
	border-right: 0px dotted #e3e3e3; 
	width: 178px; 
} 

div#nav ul.level2 { 
	background: #b8bedc;
	padding-top:0;
	padding-bottom:0;
} 

div#nav li { 
	position: relative; 
	list-style: none; 
	margin: 0;
	padding-top:5;
	padding-bottom:5; 
	border-bottom: 1px solid #ffffff;	
} 

div#nav li:hover { 
	padding-top:5;
	padding-bottom:5;
} 

div#nav li.submenu { 	
	background-image: url(blkn);
	background-position: center left;
	background-repeat: no-repeat; 
}
div#nav li.submenu:hover {	
	background-image: url(/layouts/cust_StHenrysschool/grafx/currentmenu.gif);
	background-position: left;
	background-repeat: no-repeat; 
} 

div#nav li.submenu22{
    background-image: url(/layouts/cust_StHenrysschool/grafx/currentmenu.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
div#nav li.submenu22:Hover{
    background-image: url(/layouts/cust_StHenrysschool/grafx/currentmenu.gif);
	background-position: center left;
	background-repeat: no-repeat;
}  

div#nav li a { 
	display: block; 
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px; 
	margin: 0; 
	text-decoration: none; 
	width: 178px; 
} 

div#nav>ul a { 
	width: auto;	
} 

div#nav ul ul { 
	position: absolute; 
	top: 0; 
	left: 178px; 
	display: none; 
	
} 

div#nav ul.level1 li.submenu:hover ul.level2 { 
	display:block; 
} 

<!--[if IE]> 
<style type="text/css" media="screen"> 
body { 
	behavior: url(/layouts/cust_StHenrysschool/csshover.htc); 
} 
</style> 
<![endif]-->