/***  SKIN ***/

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

div#menu.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:      #000;
}
.sf-menu li {
  background:   #fffefc;
}
td#col1 .sf-menu li li a{
  color:   #000;
}
.sf-menu li li {
  background:#67a9c5;
  color:#000;
}

.sf-menu li li li{
  background:   #67a9c5;
  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:   #fe9704;
  color:#000;
  outline:    0;
  text-decoration:none;
}

.sf-menu a {

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