/*
	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;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:160px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
        margin:0.2em; 
        padding:3px;
        font-size: 10px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight:normal;
        text-decoration:none;
        text-align:center;
        background:#3399ff;
        color:#000099;
        border: 1px solid #7ae0ff;
        vertical-align:middle;
        white-space:nowrap;
        cursor:hand; cursor:pointer;
		display:block;
		clear:both;
		width:120px;	
	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		/*margin-top:1px;*/
		/*border-bottom:1px solid #ddd;*/
		/*font-weight:bold;*/
		/*background-color: #cbff98;*/
		/*color: #177d00;*/
		/*border: solid 1px white;*/
	}	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1Sel{	/* Selected Main menu items */
		background:#7ae0ff; 
		color:#000099;
		border: 1px solid #7ae0ff;
	}	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1:hover{	/* Main menu items onmouseover*/
		background:#7ae0ff; 
		color:#000099;
		border: 1px solid #7ae0ff;
	}
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		/*margin-top:1px;*/
        border: none;
		font-style: italic;
		/*font-size: 9px;*/
		text-align: right;
		/*background-color: #3065e3;*/
	}	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2:hover{	/* Sub menu items */
		color: #90ffff;
	}	

	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2Sel{	/* Selected Sub menu items */
        border: none;
		font-style: italic;
		text-align: right;
		color: #90ffff;
	}	

	/* 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:5px;*/
		/*padding:1px;*/
		padding-bottom:10px;
	}