*{ margin:0; padding:0}
#body{
	margin:auto;
	color:#baa989;
	
/*	background-image:url(../images/bg22-nationalday2015.jpg);
	
	background-color:#ffffff;

background-image:url(../images/bg22-Ramadan.jpg);
	
	background-color:#422017;
	*/

	
	background:url(../images/bg222015.jpg) ;
	background-color:#162e78;  
	

	
	
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:0px;
	font-family:Tahoma, Geneva, sans-serif;	
	}
	
#container{

	margin:auto;
	width:1003px;
	margin-top:0px;
	height:100%;
padding:5;	
 } 
 											

 .links{
 margin-top:0px;
 margin-left:127px;
 width :740px;
 height:32px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-weight:bold;
 font-size:14px;
 background:url(../images/link-bg.jpg);
 }
  .head{
 height:155px;
 margin-top:0px;
 margin-left:0px;
/* background:url(../images/cust_07.jpg);*/
 }
   .content{
 margin-top:0px;
 margin-left:0px;
/* background:url(../images/WEBSITE_DE_09.jpg);*/
 background-repeat:no-repeat;
 }
   .footer{
 height:38px;
 }
    .right-link{
 height:33px;
 width:6px;
 background:url(../images/cust_04.jpg);
 float:right;
 }
    .middle-link{
 height:33px;
  width:728px;
 background:url(../images/link-bg.jpg);
 float:right;
 
 }
    .left-link{
 height:33px;
  width:6px;
 background:url(../images/cust_02.jpg);
 margin-top:0px;
 margin-left:0px;

 }

	 .middle-link li{
		 height:32px;
		font-size:16px;
				
		}
	.form{		

		margin:0 0 0 110px;
		padding:67px 0 0 0;
		width:767px;
				
		}
	
	.form_in{
		 border: 1px solid #600; 
 	
	-moz-border-radius:15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
			margin:0 0 0 10px;
			padding-top:10px;

		width:250px;
		height:30px;
		background-image:url(../images/transpBlack.png);		
		
		}
	
			.social_icons{
				

				
		 border: 0px 
		margin:0 0 0 10px;

		margin:0 0 0 10px;
		width:250px;
		height:35px;
	
		}
		

		
		.form1{
			background:url(../images/search_icon.png);
			background-repeat:no-repeat;
			background-position:right;
			width:50px;
			float:right;
			color:#fff;
			margin-right:3px;
			margin-left:1px;
			font-size:16px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
				padding-top:3px;
		}
		.form2{
			float:right;
			padding-right:3px;

			}

		.form3{
			padding-left:25px;
			width:45px;
			padding-top:1px;
			
			}
			.form3_Button{
			 background:url(../images/search.png) no-repeat; 
			 cursor:pointer; 
			 width: 35px; 
			 height: 20px; 
			 border: none;
			 color:#FFF;
			 font-size:14px;
			 font-weight:bold;
			 font-family:Arial, Helvetica, sans-serif;
			
			  } 
			
								.hedcont{
			width:771px;
			height:10px;
			background:url(../images/hdcont.png);
			margin-left:108px;
			}
			.cont{
				width:769px;
				background:#f1efd8;
				margin-left:110px;
				height:100%;
				

				
			}

			.col1{
				width:261px;
				padding-left:7px;
			float: left; 
				}
			
			.col2{
				width:490px;
					margin: 0 0 0 275px;
					height:100%;

				}
				.news{
					background:#008682;
					}
					.n1{
						background:url(../images/custu1.jpg);
						height:51px;
						}
						.n3{
						background:url(../images/custu2.jpg);
						height:11px;
						
						}
						.n2{
							color:#FFF;
							padding-left:5px;
							padding-right:5px;
							height:127px;     /* was 170 *//* was 210 */
							direction:rtl;
							}
						.img{
							width:150px;
							padding-top:7px;
							padding-left:50px;
							padding-bottom:7px;
						}
						.img2{
							width:92px;
							padding-left:3px;
							padding-top:2px;
							
						}
						.txt{
							width:240px;
							font-size:12px;
							float:right;
							text-align:justify;
							padding-right:4px;
							
							}
						
								.bd{
									padding-bottom:20px;
									}
								.bd a:link ,.bd a:visited{
							color:#FFF;
							text-decoration:none;
							
								}
								.bd a:hover{
								color:#FFC;
								text-decoration:none;
								}
								
								.left_image{
									
									float:left; 
									padding:5px 10px 5px 3px;
									}
							.headd{
								height:110px; /* was 150 */
								font-weight:bold;
								text-align:justify;
								font-size:12px;
								text-align:right;
								padding-bottom:10px;
								padding-top:4px;
								padding-left:7px;
								margin-left:5px;
								margin-top:10px;							}
							.headd a:link ,.headd a:visited{
								color:#ffffcc;
									text-decoration:none;
								}
								.headd a:hover{
								color:#ffffff;
									text-decoration:none;
								}
								
	
								.lin{
					background:#cc9461;
					}
						.l2{
						background:url(../images/custu3.jpg);
						height:54px;
						margin-bottom:4px;
						}
						.l3{
							
							}
						.l4{
						background:url(../images/custu4.jpg);
						height:8px;
							}
							.lpic{
								width:238px;
								margin:0auto;
								padding-bottom:7px;
								padding-left:12px;
								
								}
								.flash{
									
									width:484px;
									height:285px;
									}
								.img_u_flash{

									width:484px;
									height:73px;
									margin-bottom:1px;
									}


									.inners{
										padding-top:10px;
									padding-right:5px;
									padding-left: 4px;
									width:480px;
									 color: #333;
 									text-align:justify;
									font-family:Tahoma, Geneva, sans-serif;
									font-size:13px;
									direction:rtl;
									text-align:justify;
											}
									.inners a:link{
										
										color:#330;
									font-family:Tahoma, Geneva, sans-serif;
									font-size:13px;
									direction:rtl;
									text-align:justify;
									text-decoration:none;
										
										} 		
										.inners a:visited{
										
										color:#330;
									font-family:Tahoma, Geneva, sans-serif;
									font-size:13px;
									direction:rtl;
									text-align:justify;
									text-decoration:none;
										
										} 		
									.inners a:hover{
										
										color:#900;
													}								
									.inners_title{
									padding-right:1px;
									width:489px;
									text-align:right;
									color:#fff;
									font-family:Tahoma, Geneva, sans-serif;
									font-size:13px;
									 font-weight:bold;
									 height:37px;
													}
									
									    .left_inners_title{
									 height:37px;
									  width:14px;
									 background:url(../images/inner_bg3.jpg);
									 margin-top:0px;
									 margin-left:0px;
									
									 }	
									     .middle_inners_title{
									 height:37px;
									  width:436px;
									 background:url(../images/inner_bg2.jpg);
									 float:right;
									 text-align:right;
									 line-height:35px;
									 }
									 
									     .right_inners_title{
									 height:37px;
									 width:39px;
									 background:url(../images/inner_bg1.jpg);
									 float:right;
									 }	
									 															
									.foot{
										width:771px;
										height:10px;
										background:url(../images/foot.png);
										margin-left:108px;
										}
			
			.sec-col1{
				margin-top:1px;
				margin-right:7px;
				float:right;
				width:200px;

				}
			
			.sec-col2{
				width:272px;
				float:right;
				padding-right:10px;
				}
				
				.der{
					text-align:center;
					background:#333;
					width:189px;
					height:61px;
					padding-top:5px;
					padding-left:5px;
					padding-right:8px;
					direction:rtl;
					}
					
					.der2{
						text-align:center;
					background:#330;
					width:189px;
					height:155px;
					margin-top:5px;
					padding-top:5px;
					padding-left:5px;
					padding-right:8px;
					direction:rtl;
					}
					
					.der3{
					text-align:center;
					background:#060;
					width:189px;
					height:73px;
					margin-top:5px;
					padding-top:5px;
					padding-left:5px;
					padding-right:8px;
					direction:rtl;
					}
					.vote{
						margin-top:3px;
						color:#FFF;
						font-size:13px;
						direction:rtl;
						}
					
					.dep{
						margin-top:3px;
						color:#FFF;
						font-size:13px;
						background-color:#763c54;
						
						}
					
					/*
					.about{
	
	height: 100px;
	width: 281px;

	background-color: #763c54;
	direction: rtl;
	text-align:justify;
							
						}
						*/
						
						
						.Brief_txt{ 
						font-weight:bold;
						padding-top:5px;
						width:168px;
						float:right;
						margin-right:9px;
						text-align:justify;
						direction::rtl;
						font-size:11px;
						}
						.Brief_txt a:link ,.Brief_txt a:visited{
							color:#FFF;
							text-decoration:none;
							
						}
						.Brief_txt a:hover{
						color:#FFF;
						text-decoration:none;
						}
						
						
						
						
					.v1{
						margin-top:2px;
						width:198px;
						height:6px;
						background:url(../images/vote.jpg);
						}
						.v2{
							width:198px;
							text-align:center;
							padding-top:5px;
							background-image:url(../images/v2.jpg);
							 height:143px;
							 
						}
						
						
							.v3{
						width:198px;
						height:8px;
						background:url(../images/vote2.jpg);
						margin-top:0px;
						}
									.d1{
						width:281px;
						height:37px;
						/* background:url(../images/dept.jpg);  */
						background-image:url(../images/brief2015_title.jpg)
						}
						.d2{
							width:281px;
							background:#763c54;
							padding-bottom: 5px;
					
						}
							.d3{
						width:281px;
						height:9px;
						background:url(../images/dept2.jpg);
						margin-top:0px;
						}
						
						/*			.h1{
						width:281px;
						height:39px;
						background:url(../images/hist.jpg);
						}
						.h2{
							width:281px;
							background:#a98420;
					
						}
							.h3{
						width:281px;
						height:8px;
						background:url(../images/his2.jpg);
						margin-top:0px;
						}
						*/
									.h1{
						width:281px;
						height:39px;
						background:url(../images/brief2015_title2.jpg);
						}
						.h2{
							width:281px;
							background:#763c54;
							padding-bottom: 5px;
							height:78px;
					
						}
							.h3{
						width:281px;
						height:8px;
						margin-top:0px;
						}
						.his{
						margin-top:6px;
						color:#FFF;
						font-size:13px;
						text-align:justify;
						}
						.txt2{ 
						padding-top:5px;
						width:170px;
						float:right;
						margin-right:9px;
						text-align:justify;
						direction::rtl;
						}
						.txt2 a:link ,.txt2 a:visited{
							color:#ffffcc;
							text-decoration:none;
							
						}
						.txt2 a:hover{
						color:#FFC;
						text-decoration:none;
						}
						
						
