div#mainmenu div.itemcontent
{
margin:0px;
padding:0px;
padding-left:35px;
}


/***  SKIN ***/
.sf-menu 
{
position:absolute;
font:10px verdana;
margin-top:-15px;
}

div#mainmenu.sf-menu a,td#col1 .sf-menu a {
  color:#000;
}
div#menu.sf-menu a, .sf-menu a:visited,td#col2 .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #fff;
}
.sf-menu li {
  background:   none;
  position:relative;
  z-index:100;
}
td#col1 .sf-menu li li a{
  color:   #fff;
}
.sf-menu li li {
  background:   #303053;
  /*filter:alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;*/
}
.sf-menu li li a
{
color:#fff;
}

.sf-menu li li li{
  background:   #303053;
}

.sf-menu li:hover, .sf-menu li.sfHover,
td#col1 .sf-menu li a:focus, td#col1 .sf-menu li a:hover, td#col1 .sf-menu li a:active {
  background:   #ff6600;
  color:#fff;
  outline:    0;
  text-decoration:none;
}


.sf-menu a {
  padding:    .03em 1.9em;
}
.sf-menu li li a {
  padding:    .3em 2em;
}
.sf-vertical, .sf-vertical li {
  width:  16em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 16em; /* match ul width */
  top:  0;
}

.sf-sub-indicator {
  overflow:   hidden;
  background-image:  none;
}