@charset "utf-8";
@import url("nav.css");
@import url("faq.css");

body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	line-height:180%;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000;
	background: #fff url(../images/bg.gif) repeat-x top; 
}

body a {
	color: #246EB7;
	text-decoration: underline;
}

body a:visited {
	color: #246EB7;
	text-decoration: underline;
}

.default #container { 
	width: 896px;  
	background-color: transparent;
	margin: 0 auto; 
	border: none;
	text-align: left; 
} 
.default #header { 
	background-color: transparent; 
	padding: 0;
	margin:0;
	width: 896px;
	height: 145px;
	/* background: #2670ba url(../images/header.jpg) no-repeat top;  */
} 
.default #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.default #logo {
	margin: 0;
	padding: 0;
	width: 890px;
	height: 100px;
	background: transparent url(../images/logo.gif) no-repeat left;
}

.default #left {
	float: left;
	width: 217px; 
	background-color: transparent; 
	padding: 15px 10px 15px 20px;
}


#quotes {
clear: both;

}

.contact {
	color:#CC0000;
	line-height: 5px;

}

/* headings */
        h1{
			font: 170% Verdana, Arial, Helvetica, sans-serif;
			font-weight:normal;
			color: #001936;
			letter-spacing: 0.03em;
			line-height: 140%;
            }		
		h2, h3, h4, h5, h6{
			font-weight:normal;
			margin:1em 0;
			}	
        h2{            
			font-size:180%;
			font-family: Georgia, "Times New Roman", Times, serif;
			color:#001936;
            }
        #mainContent h2{            
			font-size:205%;
			padding-bottom:.5em;
			border-bottom:1px solid #E3E7EB; /*#cdd3b7;*/
			letter-spacing: 0.12em;
			line-height:100%;
            }				
        h3{          
			font-size:140%;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#063b7c;	
			font-weight: 700;		
            }
        h4{          
			font-size:122%;
			color:#612a1d;
            }		
			
		h5{          
			font-size:90%;
			color:#006699;
			font-style: italic;
			line-height: 0;
            }		
		h6{          
			font-size:125%;
			color: #000000;
			font-weight: 500;
			padding: 0;
			margin: 0;
			font-family: Georgia, "Times New Roman", Times, serif;
			border-bottom: solid 1px #CCCCCC;

            }

.default #mainContent { 
	margin: 0 0 0 250px; 
	padding: 0 50px 0 20px;
	background-color: transparent;
	text-align: justify;
} 

.default #mainContent p{ 
	color: #393635;
	font-size: 0.92em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8;
	font-weight: normal;
}

#dv { 
	background-color: #ecf3f9;
	text-align: justify;
	direction: rtl;
	font: 150% "Mv Iyyu Formal", "Mv Iyyu Nala";
	color: #003399;
	width: 570px;
	height: 40px;
	border: 1px solid #a0c6ed;
	padding: 10px 0;
	
}

#en { 
	background-color: #ecf3f9;
	text-align: justify;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	width: 570px;
	height: 40px;
	border: 1px solid #a0c6ed;
	padding: 10px 0;
	
}

.infobox { 
	background-color: #ecf3f9;
	text-align: center;
	color: #003399;
	width: 570px;
	height: 40px;
	border: 1px solid #a0c6ed;
	padding: 10px 0;
	
}

#repnews{
width: 180px; /*width of menu*/
padding: 10px;
margin: 35px 0 40px 0;
background-color: #FFFFCC;
border: 1px solid #FFCC00;

}

#repnewsmv{
width: 190px; /*width of menu*/
padding: 5px;
margin: 15px 0 40px 0;
background-color: #FFFFCC;
border: 1px solid #FFCC00;
font: 140%  "Mv Iyyu Formal", "Mv Iyyu Nala";
direction: rtl;
text-align: justify;
}

#repnewsmv a{
color: #039;
}

.repnewsen{
font: 80% Arial, Helvetica, sans-serif;
text-align: justify;
}

