body { width:100%; margin:0; padding:0; font-family:Naskh; }

.row-00 { width:100%; margin:0; height:auto; box-sizing:border-box; }
.row-05 { width:90%; margin:auto; height:auto; box-sizing:border-box; }
.row-10 { width:80%; margin:auto; height:auto; box-sizing:border-box; }

.bgc-dg {background-color:darkseagreen;}
.bgc-lg {background-color:lightgray;}
.bgc-g  {background-color: gray;}
.bgc-dg {background-color:darkgray;}

.bgc-c { background-color:darkcyan; }
.bgc-w { background-color:white; }

/* -----  Text Properties ----- */
.flt-l { float:left; }
.flt-r { float:right;}
.dir-r { direction:rtl; }
.dir-l { direction:ltr; }

.cnt {text-align:center;}
.txt-c { text-align:center;}
.txt-l { text-align: left; }
.txt-r { text-align:right; }
.txt-j { text-align:justify; }



/* -----  fonts Properties ----- */
.N16 { font-family:Naskh; font-size:16px; }
.N18 { font-family:Naskh; font-size:18px; }
.N20 { font-family:Naskh; font-size:20px; }
.N22 { font-family:Naskh; font-size:22px; }
.N24 { font-family:Naskh; font-size:24px; }
.N26 { font-family:Naskh; font-size:26px; }
.N28 { font-family:Naskh; font-size:28px; }
.N30 { font-family:'Adobe نسخ'; font-size:30px; }
.N32 { font-family:Naskh; font-size:32px; }

.H26 { font-family:Hasns; font-size:30px; }
.H28 { font-family:Hasns; font-size:30px; }
.H30 { font-family:Hasns; font-size:30px; }
.H32 { font-family:Hasns; font-size:32px; }

.M30 { font-family:Mohnd; font-size:30px; }

.S14 { font-family:sans-serif; font-size:14px; }
.S16 { font-family:sans-serif; font-size:16px; }
.S18 { font-family:sans-serif; font-size:18px; }
.S20 { font-family:sans-serif; font-size:20px; }
.S22 { font-family:sans-serif; font-size:22px; }
.S24 { font-family:sans-serif; font-size:24px; }
.S26 { font-family:sans-serif; font-size:26px; }
.S28 { font-family:sans-serif; font-size:28px; }
.S30 { font-family:sans-serif; font-size:30px; }
.S32 { font-family:sans-serif; font-size:32px; }
.S42 { font-family:sans-serif; font-size:42px; }

.S60 { font-family:sans-serif; font-size:55px; font-weight:800; text-shadow:4px 4px #3c3232;}

.Lhi-07 { line-height:0.7;}
.Lhi-12 { line-height:1.2;}
.Lhi-15 { line-height:1.5;}
.Lhi-20 { line-height:2.0;}
.Lhi-25 { line-height:2.5;}
.Lhi-30 { line-height:3.0;}


/* --  Boxes and Borders Properties -- */
.brd-g {border:1px solid gray; }
.brd-b {border:1px solid Black; }
.brd-r {border:1px solid Red; }
.brd-L {border:1px solid lightgray;}
.brd-c {border:1px solid darkcyan;}

.brd-n {border:none;}

.rud-5  { border-radius:5px;}
.rud-7  { border-radius:7px;}
.rud-10 { border-radius:10px;}
.rud-12 { border-radius:12px;}
.rud-15 { border-radius:15px;}
.rud-25 { border-radius:25px;}
.rud-50 { border-radius:50px;}
.rud-C { border-radius:100px;}
.dBlk { display:block;}
.bzbb { box-sizing:border-box;}
.bzcb { box-sizing:content-box;}

.clr-c { color: darkcyan; }
.clr-w { color: white; }
.clr-r { color: red; }
.clr-b { color:black; }
.clr-o { color:darkorange; }

.pdl-5  {padding-left:5px;}
.pdl-10 {padding-left:10px}
.pdl-15 {padding-left:15px}


 #myMenu ul li {border:1px dotted Black; border-radius:7px; height:100%; margin:0 5px; list-style:none; display:inline-block; direction:rtl; height:60px;}
 #myMenu ul li a {font-family:Naskh; font-size:28px; text-decoration:none; text-align:center; margin-top:0; padding:0 16px; line-height:60px; color:black;}
 #myMenu ul li a:hover { background-color:lightblue; border-radius:7px; color:black; }


.myNav {width:100%; direction:rtl;}
.myNav ul {height:80px; background-color:darkcyan; margin:0; padding:0;}
.myNav ul li {list-style:none; display:inline-block; }
.myNav ul li a {padding:0 22px; text-decoration:none; text-align:center; color:black; line-height:80px; font-size:26px; font-family:Naskh;}
.myNav ul li a:hover { color:black; }
.myNav ul li:hover { background-color:lightgrey; }