@font-face {
    font-family: alef;
    src: url(Alef-Regular.ttf);
}
@font-face {
    font-family: alef;
    src: url(Alef-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: noto;
    src: url(NotoKufiArabic-Regular.ttf);
}
@font-face {
    font-family: noto;
    src: url(NotoKufiArabic-Bold.ttf);
    font-weight: bold;
}

body{
	text-align : center;

	font-family: alef, noto;
}

#content {text-align : left; margin : 0 auto; width : 750px; border : groove gray 10px;}

#contenta {margin : 0 auto; width : 650px; border : groove gray 10px;padding : 40px;text-align:left;}

ul#navlist
{
margin-left: 0px;
padding-left: 0px;
font-size: 16px;
text-align : center;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding:5px 5px; }

#navlist a:link, #navlist a:visited
{
color: black;
background-color:lightgrey;
border : solid lightgrey;
text-decoration: none;
}

#navlist a:hover
{
color: red;
background-color: ;
text-decoration: none;
}


ul#navlist1
{
margin-left: 0px;
padding-left: 0px;
font-size: medium;
text-align : center;
}

#navlist1 li
{
display: inline;
list-style-type: none;

}


#navlist1 a { padding:10px 30px; }

#navlist1 a:link, #navlist1 a:visited
{
color: black;
background-color: lightgrey;
border : lightgrey;
text-decoration: none;
}

#navlist1 a:hover
{
color: red;
background-color: ;
text-decoration: none;
}


ul#navlist1
{
margin-left: 0px;
padding-left: 0px;
font-size: medium;
text-align : center;

}

#navlist1 li
{
display: inline;
list-style-type: none;
}


#news {position: relative;   padding : 20px; border : solid lightgrey 2px;margin :2px;  text-align:justify;}
#newsa {position: relative;   padding : 20px; border : solid lightgrey 2px;margin :2px;  text-align:justify;}

#activity {position: relative; top: -820px; width: 550px;left:70px; padding :20px; border : solid lightgrey 2px;margin :2px;  font-size : 12pt;text-align : justify;}

#activitya {position: relative; top: -820px; width: 550px;left:70px; padding :20px; border : solid lightgrey 2px;margin :2px;  font-size : 12pt;text-align : center;}

.i { position: relative;  font-size : 16px; text-align:center;}
.i1 {position: relative;  font-size : 16px%; text-align:center;}

.l {background:white;width:70px; position: relative; padding: 10px; font-size : 120%; text-align:center;left:120px;}
.l1 {background:white; width:50px; position: relative; padding: 10px; font-size : 120%; text-align:center;left:120px;}


.hands {position: relative; background-color: gray; width: 120px; padding: 15px;}

#free {position: relative;  width:210px;background-color : LightGrey ;direction : ltr;   font-size : 16px;left:350px; text-align : center;color:red;top:-170px;}

#free1 {position: relative;  width:180px;direction : ltr;   font-size : 16px;left:350px; text-align : center;color:red;top:100px;}
.demo {position: relative;  width: 200px;}

.arrest {position: relative; ;  width: 200px;}

.manal {position: relative;  width: 200px;}

.logo {text-align : center; line-height : 100%;font-size : small;}


#activities {position: relative; padding :20px; border : solid lightgrey 2px;margin :2px; text-align : justify;}

#activitiesd {position: relative; padding :20px; border : solid lightgrey 2px;margin :2px;  font-size : medium;text-align : justify;}

#activitiesa {position: relative; padding :20px; border : solid lightgrey 2px;margin :2px;  font-size : medium;text-align : justify;}

#activitiesb {position: relative; padding :5px;padding-left:20px; border : solid lightgrey 2px;margin :2px;  font-size : medium;text-align : justify;}

#activitiesc {position: relative; padding :5px;padding:20px; background-color:lightgrey;margin :2px;  font-size : medium;text-align : justify;}
#activitiesbl {position: relative; padding :30px; border : solid black 6px;margin : 2px;  font-size : medium;text-align : justify;}

h1 { font-size : 120%;position: rlative;background-color:lightgrey;text-align:center;}

h2 {font-size : 110%;position: relative; width : 250px;background : black;color : white;text-align:center}

h3 {background-color: black; color: white; position: relative; padding: 10px; ;direction : ltr;text-align: center;  font-size : 120%;}

h4 {font-size : 110%;}

.t { color : red; font-size : 120%;}
.tbb { color : red; font-size : 140%;}
.tb { color : red; font-size : 120%; text-align : center;}
.ta { color : red; font-size : medium;}

.ac { font-size : medium; left: 10px; top: -10px;font-color:black;}

h5 { font-size : 140%;position: rlative;background-color:lightgrey;text-align:center;}
h6 {font-size : 120%;text-align:center;position: relative;left : 200px; width : 250px;background : black;color : white;}

.cont {position: relative;  width: 450px; background-color : lightGrey; padding : 15px; font-size : medium;text-align:center;}
.ti { font-size : 120%;position: rlative;background-color:lightgrey;font-weight:bold ;line-height : 100%}
.tis { font-size : 100%;position: rlative;background-color:lightgrey;font-weight:bold ;line-height : 100%}

.ts { font-size : 105%;position: rlative;background-color:lightgrey;}
.s {text-align:right;direction:ltr; font-size : medium;line-height : 150%}
.news { font-size : medium;line-height : 150%;text-align:justify;}
#news5 { font-size : medium;line-height : 150%;text-align:justify;}
#news6 { font-size : medium;line-height : 150%;text-align:justify;}

.newsd { font-size : small;line-height : 150%;text-align:justify;}
.newsc {text-align:center;direction:ltr; font-size : 120%;line-height : 150%}
.newsl { font-size : medium;text-align:justify;}
.im {text-align:center;margin:1px;}
.newscm {text-align:center;direction:ltr; font-size : medium;line-height : 150%}.im {text-align:center;margin:1px;}




.tc { font-size : 140%;position: rlative;color:red;text-align:center;}