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

#menu {
margin: 0;
padding: 0;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
z-index: 0;
float:left;
}
#menu ul li{
margin: 0;
padding: 0;
}
#menu ul li a img, #menu ul li img { 
list-style: none;
margin: 0;
padding: 0;
border:none;
display: block;	
z-index: -10;
}

#menu ul ul { /* msg-- border*/
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color: #ac79df;
	z-index: 100;
	padding: 0 0 0 5px;
	background-color: #ba97de;
}

/* style, color and size links and headings to suit */
#menu ul ul a {
	font: normal 11px/16px arial, helvetica, sans-serif;
	display: block;
	background: url();
	margin: 0;
	padding: 2px 3px 2px 2px;
	z-index: 100;
	line-height: 20px;
}
#menu ul ul li { /* msg-- border*/
z-index: 100;
}

#menu a {
color: #FFFFFF;
text-decoration: none;
background: url();
}
                           
#menu a:hover {
color: #663399;

}
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul {
position: absolute;
top: 27px;
left: 0px; /* to position them to the right of their containing block */
width: 135px; /* width is based on the containing block */
}
div#menu  ul ul,
div#menu  ul li:hover ul ul
{display: none;}

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




/*making a 2nd tier*/
#menu ul ul ul {
position: absolute;
top: 5px;
left: 112px; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div#menu  ul ul ul,
div#menu  ul li:hover ul ul
{display: none;}

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

/*making a 2nd  tier*/








<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(../csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->