/* CSS Document */

#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	position:relative;
}
#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:0px;
	position:relative;

}

#dhtmlgoodies_slidedown_menu div{
	margin:0px;
	padding:0px;
}
/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{		
	width:100%;	
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	
		color: #23817D;
		text-decoration:none;	
		display:block;
		clear:both;
		width:100%;	
		padding-left:2px;	

}

#dhtmlgoodies_slidedown_menu a:visited {
	color: #23817D;
	text-decoration: none;
	
}
#dhtmlgoodies_slidedown_menu a:hover {
	color:#ffffff;
	text-decoration: none;
}	


	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:14px;
		border-bottom:1px solid #333333;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:8px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:8px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:8px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:8px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:15px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:20px;
		padding:1px;
	}