/*----------------------------------------------------------------------------
++ Top Navigation - Superfish - Topfish 
++ These are the styles that form the suprfish layer
----------------------------------------------------------------------------*/

/* core superfish layer */
#topnav .menu ul{position:absolute;top:-999em;width:14em;}
#topnav .menu ul li{width:100%;}
#topnav .menu li:hover{visibility:inherit;}
#topnav .menu li:hover ul,
#topnav .menu li.sfHover ul{left:-1px;top:99.5%;z-index:99;}
#topnav .menu li:hover li ul,
#topnav .menu li.sfHover li ul{top:-999em;}
#topnav .menu li li:hover ul,
#topnav .menu li li.sfHover ul{left:14em;top:0;}
#topnav .menu li li:hover li ul,
#topnav .menu li li.sfHover li ul{top:-999em;}
#topnav .menu li li li:hover ul,
#topnav .menu li li li.sfHover ul{left:14em;top:0;}

/* topfish skin */
#topnav .menu ul {border: 1px solid #304848;border-bottom: none;}
#topnav .menu ul a,
#topnav .menu ul li span.separator{border:none;}
#topnav .menu ul li{border-bottom:1px solid #304848;border-right: 1px solid #304848;}
#topnav .menu ul ul{border:1px solid #304848;border-bottom:0;}
#topnav .menu li li{background:#354F50;}
#topnav .menu li li li{background:#354F50;}

#topnav .menu li:hover,
#topnav .menu li.sfHover,
#topnav .menu li.parent.sfHover a,
#topnav .menu a:focus,
#topnav .menu a:hover,
#topnav .menu a:active{background-position:0 -90px;outline:0;}

#topnav .menu ul li:hover,
#topnav .menu ul a:focus,
#topnav .menu ul a:hover,
#topnav .menu ul li.active{background-image:none;background-color:#466A6A;color:#fff;}

/* styles for drop down text */
#topnav .menu li ul li a,
#topnav .menu li ul li span.separator,
#topnav #topnav .menu li ul li a:link,
#topnav #topnav .menu li ul li a:visited{line-height:0.7em;padding:0.95em 1em;text-decoration:none;color:#9EB8B1;}

.parent a .sf-sub-indicator{background-position:50% -500px;position:absolute;bottom:0;left:0;display:block;height:8px;text-indent:-7998px;width:100%;}
#topnav .menu li li.parent a.sf-with-ul,
#topnav.subtext #nav ul.menu li ul li a{background:none;}

#topnav .menu li li.parent a .sf-sub-indicator,
#topnav .menu li li.parent span.separator .sf-sub-indicator{background-position:50% -550px;width:10px;height:10px;left:93%;top:35%;}
#topnav .menu li li.parent a,
#topnav .menu li li.parent span.separator{background:none;}

#topnav .menu li li li.parent a,
#topnav .menu li li li.parent span.separator{background-position:50% -550px;width:10px;height:10px;left:93%;top:35%;}
#topnav .menu li li li.parent li a,
#topnav .menu li li li.parent li span.separator{background:none;}

/* subtext layer */
/* re position sub items for subtext option */
#topnav.subtext #nav .menu li:hover ul ul,
#topnav.subtext #nav .menu li.sfHover ul ul {top:0;z-index:99;}
/* add padding for items in drop downs with subtext */
#topnav.subtext #nav ul.menu li ul li a {padding:1em 1em;}
#topnav.subtext #nav ul.menu li ul li span.separator {padding:1em 1em;}

#topnav.subtext #nav ul ul li .submenu_item {font-size:0.85em;padding-top:1.1em;}