﻿ DEMO CSS 
a{
	color:red;
	text-decoration:none;
}

/*img{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	height: 1px;
	width: 248px;
}*/
#mainContainer{
	width:760px;
	height:600px;
	margin:0 auto;
	text-align:left;
	background-color:#0066A3;
}

#leftContainer{
	width:560px;
	float:left;
	padding-left:0px;
	padding-right:5px;
	height:300px;
}

#contentContainer{
	width:100px;
	float:left;
}
.ad{
	clear:both;
	text-align:center;
	padding:5px;
}

/* END DEMO CSS */
#dhtmlgoodies_menu{
	font-family:arial;	/* Font for main menu items */
	width:200px;	/* 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:0px;
	
}
#dhtmlgoodies_menu li a
{
	/* Main menu links */
	text-decoration: none; /* No underline */
	color: #FFFFFF; /* Black text color */
	height: 20px; /* 20 pixel height */
	line-height: 20px; /* 20 pixel height */
	 /* Align text in the middle */ /* Black border */
	background-color: #0066A3; /* Light blue background color */
	margin: 1px; /* A little bit of air */
	padding: 1px; /* Air between border and text inside */
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color:#A5D334;
	font-size: 12px;
	
}
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#FFF;
	background-color:#317082;
}
.dhtmlgoodies_subMenu
{
	
	visibility: hidden;
	position: absolute;
	overflow: hidden;
	background-color: #0066A3;
	font-family: arial;
	text-align: left;
	color: #FFFFFF;
	
}
.dhtmlgoodies_subMenu ul
{
	margin: 0px;
	padding-bottom: 0px;
}
.dhtmlgoodies_subMenu ul li
{
	
	list-style-type: none;
	margin: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 5px;
	/*padding: 0px 10px 0px 10px;  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 */
	height: 20px; /* 16 pixels height */
	line-height: 20px; /* 16 pixels height */
	padding: 1px; /* 1px of "air" inside */
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A5D334;
	font-size: 12px;
	color: #FFFFFF; /* Black text color */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#FFF;	/* White text */
	background-color:#317082;	/* Blue background */
}
