/***********************************************************************
General configuration CSS
***********************************************************************/

    #dhtmlgoodies_menu img{
        margin:0px;
    }
    #dhtmlgoodies_menu img{
        border:0px;
    }
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}

	#dhtmlgoodies_menu{	/* Menu object */
		visibility:hidden;
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
		font-size:1em;
		
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}
	#dhtmlgoodies_menu a{
		margin:0px 0px 0px 5px;
		padding:0px 0px 0px 5px;
	}
	/* End general configuration CSS */


/* Cosmetic */

/***********************************************************************
    CSS - MENU BLOCKS
    General rules for all menu blocks (group of sub items)
***********************************************************************/
#dhtmlgoodies_menu ul{
	border:none;
	padding:1px;
	background-color:#ffffff;
}

#dhtmlgoodies_menu ul.menuBlock1{   /* Menu bar - main menu items */
    border:0px;
    padding:1px;
    border-top:none;
    border-bottom:none;
    overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{   /* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #dddddd;
}

/***********************************************************************
    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:#333333;
    font-size: 10px;
    text-decoration:none;
	padding-left:2px;
	padding-right:2px;
}
#dhtmlgoodies_menu a:hover{
    color:#ffffff;
}
/*
Main menu items
*/
#dhtmlgoodies_menu .currentDepth1{
    border:0px;
    padding-left:5px;
    padding-right:20px;
    margin-right: 5px;
}
#dhtmlgoodies_menu .currentDepth1over{
    background-color:#99cc66;
    padding-left:5px;
    padding-right:20px;
    color: #ffffff;
    margin-right: 5px;
}
#dhtmlgoodies_menu .currentDepth1 a{
    font-weight: bold;
}
#dhtmlgoodies_menu .currentDepth1over a{    /* Text rules */
    color:#ffffff;
    font-weight:bold;
}
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:10px;
		border:1px solid #95AECB;
		margin-bottom: 2px;
		padding-left: 10px;
		font-weight: bold;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:10px;
		background-color:#95AECB;
		border:1px solid #95AECB;
		margin-bottom: 2px;
		padding-left: 10px;
		font-weight: bold;
	}
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
        font-size:0.9em;
		padding-right:10px;
		border:1px solid #95AECB;
		margin-bottom: 2px;
		padding-left: 10px;
		font-weight: bold;
	}
	#dhtmlgoodies_menu .currentDepth3over{
        padding-right:10px;
		background-color:#95AECB;
		border:1px solid #95AECB;
		margin-bottom: 2px;
		padding-left: 10px;
		font-weight: bold;
	}
	#dhtmlgoodies_menu .currentDepth3over a{	/* Text rules */
		color:#000;
        font-size:0.9em;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #666;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#999;
		border:1px solid #ddd;
	}