/* ================================================================ 
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:725px;
/*  height:32px; */
  font-size:0.85em;
  position: relative;
  z-index: 100;
  text-align: left;
  background: #e5e5ae;
/*  border-right: 1px solid #000; */
}
/* hack to correct IE5.5 faulty box model */
* html .submenu {
  width:726px;
  w\idth:725px;
  font-size:0.85em;
  background: #e5e5ae;
}

/* remove all the bullets, borders and padding from the default list styling */
.submenu ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
.submenu ul ul {
  width: 168px; /*181px;*/
/*  background: red; */
  /* width:149px; */
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown submenu positon */
.submenu li {
  float:left;
  width: 178px; /*  width:149px; */
  position:relative;
}

/* style the links for the top level */
.submenu a, .submenu a:visited {
  display:block;
  font-size: 10pt;  /* 11px; */
  font-family: Ariel;  /*Helvetica*/
  text-decoration:none;
  color:#fff;
  width: 168px; /*181px;*/
/*  width:138px; */
  height: 25px; /* 30px; */
/*  border:1px solid #000; */
/*  border-width:1px 0 1px 1px; */
  background: #E5E5AE;  /* #758279; */
  color: black;  /** NYT **/
  padding-left:10px;
  line-height:30px; /* 29px; */
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .submenu a, * html .submenu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.submenu ul ul a.drop, .submenu ul ul a.drop:visited {
  background: #ffffcc;
/*  background:#d4d8bd /* url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat*/ ;
}

/* style the second level hover */
.submenu ul ul a.drop:hover{
/*  background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat; */
}
.submenu ul ul :hover > a.drop {
/*  background: yellow; */
/*  background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat; */
}

/* 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: 25px; /* 29px;  */ /* 31px */
  left:0;
  /*width:149px;border-top:1px solid #000;*/
}

/* 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; */
/*  border-width:0 1px 1px 1px; */
}

/* 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; /* NY */
}

.submenu :hover > a {
/*  color:#fff; */
/*  background: #949e7c; */
  color: black;
  background: #ffffcc;
  cursor: text;  /* NY */
}

.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;}