/* CSS Document */

html{
		height:100%;
	}
	body{
		font-family: Trebuchet MS, Arial, Verdana;
		font-size: 12px;
		margin:0px;
		padding:0px;
		text-align:center;
		background-color:#EFEFEF;
		height:100%;
	}
	
	p{
		margin-top:5px;
		margin-bottom:10px;
	}
	
	#mainContainer{
		width:220;
		margin:0 auto;
		text-align:left;
		background-color: #FFF;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;	
	}
	
	#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{
		width:200px;
		padding:0px;	/* No indent */
	 
		margin-left:0px;	/* No indent */
		margin-bottom:0px;	/* No indent */
		margin-top:1px;	/* No indent */
		margin-right:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
		width:200px;	
		padding:0px;	/* No indent */
	 
		margin-left:0px;	/* No indent */
		margin-bottom:0px;	/* No indent */
		margin-top:1px;	/* No indent */
		margin-right:0px;	/* No indent */
	}	
	#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;
		background-color:#FFF;
		padding:1px;
		opacity:.80;
		filter: alpha(opacity=80); 
		-moz-opacity: 0.8;

	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:0px;
		border:0px solid #ffffff;
		background-color:#cccccc; 
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{

		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border:0px solid #ffffff;

	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#007aa6;
		border:0px solid #000;
	
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
		background-color:#cccccc;
		color:#000;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#ffffff;
		font-weight:bold;
		background-color:#007aa6;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		color:#000000;
		border:1px solid #fff;
		background-color:#b6e5f6;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		color:#ffffff;
		background-color:#cccccc;
		border:1px solid #FFF;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#ffffff;
		background-color:#666666;
	}	
	
	#dhtmlgoodies_menu .currentDepth2 a{	/* Text rules */
		color:#000000;
		background-color:#b6e5f6;
	}	
	
	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		color:#000000;
		border:1px solid #fff;
		background-color:#b6e5f6;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		color:#ffffff;
		background-color:#cccccc;
		border:1px solid #fff;
	}	
	#dhtmlgoodies_menu .currentDepth3over a{	/* Text rules */
		color:#ffffff;
		background-color:#666666;
	}	
	
	#dhtmlgoodies_menu .currentDepth3 a{	/* Text rules */
		color:#000000;
		background-color:#b6e5f6;
	}	
	
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		color:#000000;
		border:1px solid #fff;
		background-color:#b6e5f6;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		color:#ffffff;
		background-color:#000;
		border:1px solid #fff;
	}	
	#dhtmlgoodies_menu .currentDepth4over a{	/* Text rules */
		color:#ffffff;
		background-color:#000;
	}	
	
	#dhtmlgoodies_menu .currentDepth4 a{	/* Text rules */
		color:#000000;
		background-color:#b6e5f6;
	}	
	
	
	/* Sub menu depth 4 */
	#dhtmlgoodies_menu .currentDepth5{
		padding-right:2px;
		color:#000000;
		border:1px solid #fff;
		background-color:#b6e5f6;
	}
	#dhtmlgoodies_menu .currentDepth5over{
		padding-right:2px;
		color:#ffffff;
		background-color:#000;
		border:1px solid #fff;
	}	
	#dhtmlgoodies_menu .currentDepth5over a{	/* Text rules */
		color:#ffffff;
		background-color:#000;
	}	
	
	#dhtmlgoodies_menu .currentDepth5 a{	/* Text rules */
		color:#000000;
		background-color:#b6e5f6;
	}	

		/* Sub menu depth 5 */
	#dhtmlgoodies_menu .currentDepth6{
		padding-right:2px;
		color:#000000;
		border:1px solid #fff;
		background-color:#b6e5f6;
	}
	#dhtmlgoodies_menu .currentDepth6over{
		padding-right:2px;
		color:#ffffff;
		background-color:#cccccc;
		border:1px solid #fff;
	}	
	#dhtmlgoodies_menu .currentDepth6over a{	/* Text rules */
		color:#ffffff;
		background-color:#000;
	}	
	
	#dhtmlgoodies_menu .currentDepth6 a{	/* Text rules */
		color:#000000;
		background-color:#b6e5f6;
	}	

td
{font-size:13px;}