/* ================================================================ 
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.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.submenu {
  width:723px;
  height:30px;
  font-size:0.85em;
  position: relative;
  z-index: 100;
  text-align: left;
  background: #e5e5ae;
}
* html .submenu {
  width:726px;
  w\idth:725px;
}

.submenu ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
.submenu ul ul {
  width: 168px;
}

.submenu li {
  float:left;
  width: 180px;
  position:relative;
}

.submenu a, .submenu a:visited {
  display:block;
  font-size: 10pt;
  font-family: Arial;
  text-decoration:none;
  color:#fff;
  width: 168px;
  height: 30px;
  background: #E5E5AE; 
  color: black;
  padding-left:10px;
  line-height:30px;
}

* html .submenu a, * html .submenu a:visited {width:149px; w\idth:138px;}

.submenu ul ul a.drop, .submenu ul ul a.drop:visited {
  background: #ffffcc;
}

/* style the third level background */
.submenu ul ul ul a, .submenu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */
.submenu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.submenu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top: 29px;
  left:0;
}

/* another hack for IE5.5 */
* html .submenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout submenu */
.submenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout submenu for a left flyout */
.submenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.submenu table {
  position:absolute;
  top:0; left:0;
  border-collapse:collapse;
}

/* style the second level links */
.submenu ul ul a, .submenu ul ul a:visited {
  background:#d4d8bd;
  color:#000;
  height:auto;
  line-height:1em;
  padding:5px 10px;
  width: 158px;  /*  width:128px; */
}

/* yet another hack for IE5.5 */
* html .submenu ul ul a, * html .submenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.submenu a:hover, .submenu ul ul a:hover{
  color:#fff;
  background: #949e7c;
  cursor: text;
}

.submenu :hover > a {
  color: black;
  background: #ffffcc;
  cursor: text;
}

.submenu ul ul :hover > a {
  color: black;
  background: #ffffcc;
  cursor: pointer;
  text-decoration: underline;
}

/* make the second level visible when hover on first level list OR link */
.submenu ul li:hover ul,
.submenu ul a:hover ul{visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.submenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.submenu ul :hover ul :hover ul{ visibility:visible;}