.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:0;
    font-size: 1px;
    line-height: 0px;
}
.f1{ text-align:center;
color:#FFF; /* 0B8252 */
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-top:5px;
}
.f2{ 

text-align:center;
color:#FFFFFF; /*0B8252 */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
padding-bottom:7px;
}
.f2 a:link ,.f2 a:visited{
color:#d57e7e; /* */
text-decoration:none;
	}
	.f2 a:hover{
color:#363; /* 000000*/
text-decoration:underline

	}
.inner_pages{
		padding-right:1px;

	text-align:right;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	}
	
/* news*/

.news-item {
 margin-bottom: 28px;
 border: 1px solid #FFF;
 overflow: hidden;
 padding:3px 10px 10px 3px;
 margin:10px 10px 10px 5px;
 background:#CFC;
 
 	
	-moz-border-radius:15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;

}

.news-item img {
 float: left;
margin-right:10px;

border:#330 1px solid;
}

.news-item .tit  {
color:#630;
width: 285px;
font-size:13px;
text-align:right;
font-weight:bold;
 padding-top: 13px;
 float:right;
 margin-bottom:7px;
 
}

.news-item p.meta 
{
direction:rtl;
font-family:Tahoma, Geneva, sans-serif;
float:left;
 background: #CC9461;
 color: white;
 font-size: 11px;
 font-style: normal;
 padding: 4px;
 margin-top:10px;
 margin-left:10px;
 
 margin-bottom: 1px;
 width: 140px;
 min-width: 100px;
 text-align: center;
 border-bottom: 1px solid white;
 	-moz-border-radius:3px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;

}

