body {
margin : 1.6vw 0;
padding : 0;
font : 1vw "Arial Rounded MT Bold"; 
color : #666;
background : #003250 url(img/bgd.png) repeat;
text-align :right;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */

}
@font-face {
font-family: "Arial Rounded MT Bold";
src: url('font/616.eot');
src: url('font/616.ttf');
src: url('font/616.woff');
}

#container {
width : 90%;
border : 0px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 1vw;
color : #666;
background : #f2f2f5;
}

			/*TOP BANNERs*/
#header {
float: left;
background-image: url("img/New Header English 2025.jpg") ;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 13.5vw;
z-index: 1;

}
#header-ar {
float: left;
background-image: url("img/New-Header-arabic-2025.jpg");
background-size: cover;
width: 100%;
height: 13.5vw;
z-index: 1;

}

			/*TOP MENU*/
#navcontainer {

clear : both;
width : 100%;
height: 2.4vw;
margin-bottom:0px;
padding-bottom:0px;

}
#navcontainer ul {
height: 2.1vw;
float : left;
width : 100%;
padding-left:0px;
margin-left : 0;
margin-top : 0.15vw;
padding-bottom:0px;
margin-bottom:0.3vw;
background : #036;
color : #fff;
list-style:none;
position:relative;
display: inline-block;

}
#navcontainer ul li {
display : inline;

}

#navcontainer ul li a {

width: 15.622vw;
float : left;
padding : 0px 1vw;
text-decoration : none;
border-right : 0.1vw solid #fff;
background : #036;
color : #fff;
line-height: 2.1;
font-size: 1vw;
}
#navcontainer ul li a:hover {
background : #a1aac9;
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #a1aac9;
color : #fff;
}

#navcontainer ul ul{
position:absolute;

display:none;
}

#navcontainer ul li:hover > ul{
position: absolute;
display:block;
}


#navcontainer ul li {
float:left;

}

#navcontainer ul li a{

display:block;
}

#navcontainer ul li:hover a{
color:#fff;
}

#navcontainer ul li:hover > ul {  position: absolute; margin:0px; padding:0px;}
#navcontainer ul li:hover > ul li { position: absolute; float:none; display:block;}
#navcontainer ul li:hover > ul li a { position: absolute; color: #fff; min-width:139px; z-index: 9999; border-bottom : 0.1vw solid #fff;text-align:right;}
#navcontainer ul li:hover > ul li a:hover{ position: absolute; color: #fff;}

#navcontainer ul li {position:relative;}
#navcontainer ul li ul {position:absolute; top:1.9vw; left:0px;}

			/*CENTRE CONTENT*/
#content {
width: 52.5%;
height: auto;
font-size: 1.5vw;
text-align: justify;
padding: 1.6vw 2.16vw 0.8vw 2vw;
margin-top: 1vw;
margin-left: 18vw;
margin-bottom: 1.6vw;
background: #FBFBFB;
color: #666;
direction: rtl;
}

#content a {
margin: 0 0 0.15vw 0;
font-size : 100%;
color : #666666;
background : inherit;
}
#content a:hover {
margin: 0 0 0.15vw 0;
font-size : 100%;
color : #979797;
background : inherit;
text-decoration:underline;
}
#content .list a {
margin: 0 0 0.15vw 0;
font-size : 100%;
color : #804040;
background : inherit;
}
#content .even a {
margin: 0 0 0.15vw 0;
font-size : 100%;
color : #804040;
background : inherit;
}
#content .even a:hover {
margin: 0 0 0.15vw 0;
font-size : 100%;
color : #979797;
background : inherit;
text-decoration:underline;
}
#content .list a:hover {
margin: 0 0 0.15vw 0;
font-size : 100%;
color : #979797;
background : inherit;
text-decoration:underline;
}
#content .top a {
margin: 0 0 0.15vw 0;
font-size : 100%;
color : #0000FF;
background : inherit;
}
#content .top a:hover {
margin: 0 0 0.15vw 0;
font-size : 100%;
color : #979797;
background : inherit;
text-decoration:underline;
}
#content .middle {
text-align:center;
 }

#content ul{
list-style-image: url("img/list_style004.gif")}

#content ul li{
line-height: 1.7;}

ol {
list-style-type:decimal;
padding-right:3vw;
}

ol li {
padding:0.4vw 0px;}

.boxb {
width: 56%;
padding: 0.4vw;

margin-top: 1.2vw;
}

#slideshow { 
margin: 0px; 
margin-top: 8px;
position: relative; 
width: 500px; 
height: 245px; 
padding: 0px; 
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
z-index: 1;
}
		
#slideshow > div { 
position: absolute; 
top: 0px; 
left: 0px; 
right: 0px; 
bottom: 0px; 
z-index: 1;
} 

