/* ---- Basic menu styles ------------------- */

/* common styling */
#menu, #menu ul, #menu li { margin: 0; padding: 0; border: 0 none; }

#menu       { z-index: 100;}
#menu li    { float:left;  position:relative; list-style: none; display: inline; width: auto;}
#menu li a  { display:block; white-space: nowrap; cursor: pointer; }
#menu li li { width: auto; clear: both;  /*FF 1.0.7 needs this */  }
#menu li ul { visibility: hidden; position:absolute; }

#menu li li ul {  top: 0; left: 0; }

#menu li.hover ul               {  visibility: visible; }
#menu li.hover ul li ul 		  {  visibility: hidden;  }
#menu li.hover li.hover ul      {  visibility: visible;  left: 100%; }

/* ---- Menu layout -------------------------- */

#menu li {
	border-left: 1px solid #fff;
	border-right: 1px solid #d8d8d8;
	border-top: 0;
	border-bottom: 0;
}
#menu li li { border: 0;}

#menu ul    { border: 1px solid #F3F3F3; background-color: #F3F3F3;}
#menu li.node { background: transparent url(../img/bg_menu.gif) no-repeat 2px 60%; }
#menu li.node li { background: transparent url(../img/bg_menu.gif) no-repeat 2px 60%; }
/*#menu ul li.separator { background: #DDE1E6 url(../img/bg-menu.gif);  height: 1px;  }*/

#menu a, #menu div {
	padding: 0.35em 1.5em 0.35em;
	margin: 0 1px 0 1px;
	color: #333333;
	line-height: 1.6em; vertical-align: middle;
	font-size: 11px; font-weight: bold; text-decoration: none;
	cursor: default;
	background-repeat: no-repeat; background-position: left 50%
}

#menu li.disabled a { color: gray; }

#menu ul a {
	font-size: 11px;
	font-weight: normal;
	padding: 0.35em 20px 0.35em 16px;
	line-height: 1.2em;
}

/* 1 level - hover */
#menu li.hover a {  background: #FF0000 url(../img/bg_menu_hover.gif) no-repeat 2px 60%; border-left: 1px solid #FF0000; border-right: 1px solid #FF0000; color: #FFFFFF; }
/* 2 level - normal */
#menu li.hover li a { background: #F3F3F3 url(../img/bg_menu.gif) no-repeat 2px 60%; border-left: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; color: #000000; }
#menu li.hover ul { background-color: #EDEDED; border-bottom: 1px solid #D8D8D8; }
/* 2 level - hover */
#menu li.hover li.hover a { background: #FF0000 url(../img/bg_menu_hover.gif) no-repeat 2px 60%; border-left: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; color: #FFFFFF; }