/*superfish.css*/
/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *{
margin:0;
padding:0;
list-style:none
}
.sf-menu{
line-height:1.0
}
.sf-menu ul{
width:135px;/* left offset of submenus need to match (see below) */
position:absolute;
top:-999em
}
.sf-menu ul li{
width:100%
}
.sf-menu li:hover{
visibility:inherit/* fixes IE7 'sticky bug' */
}
.sf-menu li{
float:left;
position:relative
}
.sf-menu a{
display:block;
position:relative
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
left:68px;
top:0;/* match top ul list item height */
z-index:99
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{
top:-999em
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{
left:68px;/* match ul width */
top:0
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{
top:-999em
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{
left:68px;/* match ul width */
top:0
}
/*** DEMO SKIN ***/
.sf-menu{
float:left;
margin-bottom:1em
}
.sf-menu a{
padding:5px 0;/*padding:.75em 1em;*/
text-decoration:none
}
.sf-menu a,.sf-menu a:visited{
color:#585c59
}
.sf-menu li{
width:135px;
background:#eff7ef
}
.sf-menu ul ul{
border:1px solid #c0c0c0;
width:100%
}
.sf-menu li li{
border-bottom:1px solid #ffffff;
background:transparent url(../images/fgGreenBkg.gif) repeat
}
.sf-menu li li a{
text-indent:5px
}
.sf-menu li li li{
background:transparent url(../images/fgGreenBkg.gif) repeat
}
.sf-menu li:hover,.sf-menu li.sfHover,
.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{
background:#45737a;
color:#f5f5f5;
outline:0
}
/*** arrows **/
.sf-menu a.sf-with-ul{
padding-right:2.25em;
min-width:1px/* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator{
}
a > .sf-sub-indicator{
}
/* apply hovers to modern browsers */
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{
:/* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{
:/*background-position:-10px 0*/
}
.sf-menu ul a > .sf-sub-indicator{
:/*background-position:0 0*/
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator{
:/* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul{
padding:0 8px 9px 0;
background:url('../images/shadow.png') no-repeat bottom right;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px
}
.sf-shadow ul.sf-shadow-off{
background:transparent
}
/*superfish-vertical.css*/
/*** adding sf-vertical in addition to sf-menu 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*/
}