/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton4.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
  position: absolute; 
  top: 33px; 
  left: 150px;
  list-style: none;
  padding: 0px;
  margin: 0px auto;
  z-index: 99;
}

.menu ul { margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu ul {display:inline-block; } 
/* border:1px solid #444; */

.menu li {
	margin:0; padding:0; list-style:none;
}
.menu li {display:inline-block; display:inline;}
.menu ul ul {position:absolute; left:-9999px; border:1px solid #444; background: #FF3334}
.menu ul.level1 {margin:0 auto;}
.menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

.menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

.menu .selected {
	color: lightred;
}

.menu a {
  display:block; 
  font:normal 12px verdana,arial,sans-serif; 
  color:#fff; 
  line-height:25px; 
  text-decoration:none;
  padding:0 25px 0 15px;
}

.menu ul li a {
  display:block; 
  font:normal 14px verdana,arial,sans-serif; 
  color:#fff; 
  line-height:25px; 
  text-decoration:none;
  padding:0 25px 0 15px;
}

.menu ul.level1 li.level1-li a.level1-a {float:left;}

.menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
.menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
.menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
.menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}


.menu a:hover ul {left:0; top:23px;}
.menu li.left a:hover ul {left:auto; right:-1px; top:23px;}

.menu li.left ul a {text-align:right; padding:0 10px 0 20px;}


.menu a:hover a:hover ul, 
.menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
.menu li.left a:hover a:hover ul, 
.menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

.menu a:hover ul ul, 
.menu a:hover a:hover ul ul {left:-9999px;}
.menu li.left a:hover ul ul, 
.menu li.left a:hover a:hover ul ul {left:-9999px;}

.menu li a.drop {
	background:transparent url(/images/menu/dropdown/white-down.gif) no-repeat right center;
}
.menu li a.fly {
	background:transparent url(/images/menu/dropdown/white-right.gif) no-repeat right center;
}
.menu li.left ul a.fly {
	background:transparent url(/images/menu/dropdown/white-left.gif) no-repeat left center;
}

.menu .hotkey {
	display: inline-block;
	font-size: 10px;
	text-align: right;
}
.menu li a:hover,
.menu li a.fly:hover {
	color:#fc6; 
	direction:ltr;
} 
.menu li:hover > a {
  color:#00F;
  background: #FFF; 
}
.menu li:hover > a.drop {
  color:#00F; 
  background:#FFF url(/images/menu/dropdown/black-down.gif) no-repeat right center;
}
.menu ul li:hover > a.fly {
  color:#00F; 
  background:#FFF url(/images/menu/dropdown/black-right.gif) no-repeat right center;
}
.menu ul li.left:hover > a.fly {
  color:#00F; 
  background:#FFF url(/images/menu/dropdown/black-left.gif) no-repeat right center;
}

.menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
.menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

.menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
.menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

/* location indicator */
.menu-location {
	position: absolute;
	top: 62px;
  padding-left: 5px;
  z-index: 50;
}

.menu-location a {
  text-decoration: none;
  color: black;
  padding-right: 5px;
}

.menu-location a:hover {
  text-decoration: underline;
  color: black;
}

.menu-location a.next {
	background: transparent url(/images/menu/dropdown/black-right.gif) no-repeat left center;
	padding-left: 8px;
}

.menu-location a.current {
	font-weight: bold;
}