@font-face
 {
 font-family: myFirstFont;
 src: url('../fonts/KChimen.ttf'),
      url('../fonts/KChimen.eot'); /* IE9 */
 } 
@font-face
 {
 font-family: myThirdFont;
 src: url('../fonts/KTishk.ttf'),
      url('../fonts/KTishk.eot'); /* IE9 */
 } 
@font-face
 {
 font-family: mySecFont;
 src: url('../fonts/KJino.TTF'),
      url('../fonts/KJino.eot'); /* IE9 */
 } 
 @font-face
 {
 font-family: myEFont;
 src: url('../fonts/HammersmithOne.ttf'),
      url('../fonts/KJino.eot'); /* IE9 */
 }

@font-face {
	font-family: PT Sans;
	src: local("PT Sans"), local("PTSans-Regular"), url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/LKf8nhXsWg5ybwEGXk8UBQ.woff) format("woff");
	font-weight: normal;
	font-style: normal;
}

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css); 

body { margin: 0px; padding: 0px; background: url('../images/bg-1.gif') transparent repeat fixed left top ; }
.clr { clear: both; margin: 0px; padding: 0px; } 

.banner { min-height:147px;; text-align: center; background-color: #FFF }
.langs { text-align: center; font: Normal 10pt 'Droid Arabic Naskh', mySecFont; color: #fff; background-color: #999999}
.flangs a:link { color: #fff; text-decoration: none; }
.flangs a:visited { color: #fff; text-decoration: none; }
.flangs a:hover { color: #FF9900; text-decoration:none; }

.flangs { width: 70px; position: fixed ; padding: 5px; left: 0px; top: 50px; background-color: #596173;text-align: center; font: Normal 10pt 'Droid Arabic Naskh', mySecFont; color: #fff;}

.slide_div { width: 100%; background: url("../images/bg-2.png") no-repeat bottom center rgb(21, 109, 171); }

.ongoing-projects { width: 1000px; margin: 30px auto; text-align: center   }
.ongoing-projects h3 { font: normal 20pt "PT Sans" ; color: #333333; text-align: left }
.ongoing-projects h4 { font: normal 17pt "PT Sans" ; color: #C0C0C0; text-align: left }
.project_one { display: inline-block ; width: 300px; height: 300px; background-color: #0099CC; margin: 8px; text-align: center ; font: normal 20pt "PT Sans" ; vertical-align: top;
color: #FF3300 }
.project_one img { width: 300px; height: 180px; margin-bottom: 10px}

.ongoing-projects a:link .project_one {  text-decoration: none;  color : #F0F0F0;  }
.ongoing-projects a:visited .project_one {  text-decoration: none; color: #F0F0F0;  }
.ongoing-projects a:hover .project_one {  color: #FFF; background-color : #3E484F; text-decoration: none }

.project_two{ display: inline-block ; width: 200px; height: 300px; background-color: #0099CC; margin: 8px; text-align: center ; font: normal 16pt "PT Sans" ; vertical-align: top;
color: #FF3300 }
.project_two img { width: 200px; height: 180px; margin-bottom: 10px}

.ongoing-projects a:link .project_two {  text-decoration: none;  color : #F0F0F0;  }
.ongoing-projects a:visited .project_two{  text-decoration: none; color: #F0F0F0;  }
.ongoing-projects a:hover .project_two {  color: #FFF; background-color : #3E484F; text-decoration: none }

.project_data { margin: 8px; text-align: left ; font: normal 13pt "PT Sans" ; vertical-align: top; }
.project_data span { color: #CC3300}

/* === UPPER MENU === */
.menu_div {  font-family: myEFont; height: 52px; border-bottom: 4px #F87D03 solid ; background-color: #FFCC00 } 
#cssmenu2 ul { text-align: left; display: inline; margin: 0; padding: 15px 4px 17px 0; list-style: none; }
#cssmenu2 ul li { font: Normal 18px myEFont  ; display: inline-block; margin-right: -4px; position: relative; color: #2185c5 ; text-decoration: none;
				 padding: 15px 20px; cursor: pointer ;
			 -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
#cssmenu2 ul li a:link { color: #2185c5 ; text-decoration: none; }
#cssmenu2 ul li a:visited { color: #2185c5 ; text-decoration: none; }
#cssmenu2 ul li a:hover { color: #F87D03 ; text-decoration: none; }
#cssmenu2 ul li:hover { color: #fff}
#cssmenu2 ul li ul { padding: 0; position: absolute; top: 48px; left: 0; min-width: 195px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; 
		z-index: 999; opacity: 0; 
  visibility: hidden;  -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
#cssmenu2 ul li ul li { background: #F87D03 ; display: block; font-size: 11pt; } 
#cssmenu2 ul li ul li:link { color: #fff; }
#cssmenu2 ul li ul li:visited { color: #fff; }
#cssmenu2 ul li ul li:hover { background: #666; }
#cssmenu2 ul li:hover ul { display: block; opacity: 1; visibility: visible; }
/* === END OF UPPER MENU === */

/* ====  footer  ==== */

.footer { background-color: #66CCFF ; color: #fff; font: Normal 10pt 'Droid Arabic Naskh', mySecFont; margin-top: 25px; border-top: 5px #fff solid  }

.footer_menu  {  direction: ltr; margin: 20px auto; width: 1000px;    }
.footer_menu_div1 { min-width: 180px; text-align: left ; min-height: 200px; font: bold 11pt arial; color: #333333; 
					 display: inline-block; vertical-align: top; zoom: 1;  *display: inline;  }

.footer_menu_div2 { font: bold 9pt arial; text-decoration: none; margin: 3px}
.footer_menu_div2 a:link { text-decoration: none ; color: #215178}
.footer_menu_div2 a:visited { text-decoration: none ; color: #215178}
.footer_menu_div2 a:hover { text-decoration: none  ; color: #FF9933}

.footer_social { font: Normal 10pt tahoma; text-align : center ; direction: ltr;  margin: 0px auto 6px auto;   }
.footer_social img { width: 30px; border: 0px; margin: 3px }
.footer_add { border-top: 1px white solid; text-align: left ; direction: ltr; margin: 0px auto; background-color: #448CB7  ; text-align: center ;	padding: 20px;  }


/* ==== sub pages ==== */

.ln_event { width: 1000px; margin: auto; direction: ltr; text-align: left; padding: 10px;  }
.sub_date {direction: ltr; text-align: left; font: Normal 9pt Tahoma; color: Navy }
.sub_katib {direction: ltr; text-align: left; font: Normal 12pt myThirdSecFont; color: Navy }
.sub_view {direction: ltr; text-align: left ; font-family: "Tahoma" ; font-size: 10pt; color: maroon; margin-bottom: 6px }
.sub_view span { color: navy}
.sub_drije { direction: ltr; text-align: justify ;font: Normal 14pt 'Droid Arabic Naskh', mySecFont;  color: gray ; margin-bottom: 4px; margin-top: 6px; line-height: 150%;
			padding-bottom: 20px;  color: #333333  }
.sub_title { font: Normal 18pt mySecFont; text-align: left; padding: 4px; color: #CC3300;  } 
.sub_title_bb { font: Normal 22pt mySecFont; text-align: left; padding: 4px; color: #003366; border-bottom: 1px #003366 solid   } 
.beside_event { width: 360px; margin: 6px auto 6px 0px; direction: rtl; text-align: right; padding: 10px; float: left ; vertical-align: top; }
.side_list > ul  {  list-style-image: none;  text-align: left;font: Normal 12pt myFirstFont; line-height: 200%; margin-right: -20px;
					 color: #FFF;  }
.side_list > ul  > li { border-bottom: 1px #CCCCCC dotted  }
.side_list a:link { color: #FFF; text-decoration: none }
.side_list a:visited { color: #FFF; text-decoration: none }
.side_list a:hover {  color: #FF9933}
.side_list { background-color: #4d4d51; padding: 20px;  }
.side_list img { width: 320px}


.attach_div {
	width: 530px; margin: 3px; background-color: #F4F4F4; border: 1px #CCCCCC solid ; padding: 5px; height: 40px; text-align: right; direction: ltr;
	 font: normal 12pt myThirdFont;line-height: 40px; 
}
.attach_div img {
	width: 40px; border: 0px; float: left; margin-left: 10px
}
.attach_div a:link {  text-decoration: none;  color : #800000;  }
.attach_div a:visited {  text-decoration: none; color: #800000;  }
.attach_div a:hover {  color: #6699FF; }

.calaki_div_sub {
	 margin: 5px auto  ; padding: 5px; direction: ltr ; text-align: center ; width: 95%; }
	  
.calaki_div_sub a:link .subnews {  text-decoration: none;  color : #00327D;  }
.calaki_div_sub a:visited .subnews {  text-decoration: none; color: #00327D;  }
.calaki_div_sub a:hover .subnews {  color: #af292e;background-color : #F0F0F0; text-decoration: none }


.subnews_title { font: Normal 10pt tahoma, 'Droid Arabic Naskh', mySecFont; text-align: left; padding: 4px; text-decoration: none  } 
.subnews_title span{ font: Normal 12pt myThirdFont; color: #666666; text-align: left; } 
.subnews img { width: 226px; height: 160px; }
.subnews_div_img { width: 226px; height: 160px; padding: 5px; 
 -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15);
	-o-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); 
	-moz-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15);
	-ms-box-shadow: 1px 1px 2px rgba(2, 2, 2, .25), inset 1px 1px 1px rgba(255, 255, 255, .15);
	box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); 
 }
.subnews { width: 236px; display: inline-block;  vertical-align: top; text-align: center; margin-bottom: 3px; padding: 4px; min-height: 230px; 
	zoom:1; *display:inline   }
	
	
.subnews_c1 { display: block; vertical-align: top; text-align: left; margin-bottom: 3px; padding: 4px; padding-left: 25px; min-height: 30px; font: Normal 14pt 'Droid Arabic Naskh', mySecFont;
				background: transparent url('../images/c1_bl.jpg') no-repeat left center   }
.subnews_c1 a:link {color: #3E8CE3 }	
.subnews_c1 a:hover { color: #996600}	
.subnews_c1 a:visited {color: #3E8CE3 }	

.calaki_div_sub a:link .subnews2 {  text-decoration: none;  color : #00327D;  }
.calaki_div_sub a:visited .subnews2 {  text-decoration: none; color: #00327D;  }
.calaki_div_sub a:hover .subnews2 {  color: #af292e;background-color : #F0F0F0; text-decoration: none }
.subnews2_title { font: Normal 14pt 'Droid Arabic Naskh', mySecFont; text-align: left; padding: 4px; text-decoration: none; direction: ltr; padding-top: 30px   } 
.subnews2_title span{ font: Normal 12pt myThirdFont; color: #666666; text-align: left; } 
.subnews2 img { width: 226px; height: 160px; }
.subnews2_div_img { width: 226px; height: 160px; padding: 5px; float: left; margin-right: 15px; 
 -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15);
	-o-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); 
	-moz-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15);
	-ms-box-shadow: 1px 1px 2px rgba(2, 2, 2, .25), inset 1px 1px 1px rgba(255, 255, 255, .15);
	box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); 
 }
.subnews2 { display: block; vertical-align: top; text-align: right; margin-bottom: 3px; padding: 4px; min-height: 180px; }

.subnews3_title { font: Normal 14pt 'Droid Arabic Naskh', mySecFont; text-align: left; padding: 4px; text-decoration: none; direction: ltr; padding-top: 30px   } 
.subnews3_title span{ font: Normal 12pt myThirdFont; color: #666666; text-align: left; } 
.subnews3 { text-align: left; margin-bottom: 3px; padding: 4px;  }


/* ============ back to top ============ */

		div#page {
			max-width: 900px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px;
		}
		
		.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #000000;
			font-size: 12px;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
		}