.news-item p {
	direction:rtl;
margin-top:30px;	
margin-bottom:7px;
margin-left:10px; 
 color: #333;
 text-align:justify;
}

.news-title{
color:#630;
margin-right:10px;
margin-left: 10px;
font-size:13px;
text-align:right;
 padding-top: 7px;
 float:right;
 margin-bottom:7px;	
 font-weight:bold;
width:465px;
	
	}
.news-bigimage{
	width:484px;
	float:right;

	text-align:center;
}
.news_descrip{
	
									
									padding-top:10px;
									padding-right:10px;
									padding-left: 4px;
									margin-top:15px;
									width:470px;
									 color: #333;
 									text-align:justify;
									font-family:Tahoma, Geneva, sans-serif;
									font-size:13px;
									line-height:20px;
									direction:rtl;
									text-align:justify;
									
	
	}

.news-det-dat{
direction:rtl;
 overflow: hidden;
font-family:Tahoma, Geneva, sans-serif;
 background: #630;
 color: white;
 font-size: 11px;
 font-style: normal;
 margin-right:310px;
 margin-bottom: 1px;
  padding: 4px;
 margin-top:30px;
height:15px;
  width: 140px;
 min-width: 100px;
 text-align: center;
 border-bottom: 1px solid white;
}

.mag_all{
	
direction:rtl;
font-family:Tahoma, Geneva, sans-serif;
float:right;
background: #008682;
 color: white;
 font-size: 11px;
 font-style: normal;
 padding: 4px;
 margin-top:10px;
 margin-left:10px;
 
 margin-bottom: 5px;
 width: 220px;
 min-width: 100px;
 text-align: center;
 border-bottom: 1px solid white;
 	-moz-border-radius:3px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;	
	
	}
