/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
  position: relative;
  z-index: 100;

  width:480px;
  height: 16px;

  padding: 0;
  margin: 0;

  list-style: none;
  /* font-family: arial, verdana, sans-serif; */
}

#menuUnder{
  position: relative;
  z-index: 100;

  /* width:802px; */
  width:480px;
  padding: 0;
  margin: 4px 0 0 0;
}

#menu ul {
  position: absolute;
  z-index: 100;
  bottom:0;
}

#menuUnder li,
#menu li {
  float: left;
  width:144px;
  line-height:24px;
  margin-right: 16px;
  margin-left:0;
}

#menu li.current a,
#menu li a {
  display: block;
  float: left;
  height:16px;
  line-height: 15px;
 /*  color: #ebe026; */
  color: #ffffff;
  text-decoration: none;
  text-transform:uppercase;
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 0 8px;
  padding: 0;
}

#menu li.first {
	padding-bottom:4px;
}

#menu table {
  border-collapse: collapse;
  border:0;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color:#170d0b;
}
#menu table td {border: solid 0px #000000;}



#menu li.current a,
#menu li.current li.active a,
#menu li.current a:hover,
#menu li a:hover {
  z-index: 100;
  position: relative;
 /*  color: #fff; */
  color: #ebe026;
}

#menu li.current,
#menu li:hover {
  position: relative;
  z-index: 100;
}

#menu li.current ul {
  left: 8px;
  top: auto;
 bottom: 16px;
  width: 120px;
}

#menu li:hover ul {
  left: 8px;
  top: auto;
  bottom: 16px;
  width: 120px;
}

#menu a:hover ul {
  left: 0;
  top: auto;
  bottom: 0;
  width: 120px;
}

#menu ul .current, #menu ul ul,
#menu ul, #menu :hover ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu .current ul :hover ul
#menu :hover ul :hover ul {
  top: auto;
  left: 120px;
  z-index: 100;
  
  width: 100px;
  height: auto;

  white-space: nowrap;
}


#menu .current ul li,
#menu :hover ul li
{
  margin: 0;
  border-top: 0px solid #666;
}

#menu .current ul li a,
#menu :hover ul li a
{
  width: 120px;
  margin: 0 0 0 -10px;
  padding: 0 0 0 10px;

  /* color: #ebe026; */
  color: #ffffff;
  height: 16px;
  line-height: 14px;
  text-transform:none;
 
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}




#menu :hover ul :hover
{  color: #ebe026; }


/* #menu li.current a, 
#menu li ul li.active a,
#menu :hover ul :hover a.active
{  color: #ebe026; }
*/
 
 
#menu li ul li.active a, 
#menu :hover ul :hover.active  a{
background-image:url('/img/bgr_nav_main_active.gif');
background-repeat:no-repeat;
background-position:2px 5px;
 
}
