/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;z-index:999;}

.sf-menu {line-height:1.0;}

.sf-menu ul {position:absolute;top:-999em;width:142px; /* 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:32px; /* 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:142px; /* 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:142px; /* match ul width */top:0;}


/*** DEMO SKIN ***/
.sf-menu {float:left;}
.sf-menu a {height:32px;line-height:32px;text-decoration:none; width:142px;text-align:center;}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#232323;}

.sf-menu li {background:url(../images/Index_top_2.jpg) top repeat-x;font-size:16px;}
.sf-menu .on{background:url(../images/Index_top_2_on.jpg) top repeat-x;font-size:16px;}

.sf-menu li li {background:url(../images/1_off.png) top repeat-x;font-size:12px;height:28px;line-height:28px;}

.sf-menu li li li {background:#4096ee;}
.sf-menu li li li li {background:#40c6ee;}

.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu li a:hover{background:url(../images/Index_top_2_on.jpg) top repeat-x;}


.sf-menu li li :hover, .sf-menu li li .sfHover,.sf-menu li li a:hover{background:url(../images/1_on.png) top repeat-x;}

.sf-menu a:focus, .sf-menu a:hover {background:#3f4c6b;outline:0;}