/* 
	General styles for this example page */

	

	#mainContainer{
		width:488px;
		margin:0 auto;
		text-align:center;
                font-family:  Arial, sans-serif;
		margin-left:40px ;
		
	}
	
	#ads{
		margin:0 auto;
		width:200px;
		margin-top:10px;
	}
	#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{	/* Menu object */
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin: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{
		padding:0px;
		line-height:20px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		line-height:20px;
		background-color:#F9D791;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		line-height:20px;
		border:0px solid #cacaca;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.vertical-align:middle;
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		line-height:20px;
		text-decoration:none;
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		margin-bottom: 0px;
		padding-left: 0px;
		width:120px;
	         height:20px;
		background-color:#F9D791;
		border:1px solid #cacaca;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		width:120px;
		border:1px solid #cacaca;
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		color:#222086; /* main font */
		width:120px;
		line-height:20px;
		font-size : 14px;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		padding:0px;
		color:#d11; /* main font */
		font-size : 14px;
	}
	
	/* Sub menu depth 1 */
#dhtmlgoodies_menu ul.menuBlock2{  /* Menu bar - sub menu depth 1 whole block*/
		margin-left: 0px;
                border:1px solid #cacaca;
		background-color:#F9D791;
	}
	#dhtmlgoodies_menu .currentDepth2{
		width:116px;
	         height:20px;
                border:1px solid #cacaca;
	}
	#dhtmlgoodies_menu .currentDepth2over{
	         height:20px;
		width:116px;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
	         height:20px;
		padding:0px;
		color:#d11;

	}	
	/* Sub menu depth 3 */
#dhtmlgoodies_menu ul.menuBlock3{  /* Menu bar - sub menu depth 1 whole block*/
		margin-left: 0px;
                border:1px solid #cacaca;
		background-color:#F9D791;
	}
	#dhtmlgoodies_menu .currentDepth3{
		width:116px;
	         height:20px;
                border:1px solid #cacaca;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		width:116px;
	}	
	#dhtmlgoodies_menu .currentDepth3over a{	/* Text rules */
		padding:2px;
		color:#d11;

	}