body {
	padding:0;
	color:#545454;
	/*background: url("img/halfrisha.jpg") repeat left top;	*/
	/*font:large/123% 'Tahoma';*/
	font-size:0.7em;
	text-align:right;

background:#97b0b7 url(img/body_bg.gif) repeat-x fixed center top;
margin:0 auto;

	}

p {
font-family: 'Traditional Arabic';
font-weight:bold;
font-size:16pt;
line-height:1.5;
text-align: justify;
dir: rtl;
background:#fff;
}

span {
dir : rtl;
}

form { margin:0; padding:0 }

img { border:none }

a { text-decoration:none; color:#cca836; }

.clear { clear:both; }

.conteneur { text-align: center; }

.float-right { float:none; }

.float-left { float:none; }

#akhbar { font-weight:bold; color:#0750B7; cursor:pointer;}
#rplayer { margin:0 1px 0 0;}

/***************************/
/*  page building */
/***************************/
#main { width:977px;
padding:0;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #043713;
border-left:1px solid #043713;
border-right:1px solid #043713;
margin:0 auto;
}

#header {
	/*float:none;*/
	float:right;
	width:977px;
	height:148px;
	margin:0 0 0 0; 
        background:  url("img/banner_maktabah.jpg") no-repeat right top ;
	}


#main-page-home {
	float:none;
	width:977px;
	margin:0;
	padding:0;

}

#footer {
	float:right;
	width:797px;
        margin: 10px 174px 0 0;
	height:54px;
	font-size: 10pt;
	color:#081821;	
}
#footer a {
color:#9a4c00;
}
.colonne-deux{
padding:0 9px 0 2px;
font-size: 14pt;
font-family: 'Traditional Arabic';
font-weight: bold;
}

.colonne-trois{
margin:6px 0 0 0;
float: right;
width:192px;
}



/**********************************/
/* center of the home page  */
/**********************************/

.bloc-contener {
width:773px;

padding:0px;
margin:0px;

/*
background-color:#D2D7EC #DCECBB#C1DE87;
padding:1px;
margin:0 0 6px 0; */
}
.bloc-contener h3 {
padding:5px 10px 5px 20px;
margin:0;
color:#CCA836;
font-weight:bold;
text-align: center;
font-family: 'Verdana';
font-size:14pt;
background:  url("img/h3_img.jpg") no-repeat;
line-height: 32px;
}

div.J-content{
padding:0 9px 0 2px;
font-size: 14pt;
font-family: 'Traditional Arabic';
font-weight: bold;
line-height: 20px;
}

.ui-widget { font-family: 'Traditional Arabic'; font-size: 14pt;}
.ui-accordion-content{line-height: 1.3;}
.ui-accordion-header{font-weight: bold;font-size: 15pt;line-height: 0.9;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#0e232e;}
.page-header {
padding:5px 10px 5px 20px;
margin:0;
color:#CCA836;
font-weight:bold;
text-align: center;
font-family: 'Verdana';
font-size:14pt;
background:  url("img/h3_img.jpg") no-repeat;
line-height: 32px;
}

.bloc-contener h4 {
font-size:1.1em;
padding:5px;
margin:0;
font-weight:bold;
}
.bloc-contener img {
/*float:left;*/
	float:none;
padding:2px;
margin:5px 5px 2px 5px;
border:1px solid #CCC;
}
.bloc-contener p {
text-align: right;
padding:5px;
margin:0;
}
.bloc-contener a {
color:#333;
cursor:pointer;
}
.bloc-contener a:hover {
color:#4493D2;
cursor:pointer;
}


.bloc-contener1 {
float:left;
width:397px;
height:auto;
border:1px solid #CCC;
}
.bloc-contener1 h3 {
padding:5px 10px 5px 20px;
margin:0;
color:#CCA836;
font-weight:bold;
text-align: center;
font-family: 'Verdana';
font-size:14pt;
background:  url("img/h3_img.jpg") no-repeat;
line-height: 32px;
}
.bloc-contener1 h4 {
font-size:1.1em;
padding:5px;
margin:0;
font-weight:bold;
}
.bloc-contener1 img {
/*float:left;*/
	float:none;
padding:2px;
margin:5px 5px 2px 5px;
border:1px solid #CCC;
}
.bloc-contener1 p {
text-align: right;
padding:5px;
margin:0;
}
.bloc-contener1 a {
color:#333;
cursor:pointer;
}
.bloc-contener1 a:hover {
color:#4493D2;
cursor:pointer;
}

/****************************************/
/* vertical menu  */
/****************************************/
a span.show {
	display:none; 
	font-family: 'Verdana';
	font-weight:bold;
	font-size:14pt;
	cursor:pointer;
}
a span.noshow {
	font-family: 'Verdana';
	font-weight:bold;
	font-size:14pt;
	cursor:pointer;
}
a:hover span.show {display:none; color: #996614;}
a:hover span.noshow {display:inline;color: #f7da71;}


/****************************************/
/* D?ut menu horizontal des pages n-1  */
/****************************************/

#hnews {
	background-color: #FFFFFF;
	margin : 0 6px 0 0;
	font:small/123% 'Tahoma';
	/*font-size:1em;*/
	font-weight:bold;
	cursor:pointer;
	/*border-right: 2px solid #CCCCCC;*/
} 


#hnews a {
	display: block;
	
	text-decoration: none;
	text-align: center;
	
cursor:pointer;
} 
#nav {
	width:977px;
	height:26px;
	background:#f2f2f2 url("img/bg_hmn.gif") repeat-x right;
	
	font-weight: bold;
	padding:0;
	/*margin : 0 10px 0 0;*/
}
#nav, #nav ul {
	z-index:100;
	list-style: none;
	line-height: 1;
	padding: 200;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin: 0 3px 0 0;
	font:small/123% 'tahoma';
	font-size:1.0em;
	font-weight: bold;
	 

}
#nav a {
	display: block;
	color: blue;
	text-decoration: none;
	text-align: center;
	padding: 0.25em 2em;
