/***  SKIN ***/

.sf-menu 
{
font:11px verdana;
margin-top:20px;
padding-left:15px;
}

div#menu.sf-menu a,td#col1 .sf-menu a {
font-weight:bold;
  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:      ##000;
}
.sf-menu li {
  background:   #99cc00;
}
td#col1 .sf-menu li li a{
  color:   ##000;
}
.sf-menu li li {
  background:#CEEF9D;
}

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

.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:   #CEEF9D;
  color:#000;
  outline:    0;
  text-decoration:none;
}

.sf-menu a {
  padding:    .3em 2em;
  line-height:20px;
}
.sf-menu li li a {
  padding:    .3em 2em;
}
.sf-vertical, .sf-vertical li {
  width:  20em;
}
/* 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: 20em; /* 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:#E3EC65;
text-decoration:none;
}
.sf-sub-indicator {
  overflow:   hidden;
  background-image:  none;
}