@charset "utf-8";
/* CSS Document */

#mappanel {overflow:hidden;
  clear:both;
  position:relative;
  background:#333 url(/imgs/maps/aman_world_map.gif) no-repeat;
  width:947px;
  margin-left:2px;
  height:0px;
  }


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

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

#topnav a, #topnav .iemenufix {
  display:block;
  color:#fff;
  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:#333;
	display:block;
	color:#333;
	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:#333; z-index:100; background-image:url(/imgs/topnav_block.gif); background-repeat:no-repeat;}

#topnav li ul {
  position:absolute;
  background-color:#999;
  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}
