/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/
#menu {
	/*background: #ccc url(images/menu-bg.jpg) repeat-x;*/
	width: 834px;
	z-index: 500;
}

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

#menu li
{
}

/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/
#menu ul li.navButton1  {
	width: 121px;
	}
	
#menu ul li.navButton2  {
	width: 157px;
	}
	
#menu ul li.navButton3  {
	width: 240px;
	}
	
#menu ul li.navButton4  {
	width: 162px;
	}
	
#menu ul li.navButton5  {
	width: 136px;
	}

#menu a {
	font-size:1.0em;
	text-transform:uppercase;
	padding: 6px 0px 6px 0px;
	text-decoration:none;
	font-weight: bold;
	}


#menu a, 
#menu a:active, 
#menu a:visited {
	color:#e8e8e8;
	}




#menu a:hover {
	color:#ffffff;
	}


/*************************************************/
/* 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%;
	border: none;
	}

#menu ul ul li  {
	background: #003066;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 1px;
	}

#menu ul ul a:link {
	color: #e8e8e8;
	font-weight: normal;
	font-size: 1em;
	padding:3px;
	text-decoration:none;
	text-transform: capitalize;
	}

#menu ul ul a:active, 
#menu  ul ul a:visited {
	color:#c8c8c8;
	font-weight:bold;
	text-transform: capitalize;
	}


#menu ul ul a:hover {
	color:#fff;
	background:#2d5893;
	}
	
	
/*************************************************/
/* 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%;
}