﻿#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.
=================================================================== */
#dropdown-menu

{
  padding: 0;
  margin: 0;
  list-style: none;
  height: 40px;
  position: relative;
  z-index: 500;
}
#dropdown-menu
 li
{
  float: left;
  margin-right: 1px;
}
#dropdown-menu
 li a
{
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  background: #BF8230;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 0 30px 0 20px;
}


#dropdown-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 */

#dropdown-menu
 li a:hover
{
  z-index: 200;
  position: relative;
  color: #FFF;
  background-color: #A65F00;
}
#dropdown-menu
 li:hover
{
  position: relative;
  z-index: 200;
}

#dropdown-menu
 li:hover > a
{
  color: #fff;
  background: #A65F00;
}
#dropdown-menu
 li:hover > a.sub
{
  color: #fff;
  background-color: #A65F00;
}

/* .current */

#dropdown-menu
 li.current a    
{
	color: #fff;
	background: #663300;
}

#dropdown-menu
 li a.sub
{
  background: #BF8230 url(images/down-arrow.gif) no-repeat right center;
}
#dropdown-menu
 li.current a.sub
{
  color: #fff;
  background: #663300 url(images/down-arrow.gif) no-repeat right center;
}

#dropdown-menu
 :hover ul
{
  left: 0;
  top: 40px;
  width: 180px

;
  background: #BF8230;
}

/* keep the 'next' level invisible by placing it off screen. */

#dropdown-menu
 ul, #dropdown-menu
 :hover ul ul
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#dropdown-menu
 :hover ul :hover ul
{
  left: 180px

;
  top: -1px;
  background: #222;
  white-space: nowrap;
  width: 100px;
  z-index: 200;
  height: auto;
}

#dropdown-menu
 :hover ul li
{
  margin: 0;
  border-top: 1px solid #FFF;
}
#dropdown-menu
 :hover ul li a
{
  width: 180px

;
  padding: 0;
  text-indent: 10px;
  background: #BF8230;
  color: #FFF;
  height: 30px;
  line-height: 30px;
}
#dropdown-menu
 :hover ul li a.fly
{
  background: #BF8230 url(images/right-arrow.gif) no-repeat right center;
}

#dropdown-menu
 :hover ul :hover
{
  background-color: #A65F00;
  color: #fff;
}
#dropdown-menu
 :hover ul :hover a.fly
{
  background-color: #A65F00;
  color: #fff;
}

/* .currentsub */

#dropdown-menu
 :hover ul li.currentsub a
{
  background: #663300;
  color: #fff;
}
#dropdown-menu
 :hover ul li.currentsub a.fly
{
  background: #663300 url(images/right-arrow.gif) no-repeat right center;
  color: #fff;
}

#dropdown-menu
 :hover ul :hover ul li a
{
  width: 100px;
  padding: 0;
  text-indent: 10px;
  background: #663300;
  color: #FFF;
}
#dropdown-menu
 :hover ul :hover ul :hover
{
  background-color: #663300;
  color: #FFF;
}

/* currentfly */

#dropdown-menu
 :hover ul :hover ul li.currentfly a, #dropdown-menu
 :hover ul :hover ul li.currentfly a:hover
{
	background: #663300;
	color: #fff;
}

