/* DEMO CSS */
a
{
	color:red;
	text-decoration:none;
}

body
{
	font-size:0.8em;
	text-align:center;
	background-color:#ffffff;
	font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	margin:0px;
	padding:0px;
}

img { border:0px; }

#mainContainer
{
	width:200px;
	height:600px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
}

#leftContainer
{
	width:200px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	height:300px;
}

#contentContainer
{
	width:200 px;
	float:left;
}

.ad
{
	clear:both;
	text-align:center;
}

/* END DEMO CSS */
#dhtmlgoodies_menu
{
	font-family:Arial;	/* Font for main menu items */
	width:170px;	/* Width of main menu */
}

#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:1px; }

#dhtmlgoodies_menu li a
{	/* Main menu links */
	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */
	color:#007aff;	/* Black text color */
	vertical-align:middle;	/* Align text in the middle */
	height:16px;	/* 16 pixels height */
	line-height:16px;	/* 16 pixels height */
	width:180px;
	cursor:hand;
	display:block;	/* Display as block - you shouldn't change this */
	padding-top:3px;
	padding-left:22px;
	padding-bottom:3px;
	text-align:left;
	list-style-type:none;
	background-color:transparent;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
}

#dhtmlgoodies_menu li a:hover, #dhtmlgoodies_menu .activeMainMenuItem
{
	color:#1d7ee7;
	background-color:#e8f3ff;
}

.dhtmlgoodies_subMenu
{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	border:0px solid transparent;
	background-color:#e8f3ff;
	font-family:arial;
	text-align:left;
}

.dhtmlgoodies_subMenu ul
{
	margin:1px;
	padding:0px;
}

.dhtmlgoodies_subMenu ul li
{
	list-style-type:none;
	margin:0px;
	padding:0px;	/* 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:#1d7ee7;	/* Black text color */
	padding-top:5px;
	height:16px;	/* 16 pixels height */
	line-height:16px;
	vertical-align:middle;	/* Align text in the middle *//* 16 pixels height */
	padding:1px;	/* 1px of "air" inside */
	width:3000em;
	display:block;	/* Display as block - you shouldn't change this */
	padding-top:3px;
	padding-bottom:3px;
	padding-left:22px;
	list-style-type:none;
	border:1px solid #edf5ff;
	background-color:#e8f3ff;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
}

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