cursor:pointer;
}
#nav a:hover {
	color: #FFF;
cursor:pointer;
}
#nav li{
	background: url("img/sep_mnh.gif") no-repeat left;
	float: right;
	/*float:none;*/
	line-height: 1.1em;
	margin: 0 .1em 0 -.1em;
	padding: 0 .1em 0 .1em;
}

#navlastli
{
	background: url("img/bg_hmn.gif") no-repeat right;
	float: right;
	/*float:none;*/
	line-height: 1.1em;
	margin: 0 .1em 0 -.1em;
	padding: 0 .1em 0 .1em;
}


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	/*width: 14.4em; wiss*/
	width: 13.9em;
	font-weight: normal;
	border-width: 0.1em;
	margin: 2px 0 0 0;
}
#nav li li {
	padding-right: 1em;
	width: 13em;
	height:20px
}
#nav li ul {
	background-color:#f2f2f2;
}
#nav li ul a {
	/*width: 13em; wiss*/
	width: 9em;
cursor:pointer;
}
#nav li ul a:hover {
	color:#FFF;
cursor:pointer;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background: #4493D2;
	/*height:20px;*/
cursor:pointer;
}


/* form */
input.button {
border:0;
color:#000;
font-weight:bold;
text-align:center;
font-size:1.1em;
border:1px solid #999;
background:#FFF url("img/bg-button-off.gif") repeat-x top left;
cursor:pointer;
margin:5px 1px;
}
input.filed-text2 {
width:180px;
font-size:1.1em;
border:1px solid #999;
margin:5px 1px;
}
select.filed-select {
font-size:1.1em;
margin:5px 1px;
}


#mostdownload td {
	list-style-type: none;
	margin: 0;
	padding:0 1px 0 0;
	border:1px solid #CCC;
}

.listOf {
	width : 100%;
}

.listOf td{
	width : 50%;
	border : 1px solid #ACCC;
	line-height:2;
	font-weight:bold;
	font-size: 15pt;


}
.listOf td div {
        color:blue;
	}
	
.detailOf {
	height: 70px;
	padding: 30px 0 0 0;
	font-size: 16pt;
	text-shadow: red 5px 5px 5px;
	line-height: 26px;
	/*font-weight:bold;*/
	color: red;
}
.visitorQuestion {
	text-shadow: red 5px 5px 5px;
	font-weight:bold;
	color: red;
}


.detailTable {
	width : 90%;
	text-align: center;
}

.detailTable td{
	width : 25%;
	border : 1px solid #CCC;
}	

.player {
	margin-top: 40px;
}

.bottommagin {
	margin-bottom: 350px;
}

.pincipalLibrary {
	border:1px solid #CCC;
}

.pincipalLibrary a:hover h3{
	color: yellow;
}

.SheikhName {
		font-size:.6em;
		text-align:left;
		padding:1px 0px 1px 4px;	
}

.Akthar {
	font-size:.8em;
cursor:pointer;
}



.markerform{
list-style-type: none;
margin: 0 0 0 0;
padding:0 1px 0 0;
border:1px solid #CCC;
}

.markerform-button {
list-style-type: none;
/*align;*/
margin: 0 37px 0 0;
padding:0 0 0 0;
border:1px solid #CCC;
background:#f2f2f2 url("img/bg_hmn.gif") repeat-x right;;
}

.markerform-left{
list-style-type: none;
margin: 0 6px 0 0;
padding:0 3.5px 0 0;
border:1px solid #CCC;
}

.markerform-button-left {
list-style-type: none;
margin: 0 48px 0 0;
padding:0 0 0 0;
border:1px solid #CCC;
background:#f2f2f2 url("img/bg_hmn.gif") repeat-x right;;
}



