/* CSS Document */
body { 
    background-color:#252A2D; color:#FFFFFF; width:780px; margin-left:auto; margin-right:auto; 
     }
/*Flash Intro*/
.intropage {
   width:100%; 
   height:100%; 
   background-color:#000000; 
   font-family:Verdana, Arial, Helvetica, sans-serif;
 }
.headerlogo {
   margin-right:auto; 
   margin-left:auto; 
   margin-top:0px; 
   height:200px; 
   background-image:url(../images/headerbg.jpg);
   background-repeat:repeat-x
    }
/*Header*/
#header {
   text-align:center;
    }

/*Menu*/
#menublock {
   float:left;
   display:block;
   width:130px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
    }
.menub {
      width:126px;
	  background-color:#ed3a35;
	  border-left:#ff6662 2px solid; 
	  border-right:#ff6662 2px solid;
	  }
.menub a {
display:block;
background-image:url(../images/menu.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#c90006;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
text-align:center;
padding-top:3px;
padding-bottom:3px;
vertical-align:middle;
border-bottom:1px solid #910200;
}
.menub a:hover {
display:block;
background-image:url(../images/menuO.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
border-bottom:1px solid #000000;
text-align:center;
padding-top:3px;
padding-bottom:3px;
vertical-align:middle;
}
.arlang {
font-family:Tahoma;
font-size:14px;
 background-image:url(../images/menu.jpg);
 height:20px;
 }
.arlang:hover {
font-family:Tahoma;
font-size:14px;
 background-image:url(../images/menuO.jpg);
 height:20px;}

/* Messages and errors */
 .status_error {
   text-align:center;
   margin: 6px 6px 6px 6px;
   padding: 3px;
   border: solid 1px #dd3c10;
   background: #ffebe8;
 }
 
 .status_error p,{
   margin: 4px 0px 0px;
   line-height:12px;
   font-weight:normal;
 }
 
 .status_error a {
   text-decoration: none;
   color: #dd3c10;
 }
 
 .status_error h2 {
   font-size:16px;
   font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
 }
 
 .status_msg {
   margin: 6px 6px 6px 6px;
   padding: 0px;
   border: solid 1px #F3C507;
   background: #FDF0BD;
   font-family: tahoma, verdana, arial, sans-serif;
 }
 
 .status_msg h2 {
   font-size:16px;
   font-family: tahoma, verdana, arial, sans-serif;
}

/*Content*/
#content {
   float:right;
   display:block;
   width:640px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   }
.content1{ margin-left:5px; margin-right:5px; height:1px; background-color:#c8c7c7; 
          border-left:#c8c7c7 2px solid; border-right:#c8c7c7 2px solid; display:block;}
.content2{ margin-left:4px; margin-right:4px; height:1px; background-color:#eeeeee; 
          border-left:#c8c7c7 2px solid; border-right:#c8c7c7 2px solid; display:block;}
.content3{ margin-left:3px; margin-right:3px; height:1px; background-color:#eeeeee; 
          border-left:#c8c7c7 2px solid; border-right:#c8c7c7 2px solid; display:block;}
.content4{ margin-left:2px; margin-right:2px; height:1px; background-color:#eeeeee; 
          border-left:#c8c7c7 2px solid; border-right:#c8c7c7 2px solid; display:block;}
.content5{ margin-left:1px; margin-right:1px; height:1px; background-color:#eeeeee; 
          border-left:#c8c7c7 2px solid; border-right:#c8c7c7 2px solid; display:block;}
.content {  
   border-right:#c8c7c7 2px solid;
   border-left:#c8c7c7 2px solid;
   color:#000000;
   font-size:14px;
   text-align:justify;    
   background-color:#eeeeee;
   width:636px;
   }
#text {
 margin:0px 10px 5px 10px;
 text-align:justify;
 clear:both;
  }
.textlink{
  text-decoration:underline;
  padding:1px;
  color:#000000;
  }
.textlink:hover{
  color:#cb1f25;
  text-decoration:none;
  background-color:#FFFFFF;
  padding:1px;
  border-bottom:#000000 1px solid;
    border-top:#000000 1px solid;
  }
.btitle{
color:#ffffff;
text-align:center;
border-bottom:dotted 1px #000000;
border-top:dotted 1px #000000;
background-image:url(../images/menuO.jpg);
background-repeat:repeat-x;
display:block;
font-weight:bold;
font-size:larger;
height:20px;
}
.stitle{
color:#cb1f25;
border-bottom:#cb1f25 1px solid;
}
#pic {
margin-left:15px;
margin-right:15px;
float:left;
width:360px;
clear:left;
}
.pic {
border:#FFFFFF 5px solid;
}

#thumb {
margin-right:10px;
float:right;
width:200px;
clear:right;
}
.thumb {
width:45px;
border:#000000 solid 1px;
}
.subcat {
 color:#ffffff;
 border:#ffffff 1px solid;
 padding:5px;
 margin-right:5px;
  margin-left:5px;
  background-image:url(../images/butup.jpg);
  background-repeat:repeat-x;
 background-color:#FFFFFF;
 text-decoration:none;
 }
.subcat:hover {
 color:#ffffff;
 border:#ffffff 1px solid;
 padding:5px;
 margin-right:5px;
 margin-left:5px;
 background-image:url(../images/butover.jpg);
 background-repeat:repeat-x;
 background-color:#cb1f25;
 text-decoration:none;
 }
#form {
width:50%;
clear:right;
float:right;
top:0px;
}
#formdata {
width:45%;
clear:left;
float:left;
top:0px;
}

.form1 {
padding:2px;
border:1px #000000 solid;
clear:none;
color:#FFFFFF;
background-color:#737577;
}
.form2 {
padding:2px;
border:1px #000000 solid;
width:90%;
clear:none;
color:#000000;
background-color:#e5e5e5;
}
.gear {
width:25%;
height:150px;
clear:none;
display:table-cell;
float:left;
}
/*Footer*/
#footer {
    margin-top:auto;
	clear:both;
	width:780px;
	background-color:#737577;
	border:#b8b8bb 1px solid;
   font-size:10px;
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
	}
