/* ================================================================ 
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-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
  width:842px; 
  height:32px; 
  position:relative; 
  z-index:100;
  border-right:1px solid #000; 
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
  float:left;
    /* basic toplevel entry width: */
  width:131px;
  position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
 display:block;
 font-size:0.8em;
 text-decoration:none; 
 width:100%; 
 border:1px solid #000; 
 border-width:1px 0 1px 1px; 
 padding-left:10px; 
 line-height:1.7em;
 font-weight:bold;
 background-color: firebrick;
 color: white;
}

/* style the second level background */
/*
.menu ul ul a.drop, .menu ul ul a.drop:visited{
 background-color:firebrick;
}
*/

/* style the second level hover */
.menu ul ul a.drop:hover{
 background-color:firebrick;
 background-color:black;
}

.menu ul ul :hover > a.drop {
 background-color:firebrick;
 background-color:black;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
 background-color:firebrick;
}
/* style the third level hover 
.menu ul ul ul a:hover {
  background-color:firebrick;
}
*/


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:31px;
  left:0; 
  width:112px; 
  border-top:1px solid #000;
}

/* position the third level flyout menu */
.menu ul ul ul{
  left:191px; 
  top:-1px; 
}
.menu ul ul ul a, .menu ul ul ul a:visited{
  width:98px;  
}

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

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

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
 background-color:firebrick; 
 color:#000; 
 height:auto; 
 line-height:1em; 
 padding:5px 10px; 
    /* width of 2nd level:  */
 width:160px;
 border-width:0 1px 1px 1px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
  color:#000; 
  background-color:firebrick;
  background-color:black;
}
.menu :hover > a, .menu ul ul :hover > a {
  color:#000; 
  background-color:firebrick;
}

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

/* keep the third level hidden when you hover on first level list OR link */
.menu ul li:hover ul ul{
  visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
/*
.menu ul li:hover ul li:hover ul{ 
 visibility:visible;
}
*/