/* CSS Document */

/* General styles for this example page */
	html{
		height:100%;
	}
	body{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.8em;
		margin:0px;
		padding:0px;
		text-align:center;
		background-color:#FFFFFF;
		height:100%;
	}
	 
	
	
	#mainContainer{
		width:749px;
		height:42px;
		margin: auto;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		background-color: #FFD077;
		padding:1px;	
	}
	
	#dhtmlgoodies_menu img{
	border:0px;
	background-color: #FFCC66;
	}

	/* 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;
	padding:0px;
	}
	#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:0px solid #000;
		padding:15px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items (the main block)*/
		border:0px;
		padding:0px;
		background-color: #FFD077;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items (drop down menus) */
		border:0px;
		margin:0px;
		padding:0px;
		border:0px solid #555;
		background-color: #FFF;
	}
	
	/***********************************************************************
		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: #B85B5B;
		font-family: "Times New Roman";
		font-size: 14px;
		text-decoration:none;
		padding: 5px 5px 5px 10px;
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding:0px;
	}
	#dhtmlgoodies_menu .currentDepth1over{ /*Individual navigation buttons*/
		padding:0px;		
		background-color:#FFD077;
		border:0px solid #000;		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
		padding-left:0px;
		padding-right:0px;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		padding:0px;
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:0px;
		border:0px solid #FFF;
		background-color:#FFD077;
		
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding:0px;
		background-color:#FFF;
		border:0px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-left:5px;
		padding-right:5px;
		border:1px solid #000;
		background-color: #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:0px;
		padding-left:2px;
		width:100%;
		background-color:#FFCC66;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}	
	
	
	</style>