#menu-bar ul
{
	list-style:none;
	padding:0;
	margin:0;
	overflow:visible;
	border:4px solid #8e236b;
}

	#menu-bar ul > li
	{
		float:left;		
	}	
		#menu-bar ul > li.active,
		#menu-bar ul > li:hover
		{
			background-color:#fff;
		}				
		
		#menu-bar ul > li a
		{
			display:block;
			text-decoration:none;
			padding:0 14px;
			line-height:32px;
			color:#fff;			
		}	
		
		#menu-bar ul > li.active a,
		#menu-bar ul > li:hover a
		{
			color:#8e236b;
		}		
				
		.ie.v7 #menu-bar ul > li.active a,
		.ie.v7 #menu-bar ul > li:hover a
		{
			background-color:#fffeff; /* nasty ie7 hover fix */
		}				
		
	#menu-bar ul ul
	{		
		display:none; /* hide the sub menus initially */
		background-color:rgba(255,255,255,0.96);
		position:absolute;			
		z-index:2;	
		border:4px solid #8e236b;
		box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.3);
		-mox-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.3);
	}
	
	.ie.v7 #menu-bar ul ul,
	.ie.v8 #menu-bar ul ul
	{
		background-color:#fff;		
	}
	
		#menu-bar ul ul > li
		{
			overflow:hidden;			
			float: none;
			position: relative;
			border:none;	
			display:block;
			zoom:1;	/* IE fix */	
		}
			
			#menu-bar ul ul > li:hover
			{
				background-color:rgba(220,220,220,0.7);
			}
			
			.ie.v7 #menu-bar ul ul > li:hover
			{
				background-color:#fff;
			}
						
			.ie.v8 #menu-bar ul ul > li:hover
			{
				background-color:#eee;
			}					
			
			.ie.v7 #menu-bar ul ul > li:hover > a,
			.ie.v7 #menu-bar ul ul > li:hover > a:active
			{
				color:#005ecf;				
				background-color:#fff;
			}			
			
			#menu-bar ul ul > li a
			{			
				color: #8e236b;
				line-height:40px;
				zoom:1; /* IE fix */
			}