@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; for 'arabic/hebrew'; margin : 0 auto; width : 750px; border : groove gray 10px;}

#contentb {margin : 0 auto; width : 650px; border : groove gray 10px;padding : 40px;direction:rtl;text-align:right}

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

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

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


}

#navlist a { padding:5px 0px; }
#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:60px;
padding-left: 0px;
font-size: medium;
text-align : center;

}


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

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

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

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


#newsa {position: relative; width: 620px; padding : 20px; border : solid lightgrey 2px; margin :2px;  font-size : 12pt; direction:rtl; text-align: justify;left:90px;right:30px;}

#news{position: relative; width: 620px; padding : 20px; border : solid lightgrey 2px; margin :2px;  font-size : 12pt; direction:rtl; text-align: justify;left:15px;}

#newsb{position: relative; width: 620px; padding : 20px; border : solid lightgrey 2px; margin :2px;  font-size : 12pt; direction:rtl; text-align: justify;left:15px;}

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

h3 {background-color: black; color: white;position: relative;  padding: 10px;  font-size : 130%;text-align : center;dirction:rtl;}

#free {position: relative;  width:210px;background-color :lightgrey; direction :rtl;   font-size : 16px;right:80px; text-align : center;color:red;top:-170px;}

.demo {position: relative; left: 210px; top: -500px; }

.arrest {position: relative; left: 380px; top: -700px; }

.manal {position: relative; left: 20px; top: -820px; width: 200px;}


h4 { font-size : 120%;left: 10px;position: rlative;text-align:justify;direction:rtl}

.t { color : red; font-size : 120%;text-align:right;direction:rtl}
.tb { color : red; font-size : 200%;text-align:right;direction:rtl}


.tt { color : red; font-size : medium;text-align:right;direction:rtl}

.tta { color : red; font-size : 120%;text-align:right;direction:rtl;text-align:center;}

.ac { font-size : medium; left: 10px; text-align:justify;direction:rtl}

h4 { font-size : 130%;}

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

h6 {font-size : 120%;text-align:center;position: relative;right : 125px; width : 400px;background : black;color : white;}

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

#activities {position: relative; padding :20px; border : solid lightgrey 2px;margin :2px; text-align : justify;direction:rtl; width: 620px;left : 15px; }

#activitiesa {position: relative; padding :20px; border : solid lightgrey 2px;margin :2px; text-align : justify;direction:rtl; width: 620px;left : 15px; }

#activitiesb {position: relative; padding :20px; border : solid lightgrey 2px;margin :2px; text-align : justify;direction:rtl; width: 620px;left : 15px; }

#activitiesc {position: relative; padding :20px;  text-align : justify;direction:rtl; width: 580px;background-color:lightgrey; }
#activitiesbl {position: relative; padding :20px; border : solid black 8px;margin :2px; text-align : justify;direction:rtl; width: 590px;left : 15px; }

.cont {position: relative;  width: 450px; background-color : lightGrey; padding : 15px; font-size : medium;text-align:center;direction: rtl;}

.conth {position: relative;  width: 450px; background-color : lightGrey; padding : 15px; font-size : medium;text-align:center;direction: rtl;}

.til { font-size : 120%;position: rlative;background-color:lightgrey;text-align:right; direction:rtl ; font-weight:bold ; width:380px}

.ti { font-size : 120%;position: rlative;background-color:lightgrey;text-align:right; direction:rtl ; font-weight:bold ; width:240px}

.tis { font-size : 100%;position: rlative;background-color:lightgrey;text-align:right; direction:rtl ; font-weight:bold ; width:220px}
.tish { font-size : 110%;position: rlative;background-color:lightgrey;text-align:right; direction:rtl ; font-weight:bold ; width:220px}

.till {font-size : 120%;position: rlative;background-color:lightgrey;text-align:right; direction:rtl;}

.s { font-size : 110%;text-align:left;direction:rtl}
.sh { font-size : medium;text-align:left ;direction:rtl}
.logoh {text-align : center; line-height : 100%;font-size : small;}

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

.logo1 {text-align : center; margin-right:400px; line-height : 100%;font-size : small;}

.news { font-size : medium;line-height : 150%;text-align : justify;direction:rtl;}
#news5 { font-size : medium;line-height : 150%;text-align : justify;direction:rtl;}
#news6 { font-size : medium;line-height : 150%;text-align : justify;direction:rtl;}

.newsa { font-size : small;line-height : 150%;text-align : justify;direction:rtl;}

.newsh { font-size : medium;line-height : 150%;text-align : justify;direction:rtl;}
#newsh5 { font-size : medium;line-height : 150%;text-align : justify;direction:rtl;}
#newsh6 { font-size : medium;line-height : 150%;text-align : justify;direction:rtl;}

.newsha { font-size : small;line-height : 150%;text-align : justify;direction:rtl;}

.newsc { font-size : 120%;text-align : center;direction:rtl;}

.newsd { font-size : 130%; position: rlative;;text-align : center;direction:rtl;}

.newsdh {font-size : 130%; position: rlative; text-align:center; direction: rtl;}

.newslh {font-size : 250% ;text-align : center;direction:rtl;}

.newsl { font-size :250% ;text-align : center;direction:rtl;}


.im {text-align:center;margin:1px;}

.newshl { font-size : medium;line-height : 150%;text-align : justify;direction : left;}
.tc { font-size : 130%; position: rlative; color:red; text-align:center; direction: rtl;}
.tc1 { font-size : 130%; position: rlative; color:red; text-align:center; direction: rtl;}