/*** ESSENTIAL STYLES ***/
.nav, .nav * {
  margin:      0;
  list-style:    none;
}
.nav {
  
}
.nav ul {
  padding-top:0;
  padding-bottom:0;
  position:    absolute;
  top:      -999em;
  width:      12em; /* left offset of submenus need to match (see below) */
}
.nav ul li {
  width:  100%;
/*  height: 48px; */
}
.nav li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.nav li {
  float:      left;
  position:    relative;
}
.nav a {
  display:    block;
  position:    relative;
}
.nav li:hover ul,
.nav li.sfHover ul {
  left:      0;
  top:      19px; /*2.5em;  match top ul list item height */
  z-index:    99;
}
ul.nav li:hover li ul,
ul.nav li.sfHover li ul {
  top:      -999em;
}
ul.nav li li:hover ul,
ul.nav li li.sfHover ul {
  left:      12em; /* match ul width */
  top:      -1px;
}
ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul {
  top:      -999em;
}
ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul {
  left:      12em; /* match ul width */
  top:      -1px;
}

/*** SKIN ***/
ul.nav {
  
}
ul.nav ul a {
  text-decoration: none;
  padding: 10px 10px;
}
ul.nav a, 
ul.nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #ccc;
}
ul.nav li li {
  background-color: #333;
}
ul.nav li li {
  background-image: none;
  position: relative;
  border-bottom: dotted 1px #ccc;
}

ul.nav li:hover, 
ul.nav li.sfHover,
ul.nav a:focus, 
ul.nav a:hover, 
ul.nav a:active {
  outline:    0;
}
ul.nav>li>a{
  padding: 0 5px;
}