#navigation {
	position:absolute;
	top:118px;
	left:10px;
	right:10px;
	width:740px;
	height:30px;
	border-top-color:#999999;
	border-top-style:solid;
	border-top-width:1px;	
	background-image:url(../images/navigation-background.jpg);
	background-repeat:repeat-x;
	z-index:2;
}

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

#navigation h2 {
display:block;
background-color:none;
margin:0;
padding:4px 3px 2px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:20px;
color:#858A85;
}

#navigation a {
display: block;
width:220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
color:#333333;
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:#000000;
background-color:#C8C2C0;

}

#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: #000000;
 text-decoration:underline;}

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

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

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