#leftMenu{
		clear: both;
		background: url('images/slide3.gif');/*specify height if you want background to be for entire div instead of just menu*/
		background-repeat: no-repeat;
		background-position: bottom;
		height: 479px;
		width: 143px;
		float:left;
		text-align: left;
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-weight: strong;
		margin:0; /*space between menu border and box nav above*/
		padding:0px;
		z-index: 1;
		position: absolute;
		left: 0;		
		}

	#dhtmlgoodies_slidedown_menu{
		list-style-type:none; 
		padding:0; 
		margin:0; 
		width:142px; 
		position:absolute; 
		left:0; 
		z-index:100;
		}

	
	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;       /*if there is a float:left prop in here, it won't slide down in firefox*/
	}
	
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;
		list-style-type:none; 
		width:142px;
		
	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:142px;	
		visibility:hidden;
	}

	/* All A tags - i.e menu items. */
	
	
	
	#dhtmlgoodies_slidedown_menu a{     /*settings for links in general*/
		color: black;          /*text color of main nav*/
		text-decoration:none;	
		display:block;
		clear:both;
		width:137px;	/*width of hover color*/
		padding-left:5px;
		}
	
	#dhtmlgoodies_slidedown_menu a:link, a:visited{
		text-decoration: none;
		}

		
	#dhtmlgoodies_slidedown_menu a:active{
		color: green;
		background: gray;
		}

	#dhtmlgoodies_slidedown_menu a.slMenuItem_depth1:hover{
		background: url('images/button4.gif');
		color: white;
		font-weight: bold;
		font-size: 13px
		}
	
		#dhtmlgoodies_slidedown_menu a.slMenuItem_depth1:active{
		background: url('images/button4.gif');
		color: white;
		font-weight: bold
		}
		
	#dhtmlgoodies_slidedown_menu a.slMenuItem_depth2:hover{
		background: #0080d5;
		color: white;
		font-weight: bold;
		}
	
	#dhtmlgoodies_slidedown_menu a.slMenuItem_depth2:active{
		background: #004572;
		color: white;
		font-weight: bold;
		}
	
	#dhtmlgoodies_slidedown_menu a.slMenuItem_depth3:hover{
		background: #ddd;
		color: black;
		font-weight: bold;
		}

	#dhtmlgoodies_slidedown_menu a.slMenuItem_depth3:active{
		background: #ccc;
		color: black;
		font-weight: bold;
		}
			
	/*
	A tags 
	*/
	
	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		font-weight:bold;
		margin: 0;
		height: 25px;
		line-height: 24px;
		font-size:12px;
		width:137px;
		background-color:#317082;
		color:#eee;
		background-image:url('images/button5.gif');
		
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		line-height:20px;
		height:20px;
		background: #0067ab;
		color: white;
		font-weight: strong;
		font-size: 12px;
		margin-left: 5px;
	}	
	

		
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		font-style:none;
		color:black;
		background: #e8f5ff;
		font-size: 11px;
		margin-left: 10px;
		height: 18px;
		line-height: 18px;

	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* 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:0px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:0px;
		padding:0px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:0px;
		padding:0px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:0px;
		padding:0px;
	}