﻿	/****************************************************************************************
	* 	LAYOUT CSS FOR THE MENU
	****************************************************************************************/
	/*
	General rules
	*/

	#dhtmlgoodies_menu_vertical{
		color:#000;
		visibility:hidden;	
		background-color:Black;
		overflow:hidden;
		width:177px;
	}
	
	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		vertical-align:middle;
		position:relative;
		padding-left:2px;	 
		padding-top:0px;
		padding-bottom:5px;
	}
	
	#dhtmlgoodies_slidedown_menu ul{
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		padding-left:2px;	
		padding-top:4px;
		padding-bottom:4px;
		position:relative;
		background-color:#DCE3E7;
		background-color:#F1F1F1;
		vertical-align:middle;
	}

	#dhtmlgoodies_slidedown_menu ul li a{
		list-style-type:none;
		vertical-align:middle;
		position:relative;
		padding-left:2px;	
		padding-top:0px;
		padding-bottom:5px;
	}
	
	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
		background-color:#DCE3E7;
		background-color:#F1F1F1;
		vertical-align:middle;
		overflow:hidden;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:inherit;	
		overflow:hidden;
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:inherit;	
		vertical-align:middle;
		padding-left:2px;	
	}
	
	#dhtmlgoodies_slidedown_menu a:hover{
		color: #000;
		text-decoration:underline;
		display:block;
		clear:both;
		width:inherit;	
		vertical-align:middle;
		padding-left:2px;	
	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1
	{	/* Main menu items */
	 	color:#333333;
		background-color:#DCE3E7;
		/*background-color:#F1F1F1;*/
		border-bottom:1px solid #FFF;
		font-weight:501;
	}
		
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1over{
	 	color:#333333;

		background-color:#707070
	}
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
		background-color:#DCE3E7;
		background-color:#F1F1F1;
		border-bottom:1px solid #FFF;
		font-weight:500;
	}	

	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2over{
		background-color:#707070
	}
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-weight:400;
		border-bottom:1px solid #FFF;
	/*	font-style:italic;
		color:blue;	*/
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		font-weight:300;
		border-bottom:1px solid #FFF;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
		font-weight:200;
		border-bottom:1px solid #FFF;
	}

	/* 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;	*/
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv4 ul{
		margin-left:15px;
		padding:1px;
	}