#photo {
margin: 0.8vw;
padding: 0.4vw;
}


table {
width:100%; }
th, td {
font : 100% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
padding: 0.4vw 0.4vw 0.4vw 0.4vw;  }

th {

letter-spacing:0.1em;
font-size:90%;
font-weight:bold;
border-bottom:0.15vw solid #111111;
border-top: 0.1vw solid #999;
text-align:left;}

tr.even {
background-color: #efefef; }

tr.hover {
background-color:#c3e6e5 }

.holiday {
text-align:right; }

.topic {
letter-spacing:0em;
font-size:100%;
border-bottom:0;
border-top: 0;
text-align:center;
color:#666;}

.general {
font-weight:bold;
font-size: 90%;
width: 12.4vw;
padding-bottom: 1.2vw;
padding-top:1.2vw;
}

			/*LEFT CONTENT*/
#sidebar {
float : left;
width : 20%;
margin : 0 0 0 0;
padding : 0px;
padding-top: 0px;
margin-top:0.6vw;

color : #666;
background : #f2f2f5;
}

			/*LEFT MENU*/
#menu {
width : 100%;
padding : 0px 0px 0 0;
margin: 0px 1.6vw 1.6vw 0;

}
#menu ul {
width : 100%;
margin : 0;
padding : 0;
margin-bottom: 0.15vw;
list-style-type : none;

}
#menu li {
margin : 0 0 0.1em 0;
list-style-type : none;


}
#menu a {
display : block;
width : 100%;
padding : 0.1em 0.8em;
text-decoration : none;
color : #fff;
background : #003366;
margin-bottom: 0px;
line-height: 2;
list-style-type : none;
}
#menu a:hover {
background : #a1aac9;
color : #fff;
margin-bottom: 0px;
list-style-type : none;
}

#menu .title {
display : block;
width : 90%;
font-size:1.3vw;
padding: 0.4em 0;
text-decoration : none;
color : #fff;
background : #003366;
margin-bottom: 0px;
line-height: 2;
list-style-type : none;
}


#menu .ccc {
width:90%;
margin-top:0.15vw;
margin-right:0;
font-size:1.2vw;
list-style-position:outside;
border-top : 0.1vw solid #003366;
list-style-type : none;

}

#menu .ccc a {
margin-top:0.15vw;
font-size:1vw;
font-family: "Times New Roman", Georgia, Serif;
padding-bottom:0.2vw;
padding-left:0;
margin-left:0px;
padding-right:0.7vw;
margin-right:0;
list-style-position:outside;
width:95%;
background:#f7b10c;
color:#003366;
text-align:center;
border-bottom : 0.1vw solid #003366;
list-style-type : none;
border-bottom-right-radius:0.8vw 0.8vw;
-moz-border-radius-bottom-right:0.8vw 0.8vw;
 -webkit-border-radius-bottom-right:0.8vw 0.8vw;

 -moz-box-shadow: 0px 0px 0.4vw #003366;
 -webkit-box-shadow:  0px 0px 0.4vw #003366;;
box-shadow:  0px 0px 0.4vw #003366;
overflow:hidden;
}
#menu .ccc a:hover {
list-style-position:outside;
width:95%;
background:none;
color:#0000FF;
list-style-type : none;
}

#menu ul ul.ccc ul{
position:absolute;
display:none;

}

#menu ul ul.ccc li:hover > ul {  position:absolute; margin:0px; padding:0px; display:block;}
#menu ul ul.ccc li:hover > ul li {margin:0px; padding:0px; float:none; display:block;
}
#menu ul ul.ccc li:hover > ul li a { position:relative;line-height: 2; margin:0px;padding-top:0.2vw; padding-bottom:0.15vw; color: #003399; min-width:118px; z-index: 9999;text-align:left; background:#E5C744;display:block; margin-top:0.1vw;
}
#menu ul ul.ccc li:hover > ul li a:hover{color: #0000FF;}

#menu ul ul.ccc li {position:relative;}
#menu ul ul.ccc li ul {position:absolute; top:0px; left:161px; }

