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

#topnav {
  width:600px; 
  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:6px; /* Fix for Safari on Macintosh and Firefox on PC */
}
  
#topnav a:hover {
  background-color:#999999;
  display:block;
  color:#333333;
  text-align:left;
  min-height:6px; /* 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(/imgs/topnav_block.gif); background-repeat:no-repeat;}

#topnav li ul {
  position:absolute;
  background-color:#999999;
  filter: Alpha(opacity=87.5);
  -moz-opacity:.875;
  opacity:.875;
  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:236px;
  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;
}


/* new world map nav */

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

#worldmapmenu li li a { z-index:100;}
#worldmapmenu li li a:hover 
{ 
  color:#333333; 
  z-index:100; 

} 

#worldmapmenu ul 
{
  filter: Alpha(opacity=87.5);
  -moz-opacity:.875;
  opacity:.875;
}
#worldmapmenu ul ul
{
  filter: Alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
  padding: 0px 0px 0px 97px;
}

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

#worldmapmenu li:hover ul, 
#worldmapmenu li li:hover ul, 
#worldmapmenu li li li:hover ul, 
#worldmapmenu li.sfhover ul, 
#worldmapmenu li li.sfhover ul, 
#worldmapmenu li li li.sfhover ul { 
  left: -97px;
  z-index:100;
  
}
 
#worldmapmenu li:hover ul, 
#worldmapmenu li.sfhover ul 
{
/*  border:solid 1px red; */
  left:0;
  z-index:101;
}

#worldmapmenu li ul li:hover,
#worldmapmenu li ul li.sfhover
{
  position:relative;
  height:auto;
  z-index:100;
}

#worldmapmenu li ul li:hover a:hover,
#worldmapmenu li ul li.sfhover a:hover
{

}

#worldmapmenu li ul li ul li:hover a:hover,
#worldmapmenu li ul li ul li.sfhover a:hover
{
/*  background-image:none; */
  color:#333333;
}


#worldmapmenu li:hover ul ul,
#worldmapmenu li.sfhover ul ul
{
  top: 0;
  height: auto;
  text-align: right;
  z-index: 102;
  float: right;
  padding: 0px 0px 0px 0px;
}

#worldmapmenu li:hover ul ul li,
#worldmapmenu li.sfhover ul ul li
{
  display: block;
  text-align:right;
  z-index:102;
  height:19px;
  background: transparent;
} 

#worldmapmenu li:hover ul ul li a
{
/*
  background-image:url(/imgs/topnav_block.gif); 
  background-repeat:no-repeat;
  background-position:145px 0px;
*/
}

#worldmapmenu li:hover ul ul li a:hover,
#worldmapmenu li.sfhover ul ul li a:hover
{
  background-image:url(/imgs/topnav_block.gif); 
  background-repeat:no-repeat;
  background-position: right top;
}
  
#worldmapmenu ul ul li { border:none;}

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



#exploreaman { width: 236px; z-index:100px; margin: -18px 0px 0px 0px;} /* margin-top:-18px */
#exploreaman A { color: #ffffff;}

UL#worldmapmenu {
  width: 236px;
  margin: 0px 0px 0px -101px;
  padding: 0px !important;
}

UL#worldmapmenu LI {
  display: block;
  width: 236px;
}

UL#worldmapmenu LI:first-child {
  float: right;
  text-align: right;
}

UL#worldmapmenu LI:first-child:hover,
UL#worldmapmenu LI.sfhover:first-child {
  background-color: #999999;
}

UL#worldmapmenu LI:first-child:hover A,
UL#worldmapmenu LI.sfhover:first-child A {
  color: #333333;
}

UL#worldmapmenu LI UL {
  float: right !important;
  text-align: left !important;
  width: 139px !important;
  margin: 0px 0px 0px -101px !important;
  padding: 6px 0px 0px 97px !important;
  z-index: 100 !important; /* was 9999 */
  position: absolute;
  background-color: #999999;
  left: -999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */ 
  height: 433px; /* 236 or 434 */
  /* border: 1px solid red; */
}

UL#worldmapmenu LI UL LI, 
UL#worldmapmenu LI UL LI:hover, 
UL#worldmapmenu LI UL LI.sfhover, 
UL#worldmapmenu LI UL LI:first-child, 
UL#worldmapmenu LI UL LI:first-child:hover, 
UL#worldmapmenu LI UL LI.sfhover:first-child {
  display: block !important;
  float: left !important;
  text-align: left !important;
  width: 139px !important;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
  height: auto !important;
  min-height: 19px !important;
  z-index: 100 !important;
  /* border: 1px solid lime; */
  background-color: #999999;
}

UL#worldmapmenu LI UL LI A {
  color: #FFFFFF !important;
  padding: 0px !important;
  display: block !important;
  width: 125px !important;
  padding: 4px 0px 0px 14px !important;
  margin: 0px 0px 0px 0px !important;
  z-index: 100 !important;

}

UL#worldmapmenu LI UL LI A:hover, 
UL#worldmapmenu LI UL LI.sfhover A, 
UL#worldmapmenu LI UL LI:hover A {
  width: 125px !important;
  color: #333333 !important;
  padding: 4px 0px 0px 14px !important;
  z-index: 100 !important;
  background: #999999 url("/imgs/topnav_block.gif") 3px 1px no-repeat;
}

