.clear{
	clear:both;
}

/* General rules */
#slidedown_menu li{
	list-style-type:none;
	position:relative;
}
#slidedown_menu ul{
	margin:0px;
	padding:0px;
	position:relative;
}
#slidedown_menu div{
	margin:0px;
	padding:0px;
}
/*	Layout CSS */ 
#slidedown_menu{
	padding-top: 5px;
	padding-bottom: 50px;
	float: left;
	text-align: left;	
	width: 210px;
	visibility:hidden;
	background-color: #f5f6f7;
	font-family: Arial; 
	font-size: 11px;
}

/* All A tags - i.e menu items. */
#slidedown_menu a{
	text-decoration:none;	
	display:block;
	clear:both;
	width:202px;	
	background-color: #FFF;
	border-bottom: 1px solid #DADFE3;
}

/*	A tags */
#slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	padding: 2px;
	background-color: #EAEEF2;
	border-top: 1px solid #D1E6E4;
	color: #527699;
	width: 205px;
}	
#slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	padding: 2px;
	margin-top:1px;
	color: #82a4c5;
}	
#slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	margin-top:1px;
	font-style:italic;
	color: #82a4c5;
}	
#slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	margin-top:1px;
	color: #82a4c5;
}	
#slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	margin-top:1px;
	color: #82a4c5;
}

/* 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. 
	
#slidedown_menu .slideMenuDiv1
instead of 
#slidedown_menu .slideMenuDiv1 ul
*/
	
#slidedown_menu .slideMenuDiv1 ul{
    padding:1px;
}
#slidedown_menu .slideMenuDiv2 ul{
	margin-left:2px;
	padding:1px;
}
#slidedown_menu .slideMenuDiv3 ul{
	margin-left:5px;
	padding:1px;
}
#slidedown_menu .slMenuItem_depth4 ul{
	margin-left:10px;
	padding:1px;
}