/*** adding sf-vertical in addition to sf-vertical creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* 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:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

























.sf-vertical, .sf-vertical *{margin:0 0 0 0; padding:0; list-style:none; font-size: 16px !important;line-height:20px;}
.sf-vertical ul{position:absolute; top:-999em; width:150px}
.sf-vertical ul li{width:190px;margin-top:-3px;}
.sf-vertical li:hover{visibility:inherit;}
.sf-vertical li{float:left; position:relative; width:140px; text-align:left !important}
.sf-vertical a{display:block; position:relative;}
.sf-vertical li:hover ul, 
.sf-vertical li.sfHover ul{left:137px; top:-10px; width:190px; }
.sf-vertical li ul li{width:200px;}
ul.sf-vertical li:hover li ul, 
ul.sf-vertical li.sfHover li ul{top:-999em}
ul.sf-vertical li li:hover ul, 
ul.sf-vertical li li.sfHover ul{left:150px; top:0}
ul.sf-vertical li li:hover li ul, 
ul.sf-vertical li li.sfHover li ul{top:-999em}
ul.sf-vertical li li li:hover ul, 
ul.sf-vertical li li li.sfHover ul{left:150px; top:0;}

.sf-vertical{float:left}
.sf-vertical a{border:0; padding:0; text-decoration:none}
.sf-vertical li li{border:1px solid #F7F7F2 !important;}
.sf-vertical a:hover{color:#323941}
.sf-vertical a, .sf-vertical a:visited{color:#ececec;font-size:0.97em !important;}
.sf-vertical li{background: url('') repeat-x top left; z-index:102 !important}
.sf-vertical li li{background:#d4d4cd url('') repeat-x top left; text-align:left !important; z-index:99 !important;}

.sf-vertical li li a{padding:8px;color:#666666 !important;font-size:13px !important;}
.sf-vertical li li a:hover{color:#fff !important;}

.sf-vertical li li li{background:#F7F7F2 url('') repeat-x top left; text-align:left !important; top:-8px; z-index:1;}
.sf-vertical li:hover, .sf-vertical li.sfHover, 
.sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active{color:#fff; outline:0; text-decoration:none !important}
.sf-vertical li:hover{background:#F7F7F2 url('') repeat-x top left !important; z-index:102 !important}

.sf-vertical li.current{background:#F7F7F2 url('') repeat-x top left !important; z-index:102 !important}

.sf-vertical li li:hover,.sf-vertical li li li:hover,.sf-vertical li li a:hover{z-index:99 !important; background:#F7F7F2 !important; color:#59734D !important}

.sf-vertical a.sf-with-ul{min-width:1px}
.sf-sub-indicator{position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden}
a >.sf-sub-indicator{ top:.8em; background-position:0 -100px}

a:focus >.sf-sub-indicator, 
a:hover >.sf-sub-indicator, 
a:active >.sf-sub-indicator, 
li:hover >a >.sf-sub-indicator, 
li.sfHover >a >.sf-sub-indicator{background-position:-10px -100px}

.sf-vertical ul .sf-sub-indicator{background-position: -10px 0}
.sf-vertical ul a >.sf-sub-indicator{background-position: 0 0}

.sf-vertical ul a:focus >.sf-sub-indicator, 
.sf-vertical ul a:hover >.sf-sub-indicator, 
.sf-vertical ul a:active >.sf-sub-indicator, 
.sf-vertical ul li:hover >a >.sf-sub-indicator, 
.sf-vertical ul li.sfHover >a >.sf-sub-indicator{background-position:-10px 0}

.sf-vertical ul .sf-shadow ul{background:	url('../images/shadow.png') no-repeat bottom right;padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; margin-top:8px; width:200px}
.sf-shadow .sf-vertical ul.sf-shadow-off{background:transparent}

.sf-shadow ul.last li li{left:-400px}

.sf-shadow ul.last li li li{left:79px}