.qFrameTop{
	background: url(../images/gold/qtop.gif) no-repeat;
	height:24px;
}
.qFrameMiddle{
	background: url(../images/gold/qmiddle.gif) repeat-y;
	line-height:2.5em;
	padding-left:30px;
	padding-right:30px;
	height:480px;;
	/*width: 463px;*/
	overflow:hidden;
}
.qFrameBottom{
	background: url(../images/gold/qbottom.gif) no-repeat;
	height:25px;
	padding-bottom:20px;
}
.suraHeaderFrame{
	background:url(../images/gold/qsura.gif) no-repeat 50% 0;
	height:49px;
	overflow:hidden;
	margin-top:5px;
	margin:5px 0px 10px;
}
.suraHeaderText{
	font-family:Times New Roman;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	vertical-align:baseline;
	line-height:49px;
	height:49px;
	width:450px;
}

	.banner{ height:80px; width:816px; padding:0px; margin:0px; background-image:url(../images/gold/banner.jpg); }
	
	.suraName {text-align: center; font-size: 26px; padding: 8px 10px; color:#967417;}
	
	.ayaNum {color: #967417; font-size: smaller;}
	.sign {font-family: times new roman; font-size: 0.9em; color: #967417;}
	.footer{padding:4px;font:10px Verdana;text-align:center; background-color:#F8F7F4;}
	/*#footer a { color:#FFF; text-decoration:none; }
	#footer a:hover { color:#CCCCCC; font-weight:bold; }*/
	.selection{width:145px; font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
	.ControlsTitleBg {
		background: url(../images/gold/menu-top.png) no-repeat 0px 0px transparent;
		border-bottom: 1px solid rgb(208, 208, 191);
		color:#FFFFFF;
		cursor: pointer;
		font-family: Verdana;
		font-size: 10px;
		font-weight: bold;
		padding: 4px 7px;
	}
	
	.top-menu{background: #103145 url(../images/gold/top-menu-bg.png) repeat-x 0 -2px;height:17px; color:#927217;}
	.top-menu ul{list-style-type:none;margin:0px;padding:0px}
	.top-menu li{float:left;display:block}
	.top-menu a{float:left;display:block;padding:0px 9px;height:17px;color: #927217;font-family:Verdana;font-size:12px}
	.top-menu a:hover{background: #889986 url(../images/gold/top-menu-bg.png) repeat-x 0 -40px;color:#927217}
	.top-menu-embed, .top-menu-embed a, .embed-title a:hover{height:27px;line-height:26px;background-position:0 -1px}
	

		/* -------------------------------------------------- */
		/* ----------------- Light Box ---------------------- */
		/* -------------------------------------------------- */
		
		
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid #E5D679;
	background-color: white;
	z-index:1002;
	overflow:auto;
	text-align:center;
}