﻿#dhtmlgoodies_menu{
	width: 300px;	/* Width of main menu */
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
}

#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type: none;	/* No bullets */
	background-image:url('images/submenu.png');
	height: 30px;
	width: 300px;
	margin: 5px auto auto auto;
}

#dhtmlgoodies_menu ul{
	margin:0px;	/* No <ul> air */
	padding:0px;	/* No <ul> air */
}

#dhtmlgoodies_menu	li a{	/* Main menu links */
	text-decoration: none;	/* No underline */
	color: #000;	/* Black text color */
	line-height: 30px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	display: block;
}
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color: #FFF;
	background-image: url('images/submenu_click.png');
}
.dhtmlgoodies_subMenu{
	visibility: hidden;
	position: absolute;
	overflow: hidden;
	background-color:#666666;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;

}
.dhtmlgoodies_subMenu ul{
	margin: 0px;
	padding: 5px;
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin: 0px;
	padding: 1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	white-space: nowrap;	/* No line break */
	text-decoration: none;	/* No underline */
	color:#000;	/* Black text color */

	height: 17px;	/* 30 pixels height */
	line-height: 17px;	/* 30 pixels height */

	display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#FFF;	/* White text */
}
