/* THE SUBLIME QURAN STYLESHEET
------------------------------------------------*/
* { 
	margin:0; 
	padding:0;
	list-style:none;}

body { 
	margin:0; 
	padding:0;
	background:#fff url(/images/bg-main.gif);
	color:#0c110e;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}

img { 
	border:none; }

hr { 
	display:none; }

.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;}
	
a {
	color:#0c110e;
	text-decoration:none;}

/* PAGE LAYOUT 
----------------------------------------------*/
#container {
	width:792px;
	margin:5px auto 10px auto;}

#top-content {
	background:url(/images/bg-top.jpg) no-repeat;
	width:792px;
	height:89px;}

#banner-content {
	background:url(/images/bg-banner.jpg) no-repeat;
	width:702px;
	height:129px;
	padding-left:90px;}

#body-content {
	background:url(/images/bg-content.jpg) no-repeat;
	width:792px;
	height:645px;
	padding:20px 0 0 20px;}

#footer-content {
	background:url(/images/bg-footer.jpg) no-repeat;
	width:792px;
	height:81px;
	padding:3px 0 0 0;
	margin-bottom:10px;}

/* Top Content 
---------------------------------------------*/
#top-content p.logo {
	display:block;
	width:339px;
	height:45px;
	position:relative;
	top:22px;
	left:222px;}

#top-content p.logo a {
	width:339px;
	height:45px;
	display:block;
	overflow:hidden;}

#top-content p.logo span {
	display:none;}

#top-content ul.nav {
	padding: 25px 0 0;
	text-align:center;
	width:657px;
	margin: 0 auto;
}
/*\*/
* html #top-content ul.nav {
	padding: 0px 0 0;

}/**/

#top-content ul.nav li {
	display:inline;
	color:#fff;
	background:url(/images/bullet-white.gif) left no-repeat;
	padding:0 10px 0 20px;
	font-size: 11px;
	text-align:center;}

#top-content ul.nav li.firstlist {
	background:none;}

#top-content ul.nav li a {
	color:#fff;}
	#top-content ul.nav li a:hover {
	color:#ecce8d;
}
#top-content ul.topnav {
	padding: 7px 15px 0 0;
	text-align: right;
	width:657px;
	margin:0 auto;
	float: right;
}

#top-content ul.topnav li {
	display:inline;
	color:#fff;
	background:url(/images/bullet-white.gif) left no-repeat;
	padding:0 10px 0 20px;
	font-size: 11px;
	text-align:center;}

#top-content ul.topnav li.firstlist {
	background:none;}

#top-content ul.topnav li a {
	color:#fff;}
	#top-content ul.topnav li a:hover {
	color:#ecce8d;
}
/* Banner Content 
------------------------------------------*/
#banner-content img {
	padding:0 !important;	
	margin:0 !important;
	margin-top:-4px;}

/* Body Content
------------------------------------------*/
#body-content .flowcontent {
	width:545px;
	height:612px;
	overflow:auto;
	padding:0 10px 0 110px;}

#body-content .flowcontent h2 {
	color:#af0513;
	text-align:center;
	font-size: 16px;
	padding-bottom:20px;
	}
	

#body-content .flowcontent h3 {
	color:#af0513;
	font-size: 18px;
	padding-bottom:20px;
	}
	
#body-content .flowcontent h4 {
	color:#af0513;
	font-size: 13px;
	padding-bottom:10px;
	font-style: italic;
	font-weight: bold;
	padding-top: 10px;
}

#body-content .flowcontent img.thumbnail {
	padding: 0 23px 5px 0;
	float:left;}

#body-content .flowcontent p {
	font-size: 12px;
	padding-bottom:20px;
	line-height: 18px;
}
	
	#body-content .flowcontent a {
		color:#af0513;
	text-decoration: underline;
}
	#body-content .flowcontent a:hover {
		color:#000000;
	text-decoration: none;
}
	#body-content .italic {
	font-style: italic;
}
#body-content ul.list {
	margin: 0 auto 10px;}

#body-content ul.list li {
	padding: 0 2px 6px 0;
	list-style-position: inside;
	list-style-type: disc;
}

/* Footer Content 
--------------------------------------------*/
#footer-content ul.footerlist {
	text-align:center;
	margin:0 auto;}

#footer-content ul.footerlist li {
	color:#fff;
	display:inline;
	font-size: 11px;
	padding:0 2px 0 0;}

#footer-content ul.footerlist li a {
	color:#fff;
	padding:0 2px 0 0;}

#footer-content p.copyright {
	padding:54px 0 0 0;
	width:657px;
	text-align:center;
	margin:0 auto;
	color:#fff;
	font-size:0.9em;}