#menu ul ul.ccc #contentDivImg li, #menu ul ul.ccc #contentDivImg2 li, #menu ul ul.ccc #contentDivImg3 li, #menu ul ul.ccc #contentDivImg4 li, #menu ul ul.ccc #contentDivImg5 li, #menu ul ul.ccc #contentDivImg6 li, #menu ul ul.ccc #contentDivImg7 li, #menu ul ul.ccc #contentDivImg8 li{
background:#E5C744; color:#fff;

}
#menu ul ul.ccc #contentDivImg li a, #menu ul ul.ccc #contentDivImg2 li a, #menu ul ul.ccc #contentDivImg3 li a, #menu ul ul.ccc #contentDivImg4 li a, #menu ul ul.ccc #contentDivImg5 li a, #menu ul ul.ccc #contentDivImg6 li a, #menu ul ul.ccc #contentDivImg7 li a, #menu ul ul.ccc #contentDivImg8 li a{
background:#E5C744; color:#fff;
}
#menu ul ul.ccc #contentDivImg li a:hover, #menu ul ul.ccc #contentDivImg2 li a:hover, #menu ul ul.ccc #contentDivImg3 li a:hover, #menu ul ul.ccc #contentDivImg4 li a:hover, #menu ul ul.ccc #contentDivImg5 li a:hover, #menu ul ul.ccc #contentDivImg6 li a:hover, #menu ul ul.ccc #contentDivImg7 li a:hover, #menu ul ul.ccc #contentDivImg8 li a:hover{
background:#FDDB43; color:#fff;
}

#menu ul ul.ccc li.extended a{
padding-left:0.4vw;padding-right:0.4vw;
}

#menu ul ul.ccc #contentDivImg li.current a:link, #menu ul ul.ccc #contentDivImg li.current a:visited, #menu ul ul.ccc #contentDivImg li.current a:hover, #menu ul ul.ccc #contentDivImg2 li.current a:link, #menu ul ul.ccc #contentDivImg2 li.current a:visited, #menu ul ul.ccc #contentDivImg2 li.current a:hover {
background : #fff;
color : #003366;
}
#menu ul ul.ccc li.current a {
margin-left: 0.8vw; 
background: #FDDB43;
}


			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 20%;
margin : 0;
padding-top: 0px;
padding-left: 0.45vw;
padding-bottom:0px;
margin-top:1vw;
margin-right:0.1vw;
background : #f2f2f5;
color : #666;
}


#submenu {
width : 95%;
padding : 0px 0px 0 0.4vw;
margin: 0px 0px 0.8vw 0;
}

#submenu ul {
width : 80%;
margin : 0;
padding : 0;
margin-bottom: 0.15vw;
list-style-type : none;
}
#submenu li {
margin : 0 0 0.1em 0;
margin-bottom: 0.1vw;
list-style-type : none;
border-radius:0.8vw;
-moz-border-radius:0.8vw;
-webkit-border-radius:0.8vw;
}
#submenu a {
display : block;
width : 80%;
padding : 0.1em 0.8em;
text-decoration : none;
color : #fff;
background : #E5C744;
margin-bottom: 0px;
line-height: 2;
list-style-type : none;
border-radius:0.4vw;
-moz-border-radius:0.4vw;
-webkit-border-radius:0.4vw;
}
#submenu a:hover {
background : #FDDB43;
color : #fff;
margin-bottom: 0px;
list-style-type : none;
}
#current a:link, #current a:visited, #current a:hover {
background : #FDDB43;
color : #fff;
}
#button a:hover {
-moz-box-shadow: inset 0 0 1.6vw #003366;
-webkit-box-shadow: inset 0 0 1.6vw #003366;
box-shadow: inset 0 0 1.6vw #003366;
}

			/*RIGHT SCROLLBAR*/
div.scroll {
overflow : auto;
height : 15em;
width : 11.2vw;
padding : 1em;
color : #333;
background : #f2f2f5;
border : 0.1vw solid #eee;
margin : 1.6vw 0 2vw 0.8vw;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 0.4vw;
margin-top : 0.4vw;
color : #bbd2e0;
background : #003366;
font-size: 1vw;
}

#footer a:link, #footer a:visited {
padding-left: 0.4vw;
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 0.1vw dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
.statcounter {
float:right; vertical-align:middle;
display:none;
 }
			/*TYPOGRAPHY*/
h1 {
margin : 0 0 0.8vw 0.4vw;
letter-spacing : 0.1vw;
font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none;
font-size : 180%;
color : #003366;
background : inherit;
}
h2 {
margin : 0px 0 1.2vw 0px;
padding-top: 0px;
letter-spacing : 0px;
font-size : 140%;
font-weight:bold;
color : #003366;
background : inherit;
}
h3 {
margin: 0 0 0.15vw 0;
font-size : 110%;
color : #826c45;
background : inherit;
}
h4 {
padding-left: 0.2vw;
padding-top: 0.2vw;
padding-bottom: 0px;
margin-top:0px;
margin-bottom:0px;
font-size: 70%;
color: #800080;
background : inherit;
}
			/*LINKS*/
a {
color : #0000A0;
margin:0;
padding:0;
font-size:110%;
font-weight : bold;
text-decoration : none;
background : inherit;
}

a:hover {
padding:0;
color : #697899;
background : inherit;
text-decoration:underline;
}
			/*CLASSES*/
