/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/


#menu {
	/*background: #ccc url(images/menu-bg.jpg) repeat-x;*/
	height: 31px;
	width: 894px;
	z-index: 1000;
	position: relative;
	}

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

#menu li {
	}
	
/*************************************************/
/*                                               */
/*                                               */
/*                                               */
/*                                               */
/*************************************************/

#menu ul li {
	background: #525252 url('../images/nav_bg.gif') repeat-x;
	}

#menu a {
	color:#fff;
	font-size:1.1em;
	text-transform:uppercase;

	text-decoration:none;
	}

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

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

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

/*************************************************/
/* 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: 1px solid #ccc;
	z-index: 1000;
	}

#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;
	}

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

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

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


	#navButton1 {
		width: 74px;
		}
		
	#navButton2 {
		width: 85px;
		}
		
	#navButton3 {
		width: 128px;
		}
		
	#navButton4 {
		width: 141px;
		}
		
	#navButton5 {
		width: 133px;
		}
		
	#navButton6 {
		width: 124px;
		}
		
	#navButton7 {
		width: 98px;
		}
		
	#navButton8 {
		width: 111px;
		}