/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;}
.sf-menu{line-height:1.0;}
.sf-menu ul{position:absolute;width:200px;/* left offset of submenus need to match (see below) */}
.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:0;top:40px;/* match top ul list item height */
z-index:500;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{left:200px;/* match ul width */
top:-1px;
z-index:500;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{left:200px;/* match ul width */
top:0;
z-index:500;}

/*** start tfi menu skin ***/
.sf-menu{font:11px 'Gotham',Verdana,Helvetica,Arial,Sans-serif;font-weight:bold;line-height:40px;}
.sf-menu a{display:block;text-decoration:none;color:#000000;text-transform:uppercase;font-weight:bold;padding:0 38px 0 12px;}
.sf-menu a:hover {text-decoration:none;}

.sf-menu a,.sf-menu a:visited{color:#000000;} /* visited pseudo selector so IE6 applies text color*/
.sf-menu li{background:#ffffff;}
.sf-menu li ul{border-top:4px solid #000000;}
.sf-menu li li{background:#ffffff;border:1px solid #008DD2;border-top:0;line-height:14px;padding:10px 0;}
.sf-menu li li ul{border-top:1px solid #008DD2;}
.sf-menu li li li{background:#ffffff;}
.sf-menu li:hover{background:#efeef0;}
.sf-menu li li:hover{background:#efeef0;}
.sf-menu li:hover a.headlink,li.hilite a{color:#008DD2;text-decoration:none;}
.sf-menu li.sfHover{background:#ffffff;}
.sf-menu a:focus{background:#efeef0;}
.sf-menu a:hover{color:#008DD2;}
.sf-menu a:active{background:#efeef0;color:#008DD2;}
.sf-menu li:hover a.headlink{color:#008DD2;}
.sf-menu > li:hover {background-color:transparent;}
/*** end tfi menu skin ***/


/*** arrows **/
.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;/* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:2px;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('http://www.tribecafilminstitute.org/i/indicator.gif') no-repeat -10px -100px;}
a > .sf-sub-indicator{background-image:url('../designimages/indicator.png');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-menu li.sfHover > a{color:#008DD2;}

/* show arrow for anchors in subs */
.sf-menu ul .sf-sub-indicator,
.sf-menu ul a .sf-sub-indicator{background-position:0px 0px;}