
#dhtmlgoodies_menu {
	font-family:Georgia, "Times New Roman", Times, serif;	/* Font for main menu items */
	font-size: medium;
/*	width:130px;	 Width of main menu */
	padding-left:1%;

}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
	margin:0px;	/* No <ul> air */
	padding:0px;	/* No <ul> air */
}
#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:10%;
}

#dhtmlgoodies_menu	li a {	/* Main menu links */
	text-decoration:none;
	color:#553399;
	vertical-align:middle;
	border:1px solid #eeeeee;
	margin:1%;	/* A little bit of air */
	padding:1%;	/* Air between border and text inside */
	margin-bottom:5%;
	display:block;
}
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem {
	color:#ffffff;
	background-color:#CC99FF;
}
.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	border:1px solid #eeeeee;
	background-color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:medium;
	text-align:left;
}

.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px;
}
.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 */
	border:1px solid #cccccc;
	color:#553399;	/* Purple text color */
	padding:4%;	/* 1px of "air" inside */
	display:block;	/* Display as block - you shouldn't change this */
}

.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#ffffff;	/* White text */
	background-color:#CC99FF;	/* Blue background */
}