#footer a {
  color:#d8d9da;
  text-decoration:none; 
  border-bottom:#d8d9da 1px dotted;
   }
#footer a:hover {
  color:#ffffff;
  text-decoration:none; 
  border:none;
   }         
   
/* =============================================== Menu Navigation =============================================*/


/*================================================== Arabic =====================================================*/

#amenublock {
   float:right;
   display:block;
   width:130px;
   font-family:Tahoma;
   text-align:center;
    }
#acontent {
   float:left;
   display:block;
   width:640px;
   font-family:Tahoma;
   direction:rtl;
   }
.enlang {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
 background-image:url(../images/menu.jpg);
 height:20px;
 }
.enlang:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
 background-image:url(../images/menuO.jpg);
 height:20px;}
#apic {
margin-left:25px;
margin-right:25px;
float:right;
width:360px;
clear:right;
}
#athumb {
margin-left:20px;
float:left;
width:200px;
clear:left;
}
#afooter {
    margin-top:auto;
	clear:both;
	width:780px;
	background-color:#737577;
	border:#b8b8bb 1px solid;
   font-size:10px;
   text-decoration:none;
   font-family:Tahoma;
   text-align:center;
	}
#afooter a {
  color:#d8d9da;
  text-decoration:none; 
  border-bottom:#d8d9da 1px dotted;
   }
#afooter a:hover {
  color:#ffffff;
  text-decoration:none; 
  border:none;
   }


#amenu {list-style-type:none; padding:0; margin:0; position:relative; width:125px; top:0px;;}
#amenu ul {list-style-type:none; padding:0; margin:0; width:125px; position:absolute; right:125px; top:0px;}
#amenu li {ffloat:left; background:#252A2D; position:relative; }
#amenu li.asub { background-image:url(../images/menu.jpg);}
#amenu li, #amenu li a {display:block; color:#fff; font-size:12px; line-height:20px; width:125px; text-decoration:none;}
#amenu ul,
#amenu li.hover ul ul,
#amenu li.hover ul li.hover ul ul {display:none;}
#amenu li.hover {background-image:url(../images/menuO.jpg); z-index:500;}
#amenu li.hover {color:#ff0;}
#amenu li.hover ul {display:block;}
#amenu li.hover ul li.hover ul {display:block; position:absolute; right:110px; top:-1px; border:#000 1px solid;}
#amenu li.hover ul li.hover ul li.hover ul ,
#amenu li.hover ul li.afly {background: #000; margin:0px; padding:0px; height:20px;}
#amenu li.hover ul li.afly.hover { padding-bottom:-1px; margin-bottom:-2px; height:20px;}
#amenu li.hover ul li.hover { background:#737577;}
#amenu li.hover ul li.hover ul li {background:#737577;}
#amenu li.hover ul li.hover ul li.hover {z-index:500; background:#eee; border-bottom:1px solid #000;}
#amenu li.hover ul li.hover ul li.hover a {color:#000;}

#arform {
width:50%;
clear:left;
float:left;
top:0px;
}
#arformdata {
width:45%;
clear:right;
float:right;
top:0px;
}
