/* Referenced from Superfish, by Sukarelawati[At]GMail[Dot]com :)
   Created: Tue, Now 04 2008
   Revised: Tue, Now 04 2008
 
**
   NOTES:
   ------
   1) Keep the .sfHover CLASS
   2) If you change any of the 163px and/or 30px below, ALL instances of it should also change...
 ***/
.Sf-Menu {
line-height:1;
}

.Sf-Menu ul {
position:absolute;
top:-999em;
width:163px;
z-index:1;
}

.Sf-Menu ul li {
width:100%;
}

/***
   Fix for IE7 'sticky bug'
 ***/
.Sf-Menu li:hover {
visibility:inherit;
}

.Sf-Menu li {
float:left;
position:relative;
z-index:2;
}

.Sf-Menu a {
position:relative;
z-index:3;
}

.Sf-Menu li:hover ul,.Sf-Menu li.sfHover ul {
left:0;
top:30px;
z-index:99;
}

/*** Vertical-Transformation
     Add IN ADDITION TO .Sf-Menu
 ***/
.Sf-Vertical,.Sf-Vertical li {
width:150px;
}

.Sf-Vertical li:hover ul,.Sf-Vertical li.sfHover ul {
left:150px;
top:0;
}

.Sf-Menu li:hover li ul,.Sf-Menu li.sfHover li ul,.Sf-Menu li li:hover li ul,.Sf-Menu li li.sfHover li ul {
top:-999em;
}

.Sf-Menu li li:hover ul,.Sf-Menu li li.sfHover ul,.Sf-Menu li li li:hover ul,.Sf-Menu li li li.sfHover ul {
left:163px;
top:0;
}