/* Example 1 */
#Layer1 {
	position:absolute;
	width:400px;
	layer-background-color: #999999;
	visibility: visible;
	height: 100px;
	top: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	right: 100%;
	z-index: 1;
}
#Layer2 {
	position:absolute;
	width: 480px;
	layer-background-color: #9999FF;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 2;
	border: 1px solid #E9E9E9;
	left: 65%;
	top: 1100px;
	background-color: #FFF;
}
#readmore2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
	line-height: 20px;
}
.moreart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	line-height: 20px;
}

#readmore2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: underline;
	font-weight: bold;
	line-height: 20px;
}
#readmore2:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
	line-height: 20px;
}
#readmore2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
	line-height: 20px;
}


/* Example 2 */
#divMenu1 {position:absolute; width: 100px; z-index:11; left: 25px; top: -100px; border: 1px solid #000000; background-color: #9999FF; layer-background-color: #9999FF; visibility: visible;}
#divMenu2 {position:absolute; width: 100px; z-index:12; left: 100px; top: -100px; border: 1px solid #000000; background-color: #9999FF; layer-background-color: #9999FF; visibility: visible;}