.repnewsendt{
font: 80% Arial, Helvetica, sans-serif;
font-style: italic;
text-align: justify;
}

#latestnews{
width: 180px; /*width of menu*/
padding: 10px;
margin: 35px 0 40px 0;
background-color: #fafaf8;
border: 1px solid #e1dfd1;
}


.errorbox { 
	background-color: #f9eced;
	text-align: center;
	color: #990012;
	width: 570px;
	height: 90px;
	border: 1px solid #eda0a0;
	padding: 10px 0;
	
}



#dv span{
	margin: 20px;
	font: 100% "Mv Iyyu Formal", "Mv Iyyu Nala";
}

.underline
{
text-decoration: underline;
color: #246EB7;
}


	
#corruptionimage
{
margin: 50px 0;
padding: 0;
width: 573px;
height: 155px;
}

#quranquote
{
margin: 20px 0;
padding: 0;
width: 573px;
height: 155px;
}

#agphoto
{
	
    float: right; 
    margin: 2px 2px 2px 8px; 
	border: 1px solid #e4e9f2;
	font-size: 90%;
}

#agphoto a
{
	

    margin: 2px; 
	border: none;
	text-decoration: none
}

#agphoto a:hover
{
	

    margin: 2px; 
	border: none;
	text-decoration: none
}

#agphoto img
{
margin: 5px 5px 0 5px;
width: 300px;
height: 199px;
border: none;
text-decoration: none
}

.imgcaption
{
margin: 3px 3px 3px 15px;

}

.imgcaption p
{
color: #144d74;
font-size: 90%;
}

#agnews
{
	
    float: right; 
    margin: 2px 2px 2px 8px; 
	border-left: 1px solid #e4e9f2;
	border-top: 1px solid #e4e9f2;
	width: 300px;
	height: 280px;
}

#agnews p
{
	

    margin: 20px 10px 10px 20px; 
	font-size:0.92em;
	

}

#agnews h6{          
			font-size:125%;
			color: #0033CC;
			font-weight: 500;
			padding: 0;
			margin: 10px 0 0 20px;
			font-family: Georgia, "Times New Roman", Times, serif;
			border-bottom: solid 1px #e4e9f2;
}

#agnews h5{          
			font-size:90%;
			color:#006699;
			font-style: italic;
			line-height: 0;
			margin-left: 10px;
            }
.dd
{
margin: 5px 5px 5px 15px;

}
		
.highlight
{
color: #246EB7;
}
.default #contentTop {
	margin: 0;
	padding: 0;
	width: 896px;
	height: 20px;
	background-color: transparent;
	/* background: #FFFFFF url(../images/topofcontent.gif) no-repeat top; */
}

.default #footer { 
	clear: both;
	padding: 0;
	margin: 0;
	height: 130px;
	width: 896px;
	background: transparent url(../images/footerbg.gif) no-repeat top;
	text-align: center;
} 
.default #footer p {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #924D3C;
	margin: 0;
	padding: 10px 0 5px 0;
	
}

.default #footerlinks {
	margin: 0 auto;
	width: 590px; 
	padding: 65px 0 0 0;
}

.default #footerlinks a {
	margin: 30px 0 0 0; 
	padding: 10px 0; 
	color: #996633;
	font: 95% Verdana Verdana, Arial, Helvetica, sans-serif;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:25px;
    font-size: 1px;
    line-height: 0px;
}



/***************/
.tdiv {
display:  table;
width:560px;
border:1px solid  #fff;
border-spacing:5px;
border-collapse:separate;
}



.celldivacr {
float:left;
display:  table-cell;
background-color:transparent;

padding-top: 20px;
}

.celldivdwn {
float:right;
display:  table-cell;
background-color:transparent;
width: 50px;
padding: 2px 20px 0 0;

}

.celldiv {
float:left;
display:  table-cell;
background-color:transparent;
width: 430px;
padding: 8px 10px 0 20px;
border-bottom: 1px solid #CCD8E6;
}
.rowdiv  {
display:  table-row;
width: auto;
}