#divMenu{
	background-image:url(/system/application/images/menu_bar.png);
	background-repeat:no-repeat;
	width:990px;
	height:32px;
	padding-top:2px;
	text-align:center;
}
	
	.menu_bar_item{
		padding-left:20px;
		padding-right:20px;
		color:#d9cebc;
		font-weight:bold;
		text-decoration:none;
	}
		/* remove all the bullets, borders and padding from the default list styling */
		.menu ul {
			list-style-type:none;
			margin-left:auto;
			padding:0;
			margin-right:auto;
		}
			.menu ul ul {
				width:50px;
			}
				/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
				.menu li {
					float:left;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					position:relative;
					width:120px;
					text-align:center;
					padding-top:2px;
				}
					/* style the links for the top level */
					.menu a, .menu a:visited {
						font-size:12px;
						text-decoration:none; 
						color:#fff; 
						width:109px; 
						border:1px solid #fff; 
						border-width:0px 0px 0px 0px; 
						padding-left:10px; 
						font-weight:bold;
						list-style-type:none;
					}
						/* hide the sub levels and give them a positon absolute so that they take up no room */
						.menu ul ul {
							visibility:hidden;
							position:absolute;
							height:0;
							top:29px;
							left:0; 
							width:150px;
							border-top:0px solid #000;
						}
			
							/* style the table so that it takes no part in the layout - required for IE to work 
							.menu table {
								position:absolute; 
								top:0; 
								left:0;
								border-collapse:collapse;
							}*/
							
								/* style the second level links */
								.menu ul ul a, .menu ul ul a:visited {
									background:#000;
									color:#fff;
									height:29px; 
									line-height:1em;
									width:150px;
									border-width:0px 0px 0px 0px;
									line-height:29px;
								}
								
									/* style the top level hover */
									.menu a:hover, .menu ul ul a:hover{
											color:#85bf58;
									}
									
										.menu :hover > a, .menu ul ul :hover > a {
											 color:#85bf58;
										 }

											/* make the second level visible when hover on first level list OR link */
											.menu ul li:hover ul, .menu ul a:hover ul{
												visibility:visible;
											}