.news {
margin-top:0.4vw;
padding:0;
font-size : 100%;
background : inherit;
color : #333;
}
.sitename {
font-family:serif;
font-size : 300%;
font-weight:bold;
margin : 0px 0px 1.2vw 0px;
color : #826c45;
background : inherit;
}
.sitenameb {
font-family:serif;
font-size : 200%;
font-weight:bold;
margin : 0px 0px 1.2vw 0px;
color : #826c45;
background : inherit;
}
.sitenamec {
font-family:serif;
font-size : 200%;
font-weight:bold;
color : #FF0000;
background : inherit;
}

.image {
width: 100%;
height: 100%;}

.thumb {
width: 99px;
height: 66px;}

.entry {
width: 29%;
float: left;
margin: 1.2vw 0;
height: 18vw;
}

figure {
display: block;
width: 85%;
height: auto;
padding-left: 0.8vw;
margin: 1vw;
margin-top: 0px;
}

figure img {
width: 100%;
height: auto;
border: 0.4vw solid #d6d6d6;}

figcaption {
padding-left: 0px;
padding-top: 0.2vw;
background-repeat: no-repeat;}


blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
big {
font-size: 115%;
font-weight : bold;
text-decoration:underline;}

.right {
padding-right: 1.2vw;
text-align:right; }

.c {
margin: 0 0 0.15vw 0;
font-weight:bold;
font-size : 110%;
color : #003366;
background : inherit;
}
.h2 {
margin : 0px 0 1.2vw 0px;
padding-top: 0px;
letter-spacing : 0px;
font-size : 140%;
font-weight:bold;
color : #003366;
background : inherit;
}
.intro {
margin : 0px;
padding-top: 0px;
 }
.intro:first-letter {
font-size: 150% }

.top a{
float:right; 
text-decoration:underline;
color: #0080FF;
}

.list a{
color: #0000FF;
}
.even {
background-color: #efefef; }
width:400px;
}

.more {
padding-right:0px;
text-align:right; 
float:right;}

.open{
font-size:110%;
font-weight : bold;
  display:block;
}
.open:hover{
font-size:110%;
text-decoration:underline;
color:#C0C0C0;
  display:block;
}
.open + input{
  display:none;
}
.open + input + *{
  display:none;
}
.open + input:checked + *{
  display:block;
}
.headline{
margin:0px;
padding:0px;
font-size:110%;
font-weight : bold;
  display:block;
color:#003366
}
.two{
background-color:#F2F2F5;
 box-shadow:0 1px 10px 1px rgba(0,0,0,0.7);
text-align:center;}

.marquee {
font-size: 120%;
color:#804000;
line-height: 1.5;
font-weight: normal;
}

#contact {
width:472px;
border-color:#003366;
background-color:#FCF3E4;
color:#800000;

}

#contactus {
color:#003366;
font-weight:normal;
font-size:120%;
}

#content .nobgd{
background-color:#FFF;
margin: 0px;
padding:0px;
}

a{cursor:pointer;}

#evenrow {
background-color:#efefef;}

#sidebarc {
float : left;
width : 180px;
margin : 0px 40px 0px 40px;
padding : 10px;
padding-top: 20px;

color : #666;
background : #f2f2f5;
}
.scrollToTop{
	width:48px; 
	height:47px;
	padding:0px; 
	text-align:center; 
	text-decoration: none;
	position:fixed;
	bottom:75px;
	right:25vw;
	display:none;
	background:#01426A;
	border-radius:0.4vw;
	-moz-border-radius:0.4vw;
	-webkit-border-radius:0.4vw;
	overflow:hidden;
}
.scrollToTop:hover{
	text-decoration:none;
}
style="padding:0.4vw; padding-right:0.8vw; line-height: 1.8; border:0.1vw solid #a1aac9; background:#003366; border-radius: 0.8vw 0.8vw;
    -moz-border-radius: 0.8vw 0.8vw -webkit-border-radius:0.8vw 0.8vw; text-align:center";


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


 #footer {display: none;}
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (max-width : 480px) {
/* Styles */


 #footer {display: none;}
 
#bannerc {
position: fixed;
float : right;
width : 100px;
text-align: right;
padding: 0;
margin-top: -20px;
margin-left: 820px;
color : #FF0000;
background : none;
z-index: 999;
}
 }


 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */


#footer {display: none;}
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
  #container {width: auto;}

 #footer {display: none;}
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
 #container {width: auto;}

 #footer {display: none;}

}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
 #container {width: auto;}

 #footer {display: none;}
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
 #container {width: auto;}

}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1600px) {
/* Styles */
 #container {width: auto;}

}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
 #container {width: auto;}

 #footer {display: none;}
}