
	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:block;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu {
		/*position: relative;*/
		width: 942px;
		height: 26px;
		list-style: none;
		/*position: absolute;*/
		float: left;
		margin-top: 2px;
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
		width: 900px;
		height: 25px;
		list-style: none;
		margin-left: 32px;
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
		text-align: left;
		white-space: nowrap;
	}
	#menu {
		width: 960px;
		height: 30px;
		margin-bottom: 15px;
		background: transparent url('img/barBg.gif') repeat-x 0 0;
	}
	#first {
		float: left;
		width: 9px;
		height: 30px;
		background: transparent url('img/barStart.gif') no-repeat left;
		background-color: #a0c1dd;
	}
	#last {
		float: left;
		width: 9px;
		height: 30px;
		background: transparent url('img/barEnd.gif') no-repeat right;
		background-color: #a0c1dd;
	}
	
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:0px;
		height: 26px! important;
		/*background-color:#f2f2f2;*/
	}
	#dhtmlgoodies_menu ul.menuBlock1 li {
		list-style-image: url(img/arrLeft.gif);
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		padding-top: 0px;
		background-color: #bfd5e8;
		margin-top: 22px;
		margin-left: 0px;
		width: 1px;
		height: 1px;
	}
	#dhtmlgoodies_menu ul.menuBlock2 li {
		border: 1px solid #bfd5e8;
		background-color: #bfd5e8;
	}
	#dhtmlgoodies_menu ul.menuBlock3{	/* Menu bar - main menu items */
		padding-top: 0px;
		background-color: #d1e5f6;
		margin-top: 120px;
		margin-left: 115px;
		width: 200px;
		height: 1px;
	}
	#dhtmlgoodies_menu ul.menuBlock3 li {
		border: 1px solid #d1e5f6;
		background-color: #d1e5f6;
	}
	#dhtmlgoodies_menu ul.menuBlock4{	/* Menu bar - main menu items */
		border:0px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
		border:1px solid #f2f2f2;
	}
	/***********************************************************************
		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: #000000;
		font-family: Tahoma;
		font-size: 10pt;
		text-decoration:none;
	}

	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding: 5px 0px 0px 0px;
		background-color:#a0c1dd;
		margin-right: 40px;
		/*border:1px solid #f2f2f2;*/
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding: 5px 0px 0px 0px;
		margin-right: 40px;
		/*border:1px solid #f2f2f2;*/
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#000000;
		font-weight:bold;
		font-size: 10pt;
		padding-left:0px;
		padding-right:0px;
	}
	#dhtmlgoodies_menu .currentDepth1 a{	/* Text rules */
		color:#000000;
		font-weight:bold;
		font-size: 10pt;
		padding-left:0px;
		padding-right:0px;
	}
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding: 2px 15px;
		background-color: #a0c1dd;
		border:1px solid #ffffff;
		width: 150px;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding: 2px 15px;
		background-color: #a0c1dd;
		border:1px solid #ffffff;
		width: 150px;
	}
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000000;
		font-size: 9pt;
	}	
	#dhtmlgoodies_menu .currentDepth2 a{	/* Text rules */
		color:#000000;
		font-size: 9pt;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding: 2px 15px;
		background-color: #a0c1dd;
		border:1px solid #ffffff;
		width: 100%;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding: 2px 15px;
		background-color: #a0c1dd;
		border:1px solid #ffffff;
		width: 100%;
	}
	#dhtmlgoodies_menu .currentDepth3over a{	/* Text rules */
		color:#000000;
		font-size: 9pt;
	}	
	#dhtmlgoodies_menu .currentDepth3 a{	/* Text rules */
		color:#000000;
		font-size: 9pt;
	}	
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #f2f2f2;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#f2f2f2;
		border:1px solid #f2f2f2;
	}	
