/* ================================================================ 
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.stunicholls.com/menu/skeleton_left.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.
=================================================================== */
#nav, #nav ul {
  float:left; 
  padding:0;
  margin:0; 
  list-style:none; 
  border:0; 
  background:#fff; 
  position:relative; 
  z-index:200;
}

#nav li li {
  background:#fff;
}

/* a hack for IE5.x and IE6 */
* html #nav li {
  float:left;
  height:25px; 
}

#nav li a {
  display:block; 
  color:#000; 
  background:#fff; 
  margin:0; 
  padding:0.35em 0 0.47em 10px;
  height:1em; 
  width:150px;
  font: 14px arial, verdana, sans-serif; 
  text-decoration:none;
  font-weight:bold;
  white-space:nowrap;
}

#nav li:hover {
  position:relative; 
  z-index:300;
}

#nav ul {
  position:absolute; 
  left:-9999px; 
  top:-9999px;
}

/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {
  width:1px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {
  left:0px; 
  margin-left:100%; 
  top:0px;
}

/* keep further levels hidden */
#nav li:hover > ul ul {
  position:absolute; 
  left:-9999px; 
  top:-9999px; 
  width:auto;
}

/* show path followed */
#nav li:hover a, #nav li a.active {
  text-decoration:none; 
  color:#fff;
  background:#2E3359;
}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul {
  left:0px; 
  margin-left:100%; 
  top:0px;
}

/* hide futher possible paths */
/* level2 */
#nav li:hover li a {
  text-decoration:none; 
  color:#fff;
  background:#2E3359;
  width:13.8em;
}

/* show path followed */
/* level2 */
#nav li:hover li:hover a, #nav li:hover li a.active {
  text-decoration:none; 
  color:#ef4d9c;
}

