#pad {
  height: 140px;
}

/* ================================================================ 
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 {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 20px;
  position: relative;
  z-index: 500;
  font-family: arial, verdana, helvetica, sans-serif;
}

#menu li {
  float: left;
  margin-right: 1px;
  width: 100px;
  z-index: 9002;
}

#menu li a {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  background: #010101;
  color: #fff;
  text-decoration: none;
  padding: 0 auto 0 auto;
  text-align: center;
  width: 100px;
  z-index: 9002;
}



#menu table {
  border-collapse: collapse;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9002;
}


/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
  z-index: 9002;
  position: relative;
  color: #fff;
  background-color: #00159c;
  width: 100px;
}

#menu li:hover {
  position: relative;
  z-index: 9002;
  width: 100px;
}


#menu li:hover > a {
  color: #fff;
  background: #00159c;
  width: 100px;
  z-index: 9002;
}

#menu li:hover > a.sub {
  color: #fff;
  background-color: #00159c;
  width: 100px;
  z-index: 9002;
}


#menu li.current a {
  color: #fff;
  background: #840;
}


/*
#menu li a.sub {
  background:  #010101 url(down-arrow.gif) no-repeat right center;
}
*/

#menu li.current a.sub {
  color: #fff;
/*  background: #840 url(down-arrow.gif) no-repeat right center;;*/
}


#menu :hover ul {
  left: 0;
  top: 20px;
  width: 120px;
  background: #444;
  width: 100px;
  z-index: 9002;
}


/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100px;
  z-index: 2009;
}


#menu :hover ul :hover ul
{
  left: 120px;
  top: -1px;
  background: #222;
  white-space: nowrap;
  width: 100px;
  z-index: 9002;
  height: auto;
}


#menu :hover ul li {
  margin: 0;
  border-top: 1px solid #666;
  z-index: 9002;
}

#menu :hover ul li a {
  padding: 0;
  background: #010101;
  color: #FFF;
  height: 20px;
  line-height: 20px;
  width: 100px;
  z-index: 9002;
}

#menu :hover ul li a.fly {
  background: #333 url(right-arrow.gif) no-repeat right center;
}


#menu :hover ul :hover {
  background-color: #00159c;
  color: #fff;
  z-index: 9002;
}

#menu :hover ul :hover a.fly {
  background-color: #00159c;
  color: #fff;
  z-index: 9002;
}


#menu :hover ul li.currentsub a {
  background: #840;
  color: #fff;
  z-index: 9002;
}

#menu :hover ul li.currentsub a.fly {
  background: #840 url(right-arrow.gif) no-repeat right center;
  color: #fff;
  z-index: 9002;
}


#menu :hover ul :hover ul li a {
  width: 100px;
  padding: 0;
  text-indent: 10px;
  background: #3e3e3e;
  color: #fff;
  z-index: 9002;
}

#menu :hover ul :hover ul :hover {
  background-color: #d70;
  color: #fff;
  z-index: 9002;
}


#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {
  background: #840;
  color: #fff;
  z-index: 9002;
}


