/* ================================================================ 
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/skeleton.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.
=================================================================== */
#ddmenu { height: 25px; }

#wp_nav, #wp_nav ul {
  padding:0 0 5px 0; 
  margin:0; 
  list-style:none; 
	color: #515151;
	font-size: 12px;
	letter-spacing:-.09em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 12px;
  background:#fff; 
  position:relative; 
  z-index:200;
}

#wp_nav {
  height:25px; 
  padding:0;
  width: 100%;
}

#wp_nav table {border-collapse:collapse;}
#wp_nav li {
  float:left; 
  padding:0 3px 0 3px;
}
#wp_nav li li {
  float:none;
   letter-spacing:0px;
}

/* a hack for IE5.x and IE6 */
#wp_nav li a li {float:left;}

#wp_nav li a, #wp_nav li span {
  display:block; 
  float:left; 
  color:#515151; 
  height:25px; 
  padding-right:5px; 
  line-height:25px; 
  text-decoration:none; 
  white-space:nowrap;
}
#wp_nav li li a {
  height:20px; 
  line-height:20px; 
  float:none;
}

#wp_nav li:hover {
  position:relative; 
  z-index:300; 
  background-color:#444;
}
#wp_nav a:hover {
  position:relative; 
  z-index:300; 
  /*text-decoration:underline;*/ 
  color:#fff;
  background-color: #444;
}

#wp_nav :hover ul {
  left:0; 
  top:23px;
}
#wp_nav .wp_last_menu:hover ul {
  left: -50px;
  top:23px;
}
/* another hack for IE5.5 and IE6 */
#wp_nav a:hover ul {left:-10px;}

#wp_nav ul {
  position:absolute; 
  left:-9999px; 
  top:-9999px;
  border: 1px solid #888;
  text-align:left;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#wp_nav li:hover li:hover > ul {
  left:-5px; 
  margin-left:100%; 
  top:-1px; 
  border: 1px solid #888;
}

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

/* show path followed */
#wp_nav li:hover > a {color:#fff;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#wp_nav a:hover a:hover ul,
#wp_nav a:hover a:hover a:hover ul,
#wp_nav a:hover a:hover a:hover a:hover ul,
#wp_nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */

#wp_nav a:hover ul ul,
#wp_nav a:hover a:hover ul ul,
#wp_nav a:hover a:hover a:hover ul ul,
#wp_nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}