/* 
	General styles for this example page */


	
	#dhtmlgoodies_menu {
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:12px;
	}
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding: 0px;
		height: 40px; /* MANAS-hack: had to change line in JS that was setting the height dynamically. */
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:5px;
		background-color: #ffffff;
		border:1px solid #aaaaaa;
	}
	#dhtmlgoodies_menu ul.menuBlock3{	/* Menu bar - main menu items */
		border:0px;
		padding:5px;
		background-color: #ffffff;
		border:1px solid #aaaaaa;
	}
	#dhtmlgoodies_menu ul.menuBlock4{	/* Menu bar - main menu items */
		border:0px;
		padding:5px;
		background-color: #ffffff;
		border:1px solid #aaaaaa;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
		
	}
	
	/*
	Main menu items 
	*/
	


	#dhtmlgoodies_menu .currentDepth1{
		padding-left:14px;
		padding-right:14px;
		/* border:1px solid #E2EBED; */
		padding-top: 8px;
		padding-bottom: 12px;
		background: url('images/header_divider.jpg') no-repeat;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:14px;
		padding-right:14px;
		/* border:1px solid #E2EBED; */
		padding-top: 8px;
		padding-bottom: 12px;
		background: url('images/header_divider.jpg') no-repeat;
	}
	
	
	#dhtmlgoodies_menu .currentDepth1 a{
		/* font-weight:bold; */
		color: #D8C2C2;
		padding: 3px;
		/*text-transform:uppercase;
		letter-spacing:0.1ex;			 */
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		/* color:#FFF; */
		text-decoration: underline;
		color: #D8C2C2;
		/* font-weight:bold; */
		padding: 3px;
/*		text-transform:uppercase;
		letter-spacing:0.1ex;	 */
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		background-color: #ffffff;
		padding: 2px 4px 2px 4px;
		/* border:1px solid #FFF; */
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding: 2px 4px 2px 4px;
		background-color:#dfdfdf;
		/* border:1px solid #000; */
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding: 2px 4px 2px 4px;
		background-color: #ffffff;
		/* border:1px solid #FFF; */
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding: 2px 4px 2px 4px;
		background-color:#dfdfdf;
		/* border:1px solid #000; */
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding: 2px 4px 2px 4px;
		background-color: #ffffff;
		/* border:1px solid #FFF; */
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding: 2px 4px 2px 4px;
		background-color:#dfdfdf;
		/* border:1px solid #000; */
	}	
	
	/* special override so that the very first (leftmost) item does not get a divider to the left */
	#dhtmlgoodies_menu li#dhtmlgoodies_listItem0 {
		background: none;
	}