﻿



/* ================================================== */

#dhtmlgoodies_menu
{
	background:transparent url(../images/nav_bar_contact_info.gif) 100% 50% no-repeat;
}
	#dhtmlgoodies_menu img
	{
		border:none;
	}
	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		margin: 0px 0px 0px 0px;
		padding: 0px;
  		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		color:#000;
		visibility:hidden;	
		background-color:Black;
		padding-left:20px; 
	}
	#dhtmlgoodies_menu ul{
		margin: 0px 0px 0px 0px;
		padding-left:1px;
		padding-top:2px;
		padding-bottom:2px;
		
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
		padding-left:1px;
		padding-top:2px;
		padding-bottom:2px;
			
	}	
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:none;
		background-color:white;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:3px;	
		background-color:transparent;
		overflow:hidden;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:0px;
		border:none;
		height:315px;
		width:125px;
		background-color:#F6CD00;
	}
	#dhtmlgoodies_menu ul.menuBlock3{	/* Menu bar - main menu items */
		border:0px;
		padding-left:5px;
		padding-bottom:0px;
		padding-top:0px;
		border:none;
		height:315px;
/*		width:125px;	*/
		width:inherit;	
		background-color:#DCE3E7;
	}
	#dhtmlgoodies_menu ul.menuBlock4{	/* Menu bar - main menu items */
		border:0px;
		padding-left:5px;
		padding-bottom:0px;
		padding-top:0px;
		border:none;
		height:315px;
		width:inherit;
		background-color:#FFFFFF;
	}
	#dhtmlgoodies_menu ul.menuBlock5{	/* Menu bar - main menu items */
		border:0px;
		padding-left:5px;
		padding-bottom:0px;
		padding-top:0px;
		border:none;
		height:315px;
		width:inherit;
		background-color:#FFFFFF;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a
	{
		color:#000;
		margin:0px;
		text-decoration:none;
		padding-left:2px;
		padding-right:0px;
	}
	
	/*
	Main menu items 
	*/
	#dhtmlgoodies_menu .currentDepth1
	{
		color: #FFF;
		padding-left:0px;
		padding-right:0px;
		border:none;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:0px;
		padding-right:0px;
		height:19px;
		display: -moz-inline-block;
		display:inline-block;
		border:none;
	}

	#dhtmlgoodies_menu .currentDepth1 a{
		color: #FFF;
		font-weight:bold;
		border:none;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	    position:relative;
		height:19px;
		display: -moz-inline-block;
		display:inline-block;
		color:#000;
		background-color:#F6CD00;
		font-weight:bold;
		border:none;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:0px;
		border-bottom:1px solid #DCE3E7;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:0px;
		background-color:#DCE3E7;
		border-bottom:1px solid #DCE3E7;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border-bottom:1px solid #FFFFFF;
		background-color:#DCE3E7;

	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:white;
		border-bottom:1px solid #FFFFFF;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		height:315px;
		padding-right:2px;
		max-height:315px;
		overflow:auto;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		height:315px;
		padding-right:2px;
		background-color:#FFFFFF;
	}	

	#dhtmlgoodies_menu #menuContent a:hover
	{
		text-decoration:underline;	
	}