UL#worldmapmenu LI UL LI UL,
UL#worldmapmenu LI:hover UL LI UL,
UL#worldmapmenu LI.sfhover UL LI UL,
UL#worldmapmenu LI:hover UL LI:hover UL, 
UL#worldmapmenu LI.sfhover UL LI.sfhover UL {
  width: 97px !important;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
  z-index: 101 !important;
  float: left !important;
  background: none !important;
  /* border: 1px solid blue; */
  background-color: #999999;
}

UL#worldmapmenu LI UL LI UL LI,
UL#worldmapmenu LI UL LI UL LI:first-child, 
UL#worldmapmenu LI UL LI UL LI:first-child:hover, 
UL#worldmapmenu LI UL LI UL LI.sfhover:first-child {
  float: left !important;
  width: 97px !important;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
  z-index: 101 !important;
  text-align: right !important;
  float: right !important;
  height: auto !important;
  min-height: 19px !important;
  /* border: 1px solid yellow !important; */
  background: transparent !important;
}

UL#worldmapmenu LI UL LI UL LI A, 
UL#worldmapmenu LI UL LI:hover UL LI A, 
UL#worldmapmenu LI UL LI.sfhover UL LI A {
  float: left !important;
  color: #FFFFFF !important;
  padding: 0px !important;
  display: block !important;
  width: 97px !important;
  padding: 4px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
  z-index: 102 !important;
  text-align: right !important;
  background: none !important;
}

UL#worldmapmenu LI UL LI UL LI A:hover {
  display: block !important;
  float: left !important;
  width: 97px !important;
  color: #333333 !important;
  background: none !important;
  padding: 4px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
  z-index: 102 !important;
  text-align: right !important;
  background-color: #999999;
}

UL#worldmapmenu LI UL LI A#worldmapview { 
  background: url(/imgs/maps/sml_world.gif) top left no-repeat;
  display: block;
  width: 125px !important;
  height: 51px !important;
  color: #000000 !important;
  padding: 14px 0px 0px 14px !important;
  margin: 20px 0px 0px 0px !important;
}  

UL#worldmapmenu LI UL LI A#worldmapview:hover {
  background: url(/imgs/maps/sml_world_over.gif) top left no-repeat;
  display: block;
  color: #FFFFFF !important;
}

/* short menu styles */
#exploreaman UL.shortworldmenu LI UL {
/* border:1px solid red; */
  height:236px;
  padding-top:6px !important;
}

#exploreaman UL.shortworldmenu LI UL LI, 
#exploreaman UL.shortworldmenu LI UL LI:hover, 
#exploreaman UL.shortworldmenu LI UL LI.sfhover, 
#exploreaman UL.shortworldmenu LI UL LI:first-child, 
#exploreaman UL.shortworldmenu LI UL LI:first-child:hover, 
#exploreaman UL.shortworldmenu LI UL LI.sfhover:first-child {
  min-height: 12px !important;
  *height: 12px !important;
  /* border: 1px solid lime; */
}

#exploreaman UL.shortworldmenu LI UL LI A, 
#exploreaman UL.shortworldmenu LI UL LI A:hover, 
#exploreaman UL.shortworldmenu LI UL LI.sfhover A, 
#exploreaman UL.shortworldmenu LI UL LI:hover A
 {
  padding: 2px 0px 0px 14px !important;
}

#exploreaman UL.shortworldmenu LI UL LI UL LI,
#exploreaman UL.shortworldmenu LI UL LI UL LI:first-child, 
#exploreaman UL.shortworldmenu LI UL LI UL LI:first-child:hover, 
#exploreaman UL.shortworldmenu LI UL LI UL LI.sfhover:first-child {
  min-height: 12px !important;
  *height: 12px !important;
  /* border: 1px solid yellow !important; */
}

#exploreaman UL.shortworldmenu LI UL LI UL LI A, 
#exploreaman UL.shortworldmenu LI UL LI:hover UL LI A, 
#exploreaman UL.shortworldmenu LI UL LI.sfhover UL LI A {
  padding: 2px 0px 0px 0px !important;
}

#exploreaman UL.shortworldmenu LI UL LI UL LI A:hover {
  padding: 2px 0px 0px 0px !important;
}

#exploreaman UL.shortworldmenu LI UL LI A:hover, 
#exploreaman UL.shortworldmenu LI UL LI.sfhover A, 
#exploreaman UL.shortworldmenu LI UL LI:hover A {
  padding: 2px 0px 0px 14px !important;
  background: #999999 url("/imgs/topnav_block.gif") 3px -1px no-repeat;
}


#exploreaman UL.shortworldmenu LI UL LI A#worldmapview { 
  color: #000000 !important;
  background: #999999;
  height: 14px !important;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 14px !important;
  min-height: 14px !important;
  display:block;
  line-height:normal;
}  

#exploreaman UL.shortworldmenu LI UL LI A#worldmapview:hover {
  color: #000000 !important;
  background: #999999;
  height: 14px !important;
  min-height: 14px !important;
  margin: 0px 0px 0px 0px !important;
  display:block;
  padding: 0px 0px 0px 14px !important;
}

/*
#exploreaman UL.shortworldmenu LI UL LI A#worldmapview BR {
  line-height: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
  height: 0px !important;
  font-size: 0.1em !important;
}
*/