/*
General rules
*/
#mainMenu {
	height:400px;
	position:absolute;
	left:0px;
	top:114px;
	padding:0px 12px 0px 0px;
	width:88px; /* 100px without padding*/
	z-index:5;
}
#mainMenu a {
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	
	display:block;
	margin:0px;
	padding:16px 0px 10px 0px;
	border:0px;
	clear:both;
}
#navigation {	position:relative;	width:291px;	}

.menu1, .menu3, .menu4 {
	width:186px;  /* 291px without padding*/
	position:absolute;
	padding:0px;
	margin:0px 0px 0px 105px;
	z-index:3;
	left:0px;
	top:0px;
	color:#FFF;
	font-size:13px;
}
.menu2 {
	width:186px;  /* 291px without padding*/
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 105px;
	z-index:3;
	color:#FFF;
	font-size:13px;
}
.menu1 {	margin-top:116px;	}
.menu2 {	padding-top:160px;	}
.menu3 {	margin-top:204px;	}
.menu4 {	margin-top:249px;	}

	

#dhtmlgoodies_slidedown_menu li, #menu1 li, #menu3 li, #menu4 li {	list-style-type:none;	position:relative;	}
#dhtmlgoodies_slidedown_menu ul, #menu1 ul, #menu3 ul, #menu4 ul {	margin:0px;	padding:0px;	position:relative;	}
#dhtmlgoodies_slidedown_menu div {	margin:0px;	padding:0px;	}



/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a, #menu1 a, #menu3 a, #menu4 a {
	text-decoration:none;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}

/*
A tags 
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1, #menu1 li a, #menu3 li a, #menu4 li a{	/* Main menu items */
	color:#000;
	margin:0px;
	padding:15px 0px 11px 4px;
	text-align:left;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1:hover, #menu1 li a:hover, #menu3 li a:hover, #menu4 li a:hover{	/* Main menu items */
	color:#fff;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	color:#000;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:left;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2:hover{	/* Sub menu items */
	color:#fff;	}
	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	color:#000;
	font-size:11px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3:hover{	/* Sub menu items */
	color:#fff;	}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	color:#FFF;
	font-size:11px;
	margin:0px;
	padding:1px 3px 1px 24px;
	text-align:left;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	color:#FFF;
	font-size:11px;
	margin:0px;
	padding:1px 3px 1px 30px;
	text-align:left;
}

/* 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{
	margin:0px;
	padding:0px;
	z-index:5;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	margin:-4px 0px 20px 0px;
	padding:0px 0px 0px 12px;
	z-index:4;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
	margin:0px;
	padding:0px 0px 0px 18px;
	z-index:3;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
	margin:0px;
	padding:0px;
	z-index:2;
}