.hide {display: none;}
.show {display: block;}

.msg_list {
	margin: 0px;
	padding: 0px;
	width: 383px;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:#FFCCCC;
	margin:1px;
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#F4F4F8;
}
 a.navigation:link { 
	color: #AE8C5F;
	}
a.navigation:visited { 
	color: #C3FDB8;
	}
a.navigation:hover { 
	color: #7E2217;
	}
a.navigation:active { 
	color: blue;
	}

/* Normal style */
	 .normal {
	  font-family: Comic Sans MS, sans-serif; 
	 }
	/* highlight */
	 .highlight {
	  font-family: Comic Sans MS, sans-serif;
	  background-color: #ffffcc 
	 }
	/* Display block */
	 .DisplayBlock {
	  display : block;
	}
	/* Display none */
	 .DisplayNone {
	  display: none;
	 }
	/* Visibility Hidden */
	 .Hidden {
	  visibility: hidden;
	 }
	/* Visibility Visible */
	 .Visible {
	  visibility: visible;
	 }
	/* Position 0 */
	 .Position0 {
	  position: relative;
	  width: 420px;
	  height: 200px;
	  background-color: #e6e6fa; 
	  border: thin; 
	  border-color: #4B0082; 
	  border-style: solid; 
	  font-family: Comic Sans MS, Sans-Serif;
	  font-style: italic;  
	  font-weight: normal;  
	  color: #4B0082;  
	   
	 }
	/* Position 1 */
	 .Position1 {
	  position: absolute;
	  left: 10px;
	  top: 10px;
	  width: 90px; 
	 }
	/* Position 2 */
	 .Position2 {
	  position: absolute;
	  left: 110px;
	  top: 10px;
	  width: 90px; 
	 }
	/* Position 3 */
	 .Position3 {
	  position: absolute;
	  left: 210px;
	  top: 10px;
	  width: 90px; 
	 }
	/* Position 4 */
	 .Position4 {
	  position: absolute;
	  left: 10px;
	  top: 30px;
	  width: 90px; 
	 }
	/* Position 5 */
	 .Position5 {
	  position: absolute;
	  left: 110px;
	  top: 30px;
	  width: 90px; 
	 }
	/* Position 6 */
	 .Position6 {
	  position: absolute;
	  left: 210px;
	  top: 30px;
	  width: 90px; 
	 }
	/* Position 7 */
	 .Position7 {
	  position: absolute;
	  left: 10px;
	  top: 30px;
	  width: 330px; 
	 }
.nav-bg {
    background-image: url(img/nav-bg.gif);
	margin-top: 148px;
}
#tnav {
	display: block;
	position: relative;
	height: 30px;
	white-space: nowrap;
	width: auto;
	float: left;
	top: 0px;
	background-image: url(img/nav-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
}

#tnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: auto;
	float: left;
	display: block;
	text-align: center;
}

#tnav ul li {
	display: block;
	float: left;
	position: relative;
	text-align: center;
}

#tnav ul li a {
	display: block;
	float: left;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	width: 100px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 14px;
	font-size: 15px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	cursor: pointer;
}

#tnav ul li a span {
	padding-right: 14px;
	display: block;
	width: auto;
	height: 30px;
	cursor: pointer;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#tnav ul li a:hover {
	color: #dbe08f;
	background-image: url(img/nav-bg-hover.gif);
	background-repeat: repeat-x;
	text-align: center;
}

#tnav ul li a:hover span {
}	
#tnav li ul.nav-2
	{
	margin:0;
	list-style:none;
	display:none;
	width:176px;
	position:absolute;
	top:29px;
	left:-1px;
	border: 1px solid #90a2ae;
	background-color: #c9e8ff;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#tnav li:hover ul.nav-2
	{
	display:block;
	width: 176px;
}
#tnav li ul.nav-2 li
	{
	width:172px;
	height: 22px;
}
#tnav li ul.nav-2 li a
	{
	clear:left;
	width:100%;
	position:relative;
	z-index:1000;
	background-color: #ccdae4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 20px;
	background-image: none;
	height: 20px;
	text-align: justify;
	color: #0d354f;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	margin: 0px;
	padding-left: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#tnav li ul.nav-2 li a:hover
	{
	clear:left;
	width:100%;
	position:relative;
	z-index:1000;
	background-color: #bac9d5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 20px;
	background-image: none;
	height: 20px;
	color: #0099FF;
	margin: 0px;
	padding-left: 4px;
}
#side-nav {
	text-align: left;
}
#NB-body {
	font-size:8pt;
	font-family: Verdana;
	color: #444;
	background-color: #FFF;
}	
#container {
	background-color: #FFFFFF;
}

.float-right-img  {
border: 2px solid #CCC; 
 margin: 5px 0px 10px 10px; 
float: right; }