#menu {
	float: left;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 40;
	  cursor: pointer;
}

#menu a, #menu h2  {
	text-transform: uppercase;
	font: bold 16px "trebuchet ms",arial,verdana;
	display: block;
	margin: 0;
	padding: 5px;
	z-index: 40;
}#fancy_bigIframe, #fancy_freeIframe

#menu a {
color: #000;
}

#menu a:hover {
z-index: 50;
}

#menu li a {
        padding-bottom: 5px;
}

#menu li:hover > ul li{
        background: #f0f0f0;
}

#menu li {position: relative; z-index: 50;}

#menu ul ul {
position: absolute;
z-index: 60;
float: left;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

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

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

ul#menu ul ul,
ul#menu ul li:hover ul ul,
ul#menu ul ul li:hover ul ul
{display: none;}

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

#menu ul li ul {
	margin-top: 25px;
	padding: 6px;
	width: 100%;
}

/* for the top level links */

#topItem a{
color: #02A3E9;
text-align: center;
border:none;
z-index: 60;
}

#topItem a:hover{
color: #000066;
text-align: center;
border:none;
z-index: 60;
}

/* for the top level links */


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

#menu ul li {
	float: left; 
	width: 100%;
	position:relative;
	cursor: pointer;
}
#menu ul li ul{position:absolute; left: 0;}
#menu ul li a { 
	width: 100%;
	height: 1%;
	cursor: pointer !important;
} 

</style>
<![endif]-->