
/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }

.sf-menu { line-height:	1.0; }

.sf-menu ul { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }

.sf-menu ul li { width:100%;  list-style-position:outside; }

.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li { float:left; position: ; }

.sf-menu a { display:block; position:relative; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.5em; /* 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:10em; /* 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:10em; /* match ul width */ top:0; }

.sf-sub-indicator { position:absolute; display:block; right:0em; top:0.2em; /* IE6 only */ width:10px; height:10px; text-indent: 		-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;  /* 8-bit indexed alpha png. IE6 gets solid image only */ }
