/* menu.css */

/**
 * Horizontal Menu
 */
div#nav                 {position: absolute; top: 50px; right: 30px; width: auto; height: auto; z-index: 1;}
div#nav ul              {list-style-type: none; margin: 0px; padding: 0px;}

div#nav ul li              {float: left; margin-left: 15px; background: none;}
div#nav ul li a            {font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #C2C2C2; background: none; text-decoration: none; text-transform: lowercase;}
div#nav ul li a:hover      {color: #76D624; background: none;} /* Needed for IE6 */
div#nav ul li a:hover span {color: #76D624; background: none;}

/**  Second Level navigation */
/*
div#nav ul li ul                 {position: absolute; width: auto; border-left: 1px solid #999; border-right: 1px solid #999; overflow: hidden; display: none;}
div#nav ul li ul li              {clear: left; margin: 0px; padding: 0px; width: 180px; text-align: left; display: block; border-bottom: 1px solid #999; font-size: 100%;}
div#nav ul li ul li a            {font-weight: normal; width: 100%; text-align: left; line-height: 20px; display: block;}
div#nav ul li ul li a span       {background: #CCCCCC;}
div#nav ul li ul li a:hover      {width: auto;}
div#nav ul li ul li a:hover span {background: inherit;}

div#nav ul li ul li a           {background: #CCCCCC; color: #000000;}
div#nav ul li ul li a span      {background: #CCCCCC;}
div#nav ul li li a:hover        {background: #999999; color: #FFFFFF;}
div#nav ul li li a:hover span   {background: #999999; color: #FFFFFF;}
*/

/**
 * Vertical Menu
 */
div#navCol                      {position: relative; top: 0px; left: 0px; width: 100%; min-height: 209px; z-index: 1;}
IE6 div#navCol               {height: 209px;}
div#navCol ul                   {list-style-type: none; margin: 0px; padding: 0px;}
div#navCol ul li                {float: left; clear: both; margin: 0px; padding: 0px; width: 100%; color: #F8F8F8; background: none; list-style: none;}
div#navCol ul li a              {display: block; width: 100%; height: 37px; padding-top: 5px; text-decoration: none; font: 18px "HelveticaNeue MediumCond", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #F8F8F8; background: none; cursor: pointer; border-bottom: 1px dotted #4B4B4B; text-transform: uppercase;}
div#navCol ul li a:hover        {border-bottom: 1px dotted #4B4B4B;}
div#navCol ul li a span         {float: left; display: block; width: auto; height: auto; min-height: 25px; padding: 0px; line-height: 30px; color: #F8F8F8; background: none;}
IE6 div#navCol ul li a span  {height: 25px;}

/** Second level navigation */
div#navCol ul li ul                  {position: relative; width: auto;}
div#navCol ul li ul li               {display: block; margin: 0px; padding: 0px; width: 100%; text-align: left; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #C2C2C2; background: url(/images/v_menu_arrow.gif) 16px 12px no-repeat;}
div#navCol ul li ul li a             {float: left; width: 100%; height: 27px; color: #C2C2C2; background: none; text-transform: none;}
div#navCol ul li ul li a:hover       {width: 100%;}
div#navCol ul li ul li a span        {float: left; height: auto; min-height: 25px; line-height: 170%; margin-left: 30px; padding-left: 0px; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #C2C2C2; background: none; line-height: 150%;}
IE6 div#navCol ul li ul li a span {height: 26px; margin-left: 15px;}
div#navCol ul li ul li a:hover span  {width: auto; color: #76D624; background: none;}


/*** Third Level navigation */
IE6 div#navCol ul li ul li ul            {padding-top: 1px;} /*To solve bug in IE6*/
div#navCol ul li ul li ul li                {padding-right: 0px; background: url(/images/v_menu_arrow.gif) 43px 12px no-repeat;}
div#navCol ul li ul li ul li a              {width: 100%;}
div#navCol ul li ul li ul li a:hover        {width: 100%;}
div#navCol ul li ul li ul li a span         {padding-left: 27px; background: none; line-height: 150%;}

/* James Courtney Specific */

/**
Todo: check if it needs
div#navCol {float: left; clear: both; padding-bottom: 120px;}
*/

/* Path Menu */
div#pathMenu                     {width: 100%; height: 22px; margin-top: 6px; margin-bottom: 3px; color: #666666; background: url(/images/hr_1.gif) left bottom no-repeat;}
/* * html div#pathMenu              {margin-bottom: 8px;}*/
div#pathMenu ul                  {margin: 3px 0px; padding: 0px;}
div#pathMenu ul li               {float: left; margin-right: 5px; list-style: none;}
div#pathMenu ul li.pathMenuSep   {background: url(/images/path_menu_sep.gif) left 4px no-repeat; padding-left: 10px;}
div#pathMenu ul li a             {border: none;}
div#pathMenu ul li a span        {float: left; font: normal 10px Tahoma, Arial, Helvetica, sans-serif; color: #999999; background: none; cursor: pointer;}
div#pathMenu ul li a:hover span  {color: #76D624; background: none;}