/* CSS Document */

body {
	background: #333 url('images/back2.jpg') ;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
	margin:15px auto;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}

p{
	text-align:right;
	padding:0.5em;
	margin:10px;
	font-family:Tahoma,vernada,Arial;
	font-size:12px;
}

h1 { margin:3px;}
h2 { margin:3px;}
h3 { margin:3px;}

#container{ width:722px;}
#header{  background:none; height:139px; margin:auto; width:730px;}
div#header h1 h2 {margin:0px; padding:0px;}
#nav{ background:none; height:30px; margin:8px auto 0px auto ; width:700px; text-align:center; direction:rtl;}
#content{ background:none; width:722px; margin:auto; background:#fff url('images/body2.gif') repeat-y;}

#preface{background:url('images/cellback.jpg') no-repeat left; border:1px solid #ccc; width:700px; margin:auto;} 

#bodytop{background:url('images/body1.gif') no-repeat; height:28px; width:722px;}
#body{background:url('images/body2.gif') repeat-y; width:722px; margin:0px auto; }
#bodybot{background:url('images/body3.gif') #333 no-repeat ; height:43px; width:722px;}
 
#column{ background:none; width:170px; height:630px; padding-top:10px; margin-left:10px; float:left;}

#pagecontent{background:none; margin: 0 auto 20px auto; width:460px; float:left; margin-left:10px;}

#pagecontent1{background:none; margin: 0 auto 20px auto; width:500px; float:left; margin-left:10px;}

#blocks_container_{clear:both;}
#blockcontainer{width:158px; margin:auto 10px; float:right;}

#blocktop1{background:url('images/block/b1_top.gif') no-repeat; line-height:30px; height:37px; width:158px; text-align:center;}
#blocktop2{background:url('images/block/b2_top.gif') no-repeat; line-height:30px; height:37px; width:158px; text-align:center;}
#blocktop3{background:url('images/block/b3_top.gif') no-repeat; line-height:30px; height:37px; width:158px; text-align:center;}
#blocktop4{background:url('images/block/b4_top.gif') no-repeat; line-height:30px; height:37px; width:158px; text-align:center;}

#block{background:#fff url('images/block/b.gif') repeat-y;}

/*--------block---------*/
div#block ul { margin:0px; text-align:center; white-space:nowrap; font-family:'Tahoma', Vernada , Arial; font-size:11px; font-weight:bold; padding: 0px;}
div#block ul li{ margin:auto; width:152px; height:20px; line-height: 20px; list-style-type: none;padding: 0px;}
div#block ul li a {display: block; color:#333;  text-decoration:none; height:20px; text-align:center;}
div#block ul li a:hover{color:#fff; background:#444; border-left:4px #999 solid; border-right:4px #999 solid;text-align:right;  text-decoration:none;}
/*----------------------*/

#blockbot{background:url('images/block/b_bot.gif') no-repeat; height:23px; width:158px;}

#google_ad{width:669px; margin:auto; margin-bottom:0px;  padding-top:10px; clear:both;}

#top{background:url('images/g1.gif') no-repeat; height:32px; width:669px; text-align:right;}
#ad{background:#fff url('images/g2.gif') repeat-y; margin:0px auto;}
#bot{background:url('images/g3.gif') no-repeat; height:10px; width:669px;}

#footer{ background:none; height:20px; margin:10px auto; width:700px; clear:both;}
#infooter{ float:left; width:250px; height:20px; text-align:left;}
div#infooter a {color:#888;}
div#infooter a:hover {color:#FFF; }


#tap_ad{ font-size:10px; color:#666; width:650px; padding:4px; text-align:right; margin:0px auto; background:#ccc; clear:both;}

#foot{width:650px; border:1px #777 solid;  margin:0px auto; clear:both; color:#666;}


/*--------classes of texts---------*/
.title1{
	 margin:5px 10px; 
	 font-size:18px; 
	 font-weight:bolder; 
	 font-family:'Vernada' ,Arial; 
	 color:#666; 
	 line-height:30px;
	 padding:5px;
	 border-bottom:1px #000 solid;
}

