/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none; z-index: 99;}
.sf-menu {line-height:	40px;}
.sf-menu ul {position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: auto;}
.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:	39px; /* 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;}

/*** DEMO SKIN ***/
.sf-menu {float: left;}
.sf-menu a {text-decoration:none; padding: 14px 15px;}
.sf-menu a, .sf-menu a:visited  {/* visited pseudo selector so IE6 applies text colour*/ color: #13a; text-decoration: none; text-align: center;}
.sf-menu li {}
.sf-menu li li {}
.sf-menu li li li {}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0;}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px;}
.sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px;text-indent: -999em;overflow: hidden;background: url('images/arrows-ffffff.png') no-repeat -10px -100px;}
a .sf-sub-indicator {top: 15px; background-position: 0 -100px;}

/* 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 {background-position: -10px -100px; /* 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 {background-position: -10px 0;}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {height: 40px; width: 866px; margin-top: 5px; position: relative; background: url(images/nav_bg.png) repeat-x left top; font: 100%/100% Arial, Helvetica, sans-serif;}
.sf-navbar li {position: static;}
.sf-navbar ul {margin-top: auto; width: 835px; height: 29px; background: url(images/submenu-middle.png) repeat-x;}
.sf-navbar ul li {float: left; height: 29px;}
.sf-navbar ul a, .sf-navbar ul a:visited {padding: 8px 8px 8px;}
.sf-navbar ul li li {position: relative;}
.sf-navbar ul li li a {}

.sf-navbar li.first {width: 10px;height: 40px; }
.sf-navbar li.last {width: auto; float: right;}

/*
.sf-navbar li a, .sf-navbar li a:visited {border: none; color: #fff;}
*/
.sf-navbar li.current_page_item, .sf-navbar li.sfHover, .sf-navbar li a:hover, .sf-navbar a:active {text-decoration: none; background: #2e91c6 url(images/nav-item-hover.png) repeat-x;}
.sf-navbar li.current_page_item a, .sf-navbar li a:hover, .sf-navbar li.sfHover a {color: #033477;}

.sf-navbar li ul li.current_page_item {background: none;}
.sf-navbar li ul li.current_page_item a, .sf-navbar li ul li.current_page_item a:hover {color: #033477;}
.sf-navbar ul li:hover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {color: #fff}

/* ul.sf-navbar li li li:hover, ul.sf-navbar li li li.sfHover, .sf-navbar li li.current_page_item li.current_page_item, .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {background: none;} */
ul.sf-navbar .current_page_item ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul {left: 0; top: 39px;}
ul.sf-navbar .current_page_item ul ul {top: -999em;}

.sf-navbar li ul li.current_page_item a {color: #fff;}

.sf-navbar .sub-menu {margin-left: 11px; margin-right: -22px;left: 0; }
.sf-navbar .sub-menu li.sub-left {width: 11px; height: 29px;}
/*
.sf-navbar .sub-menu li.sub-right {position: relative; right: -11px; float: right; width: 11px; height: 29px; background: url(images/submenu-right.png) right no-repeat;}
*/
.sf-navbar .sub-menu li:hover {background: #2e91c6 url(images/nav-item-hover.png) repeat-x; height: 28px;}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator {background-position: -10px -100px;}
.sf-navbar ul a > .sf-sub-indicator {background-position: 0 -100px;}
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator, .sf-navbar ul a:hover > .sf-sub-indicator, .sf-navbar ul a:active > .sf-sub-indicator, .sf-navbar ul li:hover > a > .sf-sub-indicator, .sf-navbar ul li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;}