*
{	margin:0;
	padding:0;
	box-sizing: boder-box;
}

html 
{
	margin:0;
	padding:0;
	background:url(../img/background.png) repeat-x;
    font-family: 'Lato', 'Arial', sans-serif;
	font-size:20px;
	font-weight:300;
	text-rendering: optimizeLegibility;
	
}
#mainpage
{
	margin:0px auto;
	padding:0px;
	width:1200px;
	height:1950px;
	background:url(../img/backgrramzan.jpg) no-repeat; 
}
#top_header
{
	margin:0;
	padding:0;
	width:1200px;
	height:95px;
	float:left;
}

#logo
{
	margin:3px 0px 0px 100px;
	padding:0;
	width:101px;
	height:89px;
	float:left;
}


#maulanah
{
	margin:27px 0px 0px 9px;
	padding:0;
	width:334px;
	height:59px;
	float:left;
}


#Khalifa
{
	margin:43px 0px 0px 77px;
	padding:0;
	width:74px;
	height:31px;
	float:left;
}

#maulanas
{
	margin:27px 0px 0px 77px;
	padding:0;
	width:331px;
	height:56px;
	float:left;
}


#navmenuandlogos
{
	margin:0px;
	padding:0px;
	width:1200px;
	height:40px;
	float:left;
}





#navmenu
{
	margin:3px 0px 0px 105px;
	padding:0px;
	width:550px;
	height:35px;
	float:left;
}


#navmenu ul
{	
	margin:0px;
	padding:0px;
	line-height:35px;
	font-size:15px;
}

#navmenu li
{	
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	position:relative;
	
}


#navmenu ul li a
{		
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:33px;
	width:110px;
	display:block;
	color:#FFF;
	border:1px solid #652c2c;
}

#navmenu ul ul
{
	position:absolute;
	visibility:hidden;
	top:35px;
	z-index:10;	
	
}

#navmenu ul li:hover ul
{
	visibility:visible;	
	background:#7c4141;	
	
	
}

/*******************************/

#navmenu li:hover
{
	background:#944343;
	
}

#navmen ul li:hover ul li a:hover
{
	background:#A0A0A4;
	color:#2A00AA;
}

#navmenu a:hover
{
	color:#FFBFAA;
	
}
/***********************************/

#navlogos
{	
	margin:3px 94px 0px 0px;
	padding:0px;
	width:150px;
	height:35px;
	float:right;
}
#logofb
{
	margin:2px 20px 0px 0px;
	padding:0;
	width:14px;
	height:20px;
	float:left;
}

#logoyt
{
	margin:9px 20px 0px 0px;
	padding:0;
	width:51px;
	height:21px;
	float:left;
}

#logowapp
{
	margin:0px 0px 0px 1px;
	padding:0;
	width:33px;
	height:33px;
	float:left;
}




/*******************************/
#slider_and_book
{
	margin:15px 0px 0px 102px;
	padding:0;
	width:1002px;
	height:254px;
	background:#7c4141;
	float:left;
}

#slider
{
	margin:6px 0px 0px 6px;
	padding:0;
	width:789px;
	height:242px;
	float:left;
}

#book
{
	margin:6px 0px 0px 8px;
	padding:0;
	width:193px;
	height:243px;
	float:left;
}

/*******************************/

#bayancontainer
{
	margin:0px 0px 0px 102px;
	padding:0;
	position:relative;
	width:1002px;
	height:1350px;
	float:left;
	border:2px solid #f1d7c0;
	box-sizing:border-box; 	

}


#containerleft
{
	margin:0px 0px 0px 100px;
	padding:0;
	position:relative;
	width:800px;
	height:1345px;
	float:left;
	border-right:2px solid #fdfaf7; 
	border-left:2px solid #fdfaf7;
	box-sizing:border-box; 	

}

#ramzan2015
{
	margin:30px 0px 30px 0px;
	padding:0px;
	width:217px;
	height:30px;
	background:url(../img/ramzan2015.jpg);
	float:left;	
}
#ramzan2014
{
	margin:30px 0px 30px 0px;
	padding:0px;
	width:217px;
	height:30px;
	background:url(../img/ramzan2014.jpg);
	float:left;	
}

#ramzan2013
{
	margin:30px 0px 30px 0px;
	padding:0px;
	width:217px;
	height:30px;
	background:url(../img/ramzan2013.jpg);
	float:left;	
}

#ramzan2012
{
	margin:30px 0px 30px 0px;
	padding:0px;
	width:217px;
	height:30px;
	background:url(../img/ramzan2012.jpg);
	float:left;	
}






#row-a
{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:796px;
	height:30px;
	background:#fdf8ec;
	float:left;
}
#row-b
{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:796px;
	height:30px;
	float:left;
}

#topic
{
	margin:8px 0px 0px 35px;
	padding:0px;
	width:450px;
	height:20px;
	float:left;	
}

#topic p
{
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#000000;
}

#topic a
{
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#000000;
}


#row-a :hover
{
	color:#d73737;
	
}
#row-b :hover
{
	color:#d73737;
	
}


#topic p img
{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:119px;
	height:12px;
}

#topic img
{
	margin:-10px 0px 0px -35px;
	padding:0px;
}

#when
{
	margin:8px 0px 0px 0px;
	padding:0px;
	width:120px;
	height:20px;
	float:left;
}

#when p
{
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#00000;
}


#topicdate
{
	margin:8px 0px 0px 0px;
	padding:0px;
	width:140px;
	height:20px;
	float:right;
}


#topicdate p
{
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#00000;
}

#more
{
	margin:25px 0px 0px 245px;
	padding:0px;
	width:410px;
	height:20px;
	float:left;	
}

#more a
{
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#7c4141;
}




#containerright
{
	margin:0px;
	padding:0px;
	position:relative;
	width:402px;
	height:750px;
	float:left;
	background:#D40055;
	border-top:2px solid #f1d7c0;
	border-right:2px solid #f1d7c0;
	border-bottom:2px solid #f1d7c0;
	box-sizing:border-box; 	
}

#last
{
	margin:0px 0px 0px 102px;
	padding:0;
	width:1002px;
	height:60px;
	background:#7c4141;
	border-radius: 0 0 12px 12px;
	box-sizing:border-box; 	
	float:left;
}

#lasttext
{
	margin:27px 0px 0px 30px;
	padding:0px;
	width:950px;
	height:30px;
	float:left;
}
#lastnav
{
	margin:0px 0px 0px 10px;
	padding:0px;
	width:200px;
	height:28px;
	float:left;
}

#lastnav p
{
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#FFF;
}

#lastnav a
{
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#FFF;
}

#lastemail
{
	margin:0px 0px 0px 30px;
	padding:0px;
	width:200px;
	height:28px;
	float:right;
}
#lastemail p
{
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#FFF;
}