/* DEMO CSS */

img {
	border:0px;
	}

#leftNavBg {
	background-image: url(../images/layout/leftNavBg.png);
	background-repeat: no-repeat;
	width:25px;
	height:600px;
	}
	
#mainContainer {
	width:300px;
	height:600px;
	top:0px;
	left:0px;
	}

#leftContainer {
	width:25px;
	float:left;
	height:600px;
	}

#contentContainer {
	width:25px;
	float:left;
	}
	
.ad {
	clear:both;
	text-align:center;
	}	

/* END DEMO CSS */

#dhtmlgoodies_menu {		
	width:25px;				/* Width of main menu */
	padding:0px;
	}
	
#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 don't have javascript enabled */
	padding-left:10px;
	}
	
#dhtmlgoodies_menu	li a {		/* Main menu links */
	text-decoration:none;		/* No underline */
	color:#333333;				/* Text color */
	width:auto;
	height:600px;	
	vertical-align:top;		/* Align text in the middle */
	margin:0px;					
	padding:0px;				
	
	display:block;
	}
	
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem {
	color:#FFFFFF;
	 }
 
.dhtmlgoodies_subMenu {
	visibility:hidden;
	position:absolute;
	overflow:hidden;

	font-family:arial;
	text-align:left;
	}
	
.dhtmlgoodies_subMenu ul {
	margin:0px;
	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:#FFFFFF;	/* Black text color */
	width:auto;
	display:block;	/* Display as block - you shouldn't change this */
	min-width:125px;
	background-image: url(../images/layout/menu_bg.png);
	}