/*** ESSENTIAL STYLES ***/
div.menuContainerHead {position: relative;top:-7px;float:right; z-index: 999;}
ul#headNav, ul#headNav * { margin:0; list-style:none; }
ul#headNav ul {margin:0; list-style:none;padding:0;border:1px solid #000;}
ul#headNav { line-height:1.0;height:45px;background:url(/webimgs/menuLeft.jpg) no-repeat;padding: 0 0 0 7px; }
/* left offset of submenus need to match (see below) */
ul#headNav ul { position:absolute; top:-999em; width:10em;z-index:999;  }
ul#headNav ul li { width:100%;}
/* fixes IE7 'sticky bug' */
ul#headNav li:hover { visibility:inherit;  }
ul#headNav li { float:left; position:relative;height:45px; }
ul#headNav a { display:block; position:relative; }
 /* match top ul list item height */
ul#headNav li:hover ul, ul#headNav li.sfHover ul { left:0; top:2.5em; z-index:99; }
ul#headNav li:hover li ul, ul#headNav li.sfHover li ul { top:-999em; }
/* match ul width */
ul#headNav li li:hover ul, ul#headNav li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul#headNav li li:hover li ul, ul#headNav li li.sfHover li ul { top:-999em; }
/* match ul width */
ul#headNav li li li:hover ul, ul#headNav li li li.sfHover ul { left:10em;  top:0; }
/*** DEMO SKIN ***/
ul#headNav { float:left; margin-bottom:1em; }
ul#headNav a {  color:#fff; font-size:14px; font-weight:bold; padding:10px 10px 3px;text-decoration:none; }
/* visited pseudo selector so IE6 applies text colour*/
ul#headNav a, ul#headNav a:visited {  color:#fff; }
ul#headNav li { background:url(/webimgs/menuBg.png) repeat-x; }
ul#headNav li li { background:#fff;z-index:999;border-bottom:1px solid #000;padding:0;height:auto; }
ul#headNav li li a {color:#003953;padding:10px 5px;}
ul#headNav li li li { background:#9AAEDB; }
ul#headNav li:hover, ul#headNav li.sfHover, ul#headNav a:focus, ul#headNav a:hover, ul#headNav a:active { outline:0; }
/*** arrows **/

/* trigger IE7 hasLayout so spans position accurately */
ul#headNav a.sf-with-ul { padding-right: 2.25em; min-width:1px;  }
/* IE6 only */
 /* 8-bit indexed alpha png. IE6 gets solid image only */
.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; }
/* give all except IE6 the correct values */
/* give all except IE6 the correct values */
a > .sf-sub-indicator {   top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* 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 */
ul#headNav ul .sf-sub-indicator { background-position:  -10px 0; }
ul#headNav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */

/* arrow hovers for modern browsers*/
ul#headNav ul a:focus > .sf-sub-indicator, ul#headNav ul a:hover > .sf-sub-indicator, ul#headNav ul a:active > .sf-sub-indicator, ul#headNav ul li:hover > a > .sf-sub-indicator, ul#headNav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0;  }
/*** shadows for all but IE6 ***/
.sf-shadow ul { background:url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }