#pad
{
  height: 25px;
}
/* ================================================================ 
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: 10px 0 10px 40px; /* 0 0 0 30 */
  margin: 0;
  list-style: none;
  height: 25px;
  position: relative;
  z-index: 500;
  font-family: arial, verdana, sans-serif;
	font-size: 0.9em;
	width: 760px;
}
#menu li
{
  float: left;
  margin-right: 10px;
}
#menu li a
{
  display: block;
  float: left;
  height: 25px;
  line-height: 25px;
  background: #550000;
  color: #ccc;
  text-decoration: none;
  font-size:14pt;
  width:110px;
}

#menu li li a {
	font-size:11pt;
	background: #ccc;
	color: #333;
}

#menu table
{
  border-collapse: collapse;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover
{
  z-index: 200;
  position: relative;
  color: #fff;
  background-color: #ccc;
}
#menu li:hover
{
  position: relative;
  z-index: 200;
}

#menu li:hover > a
{
  color: #fff;
  background: #666;
}
#menu li:hover > a.sub
{
  color: #fff;
  background-color: #666;
}

#menu li.current a
{
  color: #fff;
  background: #666;
}

#menu li a.sub
{
  background: #666 ;
}
#menu li.current a.sub
{
  color: #fff;
  background: #666 ;}

#menu li:hover ul
{
  left: 0;
  top: auto;
  bottom: 25px;
  width: 110px;
  background: #666;
}
#menu a:hover ul
{
  left: 0;
  top: auto;
  bottom: 0;
  width: 110px;
  background: #666;
}

/* keep the 'next' level invisible by placing it off screen. */

#menu ul, #menu :hover ul ul
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu :hover ul :hover ul
{
  left: 120px;
  top: auto;
  background: #666;
  white-space: nowrap;
  width: 110px;
  z-index: 200;
  height: auto;
}
#menu :hover ul :hover ul.fly3
{
  bottom: auto;
  top: -53px; /* -53 */
}
#menu :hover ul :hover ul.fly2
{
  bottom: auto;
  top: -27px; /* -27 */
}
#menu :hover ul :hover ul.fly1
{
  bottom: auto;
  top: -27px; /* -27 */
}

#menu :hover ul li
{
  margin: 0;
  border-top: 1px solid #ccc;
}
#menu :hover ul li a
{
  width: 110px;
  padding: 0;
  text-indent: 2px;
  background: #363636;
  color: #ccc;
  height: 25px;
  line-height: 25px;
}
#menu :hover ul li a.fly
{
  background: #666 ;
}

#menu :hover ul :hover
{
  background-color: #666;
  color: #fff;
}
#menu :hover ul :hover a.fly
{
  background-color: #666;
  color: #fff;
}

#menu :hover ul li.currentsub a
{
  background: #666;
  color: #fff;
}
#menu :hover ul li.currentsub a.fly
{
  background: #084 ;
  color: #fff;
}

#menu :hover ul :hover ul li a
{
  width: 100px;
  padding: 0;
  text-indent: 2px;
  background: #666;
  color: #ccc;
}
#menu :hover ul :hover ul :hover
{
  background-color: #666;
  color: #fff;
}

#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover
{
  background: #666;
  color: #fff;
}