#navigation {
	position:absolute;
	top:88px;
	left:10px;	
	width:880px;
	height:30px;
	padding:4px 0 0 0;
	border-top-color:#7E6333;
	border-top-style:solid;
	border-top-width:1px;		
	background-image:url(../images/navigationbarbackground.jpg);
	background-repeat:repeat-x;
	z-index:2;
}

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

#navigation h2 {
display:block;
background-color:none;
border:none;
margin:0;
padding:0 2px 2px 9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
color:#003399;
}

#navigation h2 a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
color:#003399;
text-decoration:none;
}

#navigation h2 a:hover {
text-decoration:underline;
}

#navigation ul ul a {
display: block;
width:160px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
color:#003399;
text-decoration:none;
background-color:#FFFFFF;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:4px;
font-style:normal;
}

#navigation ul ul a:hover {
background-color:#DFEAFF;

}

#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: #003399;
 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]-->