/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/
#menu {
	background:url(../images/menu_bg.jpg) no-repeat left top;
	padding-top:2px;
}

#menu ul
{
	text-align:center;
	padding:0;
	margin:0px;	
}

#menu li
{
}
/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/
#menu ul li 
{
	background: url(../images/nav_bg.jpg);
	margin:0px;
	padding: 0px;
	height:19px;
	width:218px;
	padding-top:3px;
}

#menu a
{
	color: #FFFFFF;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

#menu a:active
{
	color:#FFF;
}

#menu a:visited
{
	color: #FFF;
}

#menu a:hover
{
	color:#B8B7B7;
}
/*************************************************/
/* 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:0px;
	left:100%;
	height:auto;
	width:100%;
	/*border: 1px solid #ccc;*/

}

#menu ul ul li 
{
	background: #f5f9f5;
}

#menu ul ul a
{
	color: #525252;
	font-weight:bold;
	font-size: 1em;
	padding:3px;
	text-decoration:none;
	text-transform: capitalize;
	/*height:auto;*/
}

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

#menu  ul ul a:visited
{
	color:#000;
}

#menu ul ul a:hover
{
	color:#0a78c4;
	background:#D4D4D9;
}
/*************************************************/
/* 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%;
}