.mag_title{
direction:rtl;
font-family:Tahoma, Geneva, sans-serif;
float:left;
 background: #CC9461;
 color: white;
 font-size: 11px;
 font-style: normal;
 font-weight:bold;
 padding: 4px;
 margin-top:3px;
 margin-bottom: 5px;
 width: 210px;
 min-width: 100px;
 text-align: center;
 border-bottom: 1px solid white;
 	-moz-border-radius:3px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;

}
.mag_title a:link, .mag_title a:visited{
	color:#FFF;
	}
	.mag_title a:hover{
	color:#960;
	}

/* be4Paging */	
	.be4Paging{
		
		min-height:495px;
		


		}
		.hh{
			color:#600;
			font-size:16px;
			font-weight:bold;}
		
/* Paging */

.paging{  width:350px; direction:rtl; vertical-align:bottom; height:20px;}

.paging  a {float:right; display:block;  margin:2px; width:7px;   text-align:center; font:normal 85% arial; direction:rtl; text-decoration:none}
.paging a.prev1 {width:17px ; height:17px; background:url(../images/next1.jpg) no-repeat; direction:rtl} 
.paging a.next2{width:17px ; height:17px; background:url(../images/next2.jpg)  no-repeat; direction:ltr}
.paging a.next1{width:17px ; height:17px; background:url(../images/prev1.jpg)  no-repeat; direction:rtl} 
.paging a.prev2{width:17px ; height:17px; background:url(../images/prev2.jpg)  no-repeat; direction:rtl}

/* Paging */

.paging-mag{  width:470px; direction:rtl; vertical-align:bottom; height:30px;}

.paging-mag  a {float:right; display:block;  margin:2px; width:7px;   text-align:center; font:normal 85% arial; direction:rtl; text-decoration:none}
.paging-mag a.prev1 {width:17px ; height:17px; background:url(../images/next1.jpg) no-repeat; direction:rtl} 
.paging-mag a.next2{width:17px ; height:17px; background:url(../images/next2.jpg)  no-repeat; direction:ltr}
.paging-mag a.next1{width:17px ; height:17px; background:url(../images/prev1.jpg)  no-repeat; direction:rtl} 
.paging-mag a.prev2{width:17px ; height:17px; background:url(../images/prev2.jpg)  no-repeat; direction:rtl}
/* customs law */

table.law_menu a { 

padding: 5px 5px 5px 5px;
border:1px solid #333333; 
display: block; 
} 
div.law_menu a {
color: #333333; 
background: #ffffff; 
text-decoration:none; 
font-size:11px; 
line-height:16px; 
font-family: Tahoma, verdana, sans-serif;
padding: 2px 5px;
}

div.law_menu a:link {
color: #333333; 
background: #cccc99; 
}

div.law_menu a:active { 
color: #000000;
background: #cccc99; 
}

div.law_menu a:visited {
color: #333333; 
background: #cccc99; 
}

div.law_menu a:hover {
color: #eeeeee;
background: #333333; 
border:1px solid #000000; 
}

.law_pages{
	direction:rtl;
	color:#333;
	background:#FC9;
	font-family:Tahoma, Geneva, sans-serif;	
	padding: 15px 15px 15px 15px;
	font-size:14px;
	text-align:justify;
	
	}
	.law_pages ol{
		margin-right:50px;
		
		}
	.law_pages H3{

		margin-top:7px;;
		color:#063;
				
		}		
	.law_pages strong{
		margin-top:5px;;
		color:#330;
				
		}			
		
		.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white ;
