
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none; font-family:bookman old style, new york, times, serif;}
.sf-menu {width:236px; margin-left:10px;}
.sf-menu ul {width:236px; }
.sf-menu ul li {width:236px;}
.sf-menu li:hover {visibility:inherit; }
.sf-menu li {float:	left; position:relative; width:236px;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { margin-left:6px;}
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 {}

.sf-menu li.sfHover a{ color:#3d3d3d; font-weight:700;}
.sf-menu li.sfHover li a{ color:#818181; font-weight:400;}

/*** DEMO SKIN ***/
.sf-menu {}
.sf-menu a {text-decoration:none;  font-size:11px; padding-left:17px;padding-top:2px; padding-bottom:2px;}
.sf-menu a, .sf-menu a:visited  { color:#818181; font-weight:normal;}
.sf-menu li {font-size:11px; }
.sf-menu li li {font-size:11px;}

.sf-menu li.current a{ font-weight:700; font-size:11px; color:#3d3d3d;   background:url(../images/icons_submenu2.gif) no-repeat 0px -7px }

.sf-menu ul li.current a{ font-weight:700 !important; font-size:11px; color:#818181 ; background:url(../images/icons2.gif) no-repeat 11px -587px; }


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover  {font-size:11px;  font-weight:700; color:#3d3d3d; background:url(../images/icons_submenu2.gif) no-repeat -35px -4px }

.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover {font-weight:700; font-size:11px; color:#818181;  background:url(../images/icons2.gif) no-repeat 11px -587px; }


/*** arrows **/
.sf-menu a.sf-with-ul {/*font-weight:700; color:#3d3d3d;*/ background:none; }

.sf-sub-indicator {position:absolute;display:block; overflow:hidden; height:11px;text-indent:-99999em;overflow:hidden; left:0px; top:2px;   }
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*/background:url(../images/icons_submenu2.gif) no-repeat 0px -1px}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {/* background:url(../images/icons_submenu2.gif) no-repeat 0 0;*/ }
.sf-menu ul a > .sf-sub-indicator {/* background:url(../images/icons_submenu2.gif) no-repeat 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*/}

