/* END DEMO CSS */
#dhtmlgoodies_menu{


}
#dhtmlgoodies_menu h2{
padding:5px 8px; margin:0 0 2px 0;
}
#dhtmlgoodies_menu li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */	border-bottom:1px solid #FFF;	/* No margin - needed for Opera */ font-weight:bold; background-color:#E7F4FF; text-transform:capitalize;
}
#dhtmlgoodies_menu ul{
	padding:0 0 0 0; margin:0 0 5px 0; /* No <ul> air */ 
}
#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:10px;
}
#dhtmlgoodies_menu li a{	/* Main menu links */
	text-decoration:none;	/* No underline */
	color:#000;	/* Black text color */
	padding:1px 10px;	/* 20 pixel height */
	vertical-align:middle;	/* Align text in the middle */	display:block;
}
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#0336B4;	text-decoration:none;	/* No underline */	background-color:#FFF8F1;
}
.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	background-color:#E7F4FF;
	text-align:left;

}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px; font-weight:bold;
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none; text-transform:capitalize;
	margin:0px; border-bottom:1px solid #FFF;
	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 */
  padding:3px 10px;
	display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#0336B4;	/* White text */
	background-color:#FFF8F1;	/* Blue background */
}