/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/
#menu {
	width: 950px;
	min-height: 40px;
	background: #262626 url('../images/menu_bg.png') repeat-x;
}

#menu ul
{
	/*background: #ccc url(images/menu-bg.jpg) repeat-x;*/
	text-align:center;
	margin:0px;
	padding:0px;	
}

#menu li
{
}
/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/
#menu ul li 
{
	background: #262626 url('../images/menu_bg.png') repeat-x;
}
#menu ul li.last {
}
#menu a
{
	color:#fff;
	font-size:1em;
	padding: 13px 20px;
	text-decoration:none;
	border-left: 1px solid #777;
	border-right: 1px solid #444;
}

#menu li.first a { border-left: 0; }
#menu li.last a { border-right: 0; }

#menu a:hover,#menu li:hover a,#menu a.active
{
	background:#444;
}
/*************************************************/
/* 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
{
	top:auto;
	left:0px;
	height:auto;
	width:100%;
}

#menu ul ul li, #menu ul li:hover
{
	background: #444;
	color:#fff;
}

#menu ul ul a
{
	color: #fff;
	font-weight:normal;
	font-size: 1em;
	padding:5px;
	text-decoration:none;
	text-transform: capitalize;
	border: none;
}

#menu ul li a:hover
{
	background:#444;
}
#menu ul ul li a:hover { background: #222; }
/*************************************************/
/* 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%;
}