#topnav, #topnav ul {
font: normal 13px Arial;
z-index:100;
}

#topnav {
z-index:100;   
height:30px;
background: transparent url('../images/menu-bg.png') center center repeat-x;
}

#topnav a, #topnav .iemenufix {
  display:block;
  color:#fff;
  text-decoration:none;
  text-align:left;
  padding:9px 10px;
  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, #topnav a.current {
  background-color:#fff;
  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 */
  width:100%;
  z-index:100;
  }

#topnav li li a {
padding:0 4px;
color:#666 !important; 
z-index:100;
font-weight: normal;
font-size: 12px;
white-space: nowrap;
}

#topnav li li a:hover {
color:#333 !important;
z-index:100;
}

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