/* TOP NAVIGATION */

#topnav, #topnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size:12px;
  font-family: "Arial", sans-serif;
  background-color:#c2bcb2;  
  z-index:100;
}

#topnav {
  position: relative;
  width:350px; 
  z-index:100;
  height:18px;
}

#topnav a, #topnav .iemenufix {
  display:block;
  color:#ffffff; /* text color */
  text-decoration:none;
  text-align:left;
  padding:6px 8px 6px 8px;
  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:#303b4b; /* mouse over background color */
  display:block;
  color:##e7e5e1; /* hover text colour */
  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 right;
  z-index:100;
}
  
#topnav li li {
  padding-top:2px; /* this setting controls the line space between each menu item */
  padding-bottom:2px;
  background-color: #0c1b31;
  margin-left:0;
  width:100%;
  z-index:100;
  align:right;
}

#topnav li li a { 
    padding-left:1em; 
    z-index:100;
}

#topnav li li a:hover { 
    color:#ffffff; /* dropdown hover text colour */
    z-index:100; 
}

#topnav li ul {
  position:absolute;
  background-color:#0c1b31; /* drop-down background color */
  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;
  width:150px;
  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 { 
  z-index:100;
  left: auto;
}
  
#topnav ul ul li { 
    border: none;
}

#topnav ul li.on a {
   color:#6d7683; /*current page highlight*/
}

#topnav ul li.on ul li a {
    color:#6d7683; /*current page highlight*/
}

#topnav ul li.on ul li a:hover {
   color:#6d7683; /*current page highlight*/
}

#topnav ul li:hover, #topnav ul li.on {
   background-color:#303b4b; /*current page highlight*/
}