list-style-type: none;
padding-right: 22px;
margin-bottom: 7px;

}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(../images/closed.gif) no-repeat right 1px;
cursor: hand !important;
cursor: pointer !important;
color:#900;
font-size:14px;
font-weight:bold;

}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
color:#000;
font-size:12px;
font-weight:normal;
padding-top:5px;
}


 .ar 
 
 
 {
	 margin-left:15px; margin-right:5px; 
	 padding-left:5px; padding-right:5px; padding-top:8px; width:50px; height:25px; float:left; background-image:url(../images/social_bg.png);
	color:#900; text-decoration:none;font-weight:bold; font-size:13px}
	 }
 
 
.ar a:link , .ar a:visited{color:#900; text-decoration:none;font-weight:bold; font-size:13px}


#player {
 width: 110px;
}​



/**
 * HTML5 / CSS3 Circle with Partial Border
 *
 */
* { margin: 0; padding: 0; }
.circle {
	position: relative;
	margin: 1em auto;
	width: 172px; height: 172px;
	border-radius: 50%;
	background: transparent;
	border:15px solid #cc9461;
	border-top-color: #cc9461;
    border-right-color: #cc9461;
    border-bottom-color: #cc9461;
    border-left-color: #cc9461;
    
    -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;
}
.circle:hover{
      -webkit-animation:  animix 0.5s 1;
      -webkit-animation-fill-mode: forwards;
      -moz-animation:  animix 0.5s 1;
      -moz-animation-fill-mode: forwards;
      animation:  animix 0.5s 1;
      animation-fill-mode: forwards;
}



  //Animate
   @-webkit-keyframes animix {
    0% { 
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
    }
     25% { 
       border-top-color: red;
       border-right-color: transparent;
       border-bottom-color: transparent;
       border-left-color: transparent;
     }
     50% { 
       border-top-color: red;
       border-right-color: red;
       border-bottom-color: transparent;
       border-left-color: transparent;
     }
     75% { 
       border-top-color: red;
       border-right-color: red;
       border-bottom-color: red;
       border-left-color: transparent;
     }
     100% { 
       border-top-color: red;
       border-right-color: red;
       border-bottom-color: red;
       border-left-color: red;
     }
   }
   
      @keyframes animix {
    0% { 
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
    }
     25% { 
       border-top-color: red;
       border-right-color: transparent;
       border-bottom-color: transparent;
       border-left-color: transparent;
     }
     50% { 
       border-top-color: red;
       border-right-color: red;
       border-bottom-color: transparent;
       border-left-color: transparent;
     }
     75% { 
       border-top-color: red;
       border-right-color: red;
       border-bottom-color: red;
       border-left-color: transparent;
     }
     100% { 
       border-top-color: red;
       border-right-color: red;
       border-bottom-color: red;
       border-left-color: red;
     }
   }
/*   @font-face {
 font-family:rockfont;
 src: url("fonts/rockfont.eot"); /* EOT file for IE 
}*/

@font-face {
	    font-family:sultan;
 		src: url("fonts/sultan%20boold_0.ttf"); /* TTF file for CSS3 browsers */
}

   .Img_gallery_title  a:link ,.Img_gallery_title a:visited {
			font-family:sultan;
			color:#2c1932;
			font-size:16px;
			font-weight:bold;
			
			}
			.Img_gallery_title a:hover{
			font-family:sultan;
			color:#666;
			font-size:16px;
			font-weight:bold;
			
			}
			
			
/*/////////////////////////////////////*/			

			.diploma{
				padding-bottom:20px;
				font-size:18px;
				}
			.diploma a:link ,.diploma a:visited{
		color:#F00;
		text-decoration:none;
		
			}
			.diploma a:hover{
			color:#03C;
			text-decoration:underline;
			}

/********************************************2016*/

			.qtr_digit_container
			{
				width:700px; 
				margin:auto;
				height:39px;
			}
		
		.qtr_digit{
		 position: relative;
		 text-align:center;
		 background-image:url(../images/qtr_digt.jpg);
		 background-repeat:no-repeat;
		 background-position:center;
		 border: 0px 
		margin:0 0 0 0;
		width:190px;
		height:28px;
		padding-top:10px;
		
	
		}
		
		.footer_links
		{
			padding-right:5px;
			padding-top:10px;
			float:right;
			display:block;
			width:400px;
			text-align:right;
			}
		.footer_links  a:link ,.footer_links a:visited
		{
			
		text-decoration:none;
		color:#FFF; /* 0B8252 */
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		
			}	

		.footer_links  a:hover
		{
			
		text-decoration:none;
		color:#6FF; /* 0B8252 */
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		
			}	

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