/* Basic level 1 ul is of 'horizontal' class
 * level 2 is of 'dropdown' class
 * every sub menu are all of 'flyout' class, which mean on the left or on the right of a 'dropdown' menu class depends on what space is left
 * all classes are dynamically set onload
 */
#menu {
  position: absolute;
  left:1px;
  background-color: #FFF;
  z-index: 1;
  width:948px;
	height:29px;
}

#menu ul {
  padding: 0px;
  background-color: #FFF;
  margin:4px 0 0 16px;
}
#menu ul ul{
  margin:0;
}

#menu ul li {
  list-style: none;
  background-color: #FFF;
  display:block;
  border-left:1px solid #DDD;
}

#menu ul li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #999;
  background-color: #FFF;
  padding: 0.25em 1.5em;
}

#menu .horizontal li {
  float: left;
  padding: 0px;
  background-color: #FFF;
}

#menu .horizontal > li a {
  width: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */
#menu .horizontal div{
  z-index:20;
}

#menu .dropdown,
#menu .flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 135px;
  background: transparent url(/images/skins/shadow.png) repeat-x bottom left;
  padding-bottom:5px;
  z-index:20;
}

#menu .dropdown ul{
  border-bottom:1px solid #DDD;
}
#menu .dropdown li,
#menu .flyout li {
  float:none;
  padding:0;
  height:auto;
  border:1px solid #DDD;
  border-bottom:none;
}

#menu .dropdown a, #menu .flyout a {
  padding: 3px 5px 4px 5px;
}

#menu li a:hover, #menu li a.selected {
  color: white
}
#menu li a:hover{
  background-color: #C5C3C4;  
}

#menu ul li.hasChilds > a{
  background: transparent url(/images/icons/next.png) no-repeat right center;
}
#menu ul li.hasChilds > a:hover{background: #C5C3C4 url(/images/icons/next_over.png) no-repeat right center;}

/* Search Form */
#menu form{
 	float:right;
	margin:1px 8px 0 0;
}
#menu input.text,#menu select{
	display:block;
	float:left;
	height:17px;
	border:1px solid #a6a6a6;
	margin:0 4px 0 0;
	padding:2px 0 0 4px;
}
#menu select{
	height:auto;
}
#menu option{
	padding:0 2px;
}