/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/
#menu {
	width: 100%;
	background: #fff;
	font-size: 0.9em;
	line-height: normal;
	float: left;
}

#menu ul
{
	margin: 0;
	padding: 10px 10px 0 50px;
	list-style: none;	
}

#menu li
{
}
/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/
#menu ul li 
{
	display: inline;
	margin: 0 5px;
	padding: 0;
}

#menu a
{
	float: left;
	background: url('../images/navTab_left.gif') no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

#menu a span
{
	float: left;
	display: block;
	background: url('../images/navTab_right.gif') no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #b70000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span { float: none; }
/* End IE5-Mac hack */

#menu li:hover a span { color: #949494; }

#menu li:hover a { background-position: 0% -26px; }

#menu li:hover a span { background-position: 100% -26px; }

/*************************************************/
/* Every ul inside another ul is a submenu. They */
/* are hidden until hovered over. It is not      */
/* moved left since the 1st ul->ul is a vertical */
/* dropdown. top:auto makes sure the menu is     */
/* directly under the 1st ul parent              */
/*************************************************/
#menu ul ul
{
	background: #eee;
	top:100%;
	left:0px;
	height:auto;
	padding: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	border: 1px solid #ddd;
}

#menu ul ul li 
{
	margin: 0;
}

#menu ul ul a
{
	font-weight:bold;
	padding:2px 5px;
	width: 140px;
	text-decoration:none;
}

#menu ul ul a:active
{
	color:#060;
	background:#ccc;
}

#menu  ul ul a:visited
{
padding:2px 5px;
}

#menu ul ul a:hover
{
	color:#a00;
	background:#ddd;
}
/*************************************************/
/* Every ul->ul->ul is a side popout menu from   */
/* an existing dropdown. This overrides the      */
/* vertical drop of all menus following the 1st  */
/* top:0px; left:100% makes sure the menu is     */
/* inline with its parent                        */
/*************************************************/
#menu ul ul ul
{
	top:0px;
	left:100%;
}