.title2{
	 margin:5px 10px;
	 font-size:15px; 
	 font-weight:bolder; 
	 font-family:'Vernada' ,Arial; 
	 color:#666;
}

.title3{
	 margin:5px 10px; 
	 font-size:15px; 
	 font-weight:bolder; 
	 font-family:'Vernada' ,Arial; 
	 color:orange;
}

.title4{
	 margin:5px 10px; 
	 font-size:18px; 
	 font-weight:bolder; 
	 font-family:'Vernada' ,Arial;  
	 color:orange; 
	 line-height:30px;
	 padding:5px;
	 border-bottom:1px #000 solid;
}

.title5{
	 margin:5px 10px; 
	 font-size:18px; 
	 font-weight:bolder; 
	 font-family:'Vernada' ,Arial;  
	 color:#FFF; 
	 line-height:20px;
	 background:#666;
	 padding:5px;
	 border-bottom:2px orange solid;
}

.bold{ font-weight:bold;}

.text1 {
	font-family:'Tahoma',vernada,Arial;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	color: #FFF;
}
.text11 {
	font-family:Arial, Tahoma, vernada;
	font-size: 14px;
	font-weight:bold;
	line-height:20px;
	color: #FFF;

}
.text2 {
	font-family:'Tahoma',vernada,Arial;
	font-size: 12px;
	color: #666;
}
.text3 {
	font-family:'Tahoma',vernada,Arial;
	font-size: 11px;
	color: #888;
	padding:3px;
}
.text4 {
	font-family:'Tahoma',vernada,Arial;
	font-size: 11px;
	color: #777;
	padding:3px;
}
.text_ads {
	font-family:'Tahoma',vernada,Arial;
	font-size: 11px;
	line-height:20px;
	color: #f3f3f3;
}
/*---------------------------------------------*/

#linkss ul{
	padding:0;
	margin:auto;
}

#linkss ul li {
	width:130px;
	height:20px;
	line-height:17px;
	display:block;
	list-style:none;
	float:right;
	margin:3px;
	
}
#linkss ul li a {
	height:20px;
	line-height:17px;
	display:block;
	color:#0099FF ;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border:1px #ccc solid;
	text-align:center;
	background:#C6ECFF url('images/hbup.jpg') repeat-x;
}
#linkss ul li a:hover {
	color:#333;
	background:#C6ECFF url('images/hbover.jpg') repeat-x;
	border:1px #777 solid;
	font-weight:bold;
}

/*---------------------------------------------*/
#linkssitemap{
	float:right;
	margin-left:7px;
	padding:14px;
	border:1px solid #f1f1f1;
	background:#FFFFEC
}
#linkssitemap ul{
	padding:0;
	margin:auto;
	direction:rtl;
}

#linkssitemap ul li {
	list-style: url('images/listarrow2.png') square outside;
} 
#linkssitemap ul li a {

	color:#0099FF ;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#linkssitemap ul li a:hover {
	color:#333;
	font-weight:bold;
	border-bottom:1px dotted #333;
}




/*--------my Top Menu الأزرار العاديه ---------*/
div#link {
        height: 30px;
        margin: 0px auto ;
        width:700px;
        background:none;

}

div#link ul {

        padding: 0px;
        white-space: nowrap;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left:0px;

}

div#link ul li {
        display: block;
        float:right;
        width:100px;
        height: 22px;
        list-style-type: none;
        line-height: 30px;
        font-size: 11px;
		font-weight:bold;
        font-family:'Tahoma' Arial, Helvetica, sans-serif;
        text-align: center;

}
div#link ul li.current_page_item a  {
background:none;
color:#FFF;
}

div#link ul li a {
        display: block;
        text-decoration: none;
        color:#999;
        height: 30px;
        text-align: center;
        padding-left:5px;
        padding-right:5px;
        background:#333 url('images/button.jpg') no-repeat;
}
div#link ul li a:hover {
        color: #333;
        background:#333 url('images/button1.jpg') no-repeat;
        border-top:none;
        border-bottom:none;
        border-right:none;
        border-left:none;
        text-align:center;

}

