#navigation {
	position:absolute;
	top:0px;
	left:240px;
	width:640px;
	height:20px;	
	background-color:none;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	z-index:2;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#navigation h2 {
display:block;
background-color:none;
margin:0;
padding:3px 0 2px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

color:#002C68;
}

#navigation a {
display: block;
width:160px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:24px;
color:#002C68;
text-decoration:none;
background-color:#E6E6E6;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:6px;
}

#navigation a:hover {
color:#FFF;
background-color:#205AA7;

}

#navigation li {
	position: relative;	
	}

#navigation ul ul {
position: absolute;
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:2px;
border-bottom-color:#E6E6E6;
border-bottom-style:outset;
border-bottom-width:1px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;
z-index: 500;
}

#navigation ul ul ul {
top: 0;
left: 100%;
}
div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

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

div#navigation ul li h2:hover
{color:#F00;
 text-decoration:none;}

<!--[if IE]>
<style type="text/css" media="screen">

#navigation ul li {float: left; width: 100%;}
#navigation ul li a {height: 1%;}

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