/***  SKIN ***/

.sf-menu 
{
font:11px verdana;
}

div#menu.sf-menu a,td#col1 .sf-menu a {

  color:#000;
    padding-bottom:100px;
}
div#menu.sf-menu a, .sf-menu a:visited,td#col2 .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #000;
}
.sf-menu li {
  background:   transparent;
}
td#col1 .sf-menu li li a{
  color:   #000;
}
.sf-menu li li {
  background:#ff9600;
  color:#000;

}

.sf-menu li li li{
  background:  #ff9600;
  color:#000;
}

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

.sf-menu a {

  line-height:20px;
}
.sf-menu li li a {
}
.sf-vertical, .sf-vertical li {
  width:  200px;
}
/* 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: 200px; /* match ul width */
  top:  0;
}
div#mainmenu li.level3 a:hover,div#mainmenu li.level3:hover,div#mainmenu li.level4 a:hover,div#mainmenu li.level4:hover
{
background:#ffff01;
text-decoration:none;
}
.sf-sub-indicator {
  overflow:   hidden;
  background-image:  none;
}
.sf-menu a.sf-with-ul
{
padding-right:0px;
}
.sf-menu a {
  padding-left: 8px;
  padding-right:0px;
  padding-top:    .3em;
  padding-bottom:    2.3em;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  top:      20px; /* match top ul list item height */
}