#topnav, #topnav ul {
  font-size:12px;
  background-color:#666666;  
  z-index:100;
}

#topnav {
  width:947px; 
  z-index:100;
  height:18px;
  margin-left:7px;
}

#topnav a, #topnav .iemenufix {
  display:block;
  color:#ffffff;
  text-decoration:none;
  text-align:left;
  padding:3px 12px 3px 12px;
  z-index:100;
  line-height:12px; /* this line height fixes the menu height setting so must remain in css */
  min-height:12px; /* Fix for Safari on Macintosh and Firefox on PC */
}
  
#topnav a:hover {
  background-color:#999999;
  display:block;
  color:#333333;
  text-align:left;
  min-height:12px; /* Fix for Safari on Macintosh and Firefox on PC */  
}  

#topnav li { 
  float:left;
  background-repeat:no-repeat;
  background-position:top left;
  z-index:100;
}
  
#topnav li li {
  padding-top:7px; /* this setting controls the line space between each menu item */
  margin-left:0.5em;  
  width:100%;
  z-index:100;
}

#topnav li li a { padding-left:1em; z-index:100;}
#topnav li li a:hover { color:#333333; z-index:100; background-image:url(/hotels/amanresorts/imgs/topnav_block.gif); background-repeat:no-repeat;}

#topnav li ul {
  position:absolute;
  background-color:#999999;
  filter: Alpha(opacity=80);
  -moz-opacity:.8;
  opacity:.8;
  left:-999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */ 
  text-align:left;
  padding-right:0.75em;
  height:439px;
  width:12.5em;
  z-index:100;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
  left:-999em;
  z-index:100;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { 
  left:auto;
  z-index:100;
}
  
#topnav ul ul li { border:none;}

#topnav ul li.on a {
	color:#000000;
}
#topnav ul li.on ul li a {
	color:#ffffff;
}
#topnav ul li.on ul li a:hover {
	color:#333333;
}
#topnav ul li:hover, #topnav ul li.on {
  	background-color:#999999;
}