/* CSS Document */

body {margin: 10px 0 0 0; background:url(images/header_bg.jpg); }


a{color:#fff;} a:hover{text-decoration:none; color: #FF0000;}a:link{ text-decoration:none;}
h1, h2, h3, form {
	font: 11px Tahoma; text-align:justify; letter-spacing:.5px;
	margin: 0;
	padding-top: 10px;
	color: #6C6C6C;
}
p {
	
	margin: 0.1em 0;
}

.style1{font-family:Tahoma,verdana,arial; font-size:12px; font-weight:bold; color:#333; letter-spacing:1px;}
.more {
	text-align: right; margin-top:8px;
}
#headertop { margin:0px auto; width:796px; height:80px; background:url(images/quran1.jpg) no-repeat; background-color:#fff;
border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-top:solid 1px #ccc;}
#headertop #qol {width:330px; height:65px; float:left; margin-left:170px; background:url(images/QOL.jpg) no-repeat; margin-top:12px;}
#headertop .image {width:70px; height:30px; float:right; margin-right:15px; margin-top:25px; border-color:none;}
	#headertop .style2{font-family:Tahoma; font-size:12px; color:#CC0000; letter-spacing:1px;}
	#headertop a{color:red;}
#menubar { margin:0px auto; width:796px; height:60px; background:url(images/menubar.gif) no-repeat;background-color:#fff;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
	#menubar #menu {
	clear: both;
	width: 780px;
	height: 26px; 
	padding-top:9px; padding-left:10px; 
	margin: 0;
	font: normal 11px/26px Tahoma, Verdana, Arial, Sans-Serif; letter-spacing:1px; text-decoration:none;			
}
#menu ul{
	margin: 0; padding: 0 0 0 0;
}
#menu ul li {
	float: left;
	list-style: none; padding-left:10px;		
}
#flash {margin:0px auto; width:796px; height:267px;background-color:#fff;border-left:solid 1px #ccc;border-right:solid 1px #ccc;
}
#form {margin:0px auto; width:796px; height:auto;}
#content {margin:0px auto; width:796px; height:550px; background: url(images/bgcontent.gif) repeat-y;border-left:solid 1px #ccc;border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;margin-bottom:10px; }
	#content #left {width:520px; height:170px; float:left; margin-left:9px; margin-top:0px; border:solid 1px #ccc;
	 padding:5px; background:url(images/div.gif) no-repeat;}
	 #content #left .pic2{float:right;margin:1px 5px 0 0}
	#content #left a{color:#000;} a:hover{text-decoration:none;}a:link{text-decoration:none;}
	
	
	
#content #right {width:244px; height:118px; float:right; margin:0;}	
#content #righttwo {width:230px; height:370px; float:right; margin:0px; padding:5px;}
#content #righttwo h1{font-family:Tahoma,verdana,arial; font-size:12px; font-weight:bold; color:#333; letter-spacing:1px;}
#content #righttwo .text {font-family:Tahoma,verdana,arial; font-size:11px; color:#333; letter-spacing:.5px; font-weight:bold;}
#content #righttwo ul {margin: 0; padding-left:10px;}
#content #righttwo ul li {background: top left url(images/bullet_plus.gif) no-repeat; list-style:none;
	margin: 10px 0 5px 0;
	padding: 0 0 0 25px;}
	
#content #lefttwo {width:520px; height:330px; float:left; margin-left:9px; margin-top:5px; border:solid 1px #ccc;
	 padding:5px; overflow:auto;}
	 
	#content #lefttwo .block1{
padding:2px 0 0 10px;
float:left;
border-bottom: dashed 1px #ccc;
font-family:Tahoma;
font-size:11px;
color:#6C6C6C;
width:500px;
height:auto;
}
#content #lefttwo .small{
float:left;
padding:3px 20px 10px 15px;
width:200px;
 margin-bottom:10px;
}
.pic{
float:left;
margin:1px 5px 0 0
}
.img {float:right; padding-left:10px;}