/*[fmt]2A10-1A0B-3*/
/*Dropdown menu styles
====================================================================================
-------------------- menu---------------------*/
#nav  {
 list-style: none;
 margin: 0;
 padding: 0;
 background-color: #000;
 clear: both;
 text-align: right;
 font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
 position: absolute;
 right: 0;
 bottom: 0;
 line-height: 100%;
 background: url(../_img/bg_action.gif) no-repeat top right;
}

/*-------------------- first level---------------------*/
#nav li  {
 font-size: 14px;
 display: inline-block;
 list-style: none;
 margin: 0 0px 0 0;
 padding: 0;
}

#nav a  {
 display: block;
 padding: 10px 22px;
 text-decoration: none;
 line-height: 1;
 color: #999;
 font-weight: normal;
}

#nav a.on  {
 border-bottom: 4px solid #E0E0E0;
 padding-bottom: 0px !important;
}

#nav li.action a  {
 color: #000000;
 padding: 10px 26px 10px 27px;
}

#nav li.action  {
 margin: 0;
 padding: 0;
 margin-left: -0.25em;
}

#nav li.action li a  {
 background: none;
}

#nav li.action a:hover  {
 color: #222;
 background: none;
}

#nav a:hover, #nav a.on:hover  {
 color: #BBB;
}

/*-------------------- submenus---------------------*/
#nav ul  {
 background-color: #2E2E2E;
 clear: left;
 font-weight: normal;
/*height: auto;*/
 left: -999em;
/*using left instead of display to hide menus because display: none isn't read by screen readers*/
 line-height: 120%;
 margin: 0;
 padding: 2px;
 position: absolute;
 width: 13em;
 z-index: 1000 !important;
}

* html #nav ul  {
 margin-top: 0;
}

#nav ul li  {
 border: none;
 float: none !important;
 font-size: 11px;
 margin: 0;
 display: block;
 text-align: left;
 padding: 0;
}

#nav li.action ul  {
 /*[empty]background-image:;*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul  {
 left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul  {
 left: auto;
/*lists nested under hovered list items*/
}

#nav li.action:hover ul, #nav li.action li:hover ul, #nav li.action li li:hover ul, #nav li.action.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul  {
 right: 0 !important;
/*lists nested under hovered list items*/
}

/*-------------------- second level links ---------------------*/
#nav ul li a  {
 background-image: none;
 border: none;
 color: #999999;
 display: block;
 float: none !important;
 display: block;
 font-weight: normal;
 margin: 0;
 padding: 8px;
 border-bottom: 1px solid #111;
}

#nav ul li a:hover  {
 background-color: #8DC220;
 color: #FFFFFF;
}

/*-------------------- 1st level  hover---------------------*/
#nav li:hover a, #nav li.sfhover a  {
 background-color: #2E2E2E;
/*position: relative;
z-index: 2500;*/
 color: #FF9900;
}

/*-------------------- second level while first is on hover---------------------*/
#nav li:hover li a, #nav li.sfhover li a  {
 color: #BBBBBB;
 display: block;
}

/*-------------------- second level on hover---------------------*/
#nav li li:hover a, #nav li li.sfhover a  {
 background-color: transparent;
 color: #007688;
}

#nav li:hover li a:hover, #nav li.sfhover li a:hover  {
 background-color: #666;
 color: #FFFFFF;
}

.sf-sub-indicator  {
 display: none;
}

/*-------------------- ie mac fixes ---------------------
only IE mac will see this*/
* html>body #nav li a  {
}

* html>body #nav li  {
 text-align: center;
 white-space: nowrap;
 width: 60px;
}

* html>body #nav li li  {
 text-align: left;
 white-space: nowrap;
 width: 125px;
}

* html>body #nav li li:hover ul, #nav li li.sfhover ul  {
 left: 110px;
}