div#link ul li.up1 a{
        display: block;
        color:#FFF;
        float:right;
        width:100px;
        margin:0px;
        padding:0px;
        height: 30px;
        list-style-type: none;
        line-height: 30px;
        font-size: 11px;
		font-weight:bold;
        font-family:'Tahoma' Arial, Helvetica, sans-serif;
        text-align: center;
		background: url('images/up1.jpg') no-repeat;
}
div#link ul li.up2 a{
        display: block;
        color:#FFF;
        float:right;
        width:100px;
        margin:0px;
        padding:0px;
        height: 30px;
        list-style-type: none;
        line-height: 30px;
        font-size: 11px;
		font-weight:bold;
        font-family:'Tahoma' Arial, Helvetica, sans-serif;
        text-align: center;
		background: url('images/up2.jpg') no-repeat;
}
div#link ul li.up3 a{
        display: block;
        color:#FFF;
        float:right;
        width:100px;
        margin:0px;
        padding:0px;
        height: 30px;
        list-style-type: none;
        line-height: 30px;
        font-size: 11px;
		font-weight:bold;
        font-family:'Tahoma' Arial, Helvetica, sans-serif;
        text-align: center;
		background: url('images/up3.jpg') no-repeat;
}

/*------------------------------------------------*/


/*-------- الروابط---------*/
a {color:maroon;}
a:hover {color:orange;}
/*--------------------------------------------*/


/*--------الأرقام الصغيره---------*/
/*----- numbers 1 -----*/
#numbers1 {margin:auto; text-align:center; width:100%;}
div#numbers1 a {color:orange; display:inline-block; width:11px; height:15px; font-size:11px; text-decoration:none; }
div#numbers1 a:hover {color:#FFF; background:#333; border:1px orange solid; }
/*----------*/

/*----- numbers 2 -----*/
#numbers2  {margin:auto; text-align:center; width:100%;}
div#numbers2 a {color:#000; display:inline-block; width:11px; height:15px; font-size:11px; text-decoration:none; }
div#numbers2 a:hover {color:#FFF; background:orange; border:1px #000 solid; }
/*----------*/

/*----- numbers 3 -----*/
#numbers3 {margin:auto; text-align:center; width:100%;}
div#numbers3 a {color:orange; display:inline-block; width:11px; height:15px; font-size:11px; text-decoration:none; }
div#numbers3 a:hover {color:#000; background:#f4f4f4; border-bottom:1px #444 solid; border-top:1px #444 solid; }
/*----------*/

/*----- numbers 4 -----*/
#numbers4 {margin:auto; text-align:center; width:100%;}
div#numbers4 a {color:#FFF; background:#333;  display:inline-block; width:11px; height:15px; font-size:11px; text-decoration:none; }
div#numbers4 a:hover {color:#000; background:#f4f4f4; border:1px #444 solid; }
/*----------*/

/*----- numbers 5 -----*/
#numbers5 {margin:auto; text-align:center; width:100%;}
div#numbers5 a {color:orange; border:1px orange solid;  display:inline-block; width:11px; height:15px; font-size:11px; text-decoration:none; }
div#numbers5 a:hover {color:#000; background:#f4f4f4; border-bottom:1px #444 solid; border-top:1px #444 solid; }
/*----------*/


/*----- numbers 6 -----*/
#numbers6 {margin:auto; text-align:center; width:100%;}
div#numbers6 a {color:#000;text-decoration:none;   display:inline-block; width:11px; height:15px; font-size:11px;}
div#numbers6 a:hover {color:#000; background:orange;text-decoration:underline;}
/*----------*/


/*----------gallery box-----------*/

.imglt{
display:inline-block;
overflow:hidden;
}
        .imgbox{
        display:inline-block;
        float:right;
		margin: auto 15px;
        }
        .imgbox a{
        border:none;
        color:none;
        }
        
        .imgbox a img{
        padding:5px;
        border:1px solid #CCC;
        background:#666;

        }
        .imgbox a:hover img{
        border:1px solid orange;
        background: url('images/loading.gif') repeat  ;
        }