/*
General rules
*/

#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;
}

#dhtmlgoodies_slidedown_menu{		
	width:			205px;	
}

/* All A tags - i.e menu items. */

#dhtmlgoodies_slidedown_menu a{
	color:     				  grey;
	text-decoration:		none;	
	display:						block;
	clear:							both;
	width:							200px;	
	padding-left:				2px;	
}
#dhtmlgoodies_slidedown_menu a:hover{
	color:     							black;
	background-color:				lightgreen;
	/*background-color:				#33ffff;
	text-decoration:		underline;		*/
}

/* A tags  */

#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	margin-top:		1px;
	/*background-color:	#FFFFE0;*/
	background-color:	lightcyan; 
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:			14px;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	margin-top:		1px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:			12px;
	color:			black;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	margin-top:		1px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:			10px;
	color:			olive;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	margin-top:		1px;
	font-size:			9px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	color:			blue;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	margin-top:		1px;
	font-size:			8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	color:			black;
}

/* UL tags, i.e group of menuu items. 
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 .slideMenuDiv1ul{
	padding:			0px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	margin-left:		5px;
	padding:			0px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
	margin-left:		10px;
	padding:			0px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
	margin-left:		15px;
	padding:			0px;
}
