/* DEMO CSS */
a{
	color:red;
	text-decoration:none;
}

img{
	border:0px;
}
#mainContainer{
	width:200px;
	height:400px;
	margin:0px 1px;
	left: 0px;
	top: 14px;;
	text-align:left;
	background-color:#FFF;
}

#leftContainer{
	width:165px;
	float:right;
	left:0px;
	margin-top: 1px;
	margin-right:2px;
	width: 200px;
}

#contentContainer{
	width:590px;
	float:left;
}
.ad{
	clear:both;
	text-align:center;
	padding:5px;
}

/* END DEMO CSS */
#dhtmlgoodies_menu{
	position: absolute;
	margin: 2px 90px 0px 0px;
	left: 0px;
	font-family:arial;	/* Font for main menu items */
	width:198px;	/* Width of main menu */
	font-weight: bold;
	letter-spacing: -1px;
	border: 2px;

}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
	padding:0px;
}
#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:10px;
}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
		padding-left:10px;
	}
	#dhtmlgoodies_menu	li a{	/* Main menu links */
		text-decoration:none;	/* No underline */
		color:#676767;	/* Black text color */
		text-align: right;
		height:14px;;	/* 20 pixel height */
		line-height:14px;;	/* 20 pixel height */
		vertical-align:middle;	/* Align text in the middle */
		border:1px 0px 0px 0px solid #DF7363;	/* Black border */
		background-color:#F84D43;	/* Light blue background color */
		margin:0px 2px 1px 0px;	/* A little bit of air */
		padding:1px;	/* Air between border and text inside */
		
		display:block;
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		color:#FFF;
		background-color:#317082;
	}
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		width: 150px;
		border:1px solid #000;
		background-color:#CAF5A9;
		font-family:arial;
		text-align:left;
		letter-spacing: -1px;	
	
	}
	.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 */
		color:#000000;	/* Black text color */	
		font-weight: bold;	
		height:14px;	/* 16 pixels height */
		line-height:14px;	/* 16 pixels height */
		padding:1px;	/* 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:#FFF;	/* White text */
		background-color:#317082;	/* Blue background */
	}


#meanwhile
{
	position: absolute;
	top: 260px;
	width: 190px;
	text-align: left;

}


#meanwhile p
{
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 5px;
	text-align: justify;
	width: 200px;
	background-color:#cccccc;
	margin-bottom: 8px;
}

#meanwhile p a, #meanwhile p a:visited {color: #333; border-bottom: 1px solid #aaa; padding-left: 2px; padding-right: 2px;}
#meanwhile p a.thinkthanks:hover {background-color: #DA6A0B; border-bottom: 1px solid #ff9900; color: white;}
#meanwhile p a.pieples:hover {background-color: #0C6B96; border-bottom: 1px solid #0C6B96; color: white;}

#meanwhile h2
{
	font-weight: normal;
	width: 200px;
	background-color:#DF7363;
}

span.i-want-to-know-it-all
{
	position: absolute;
	top: 245px;
	left: 0px;
	width: 198px;
	text-align: right;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 200px;
	background-color:#DF7363;
}

span.i-want-to-know-it-all a {color: #000000;}
