/* DEMO CSS */


/* END DEMO CSS */
#dhtmlgoodies_menu{
	font-family:arial;	/* Font for main menu items */
	width:30px;	/* Width of main menu */
	height:103px;

}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
	padding:0px;
	margin-left:19px;
	margin-top:12px;
	margin-bottom:0px;
	width:17px;
	height:103px;
	
}
#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	/*padding-left:10px;*/
}


#dhtmlgoodies_menu	li a{
display:block;
height:100%;
outline:none;
text-indent:-9999px;
width:100%;
}

/*
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#FFF;
	background-color:#317082;
}
*/

.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute;
	width:123px;
	overflow:hidden;
	background-color:#C21218;
	font-family:arial;
	text-align:left;
	height:522px;
	margin-top:-82px;

}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding-top:52px;
	padding-left:14px;
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin-bottom:5px;
	padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}

#submenuUl1 li a{
color:#fff;
}

#submenuUl1 li a:hover{
color:#000;
}

.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	/*white-space:nowrap;	 No line break */
	text-decoration:none;	/* No underline */
	color:#fff;	/* Black text color */
	font-size:10px;
	/*height:16px;	16 pixels height */
	width:114px;
	line-height:10px;	/* 16 pixels height */
	padding:1px;	/* 1px of "air" inside */
	position:relative;
	display:block;	/* Display as block - you shouldn't change this */
}

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