body {
margin-right : auto;
margin-left : auto;
padding : 0;
font-family:'El Messiri',sans-serif;
font : 76% 
background-image: url(http://enjoycss.com/bg-img/default/9_1.png); color: black;
background-attachment: fixed;
}


#box {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;
box-sizing:content-box;
width : 1150px;
margin-right : auto;
margin-left : auto;
line-height : 1.8em;
padding : 1px;
margin-top : 0;
position : relative;
border:0;
font:normal 16px/1 "Times New Roman",Times,serif;
color:rgba(255,255,255,1);
text-align:center;-o-text-overflow:ellipsis;
text-overflow:ellipsis;
background:url("https://i.imgur.com/UXN4XIa.png");
background-position:50% 50%;-webkit-background-origin:padding-box;
background-origin:padding-box;-webkit-background-clip:border-box;
background-clip:border-box;-webkit-background-size:auto auto;
background-size:auto auto;-webkit-box-shadow:3px 3px 18px 3px rgba(40,40,40,1);
box-shadow:3px 3px 18px 3px rgba(40,40,40,1)}

#title {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;
width:1150px;
border:0;
color:rgba(255,255,255,1);
text-align:center;-o-text-overflow:ellipsis;
text-overflow:ellipsis;background:url("http://enjoycss.com/bg-img/default/9_1.png");
background-position:50% 50%;-webkit-background-origin:padding-box;
background-origin:padding-box;-webkit-background-clip:border-box;
background-clip:border-box;-webkit-background-size:auto auto;
background-size:auto auto;-webkit-box-shadow:3px 5px 20px 4px rgba(0,0,0,1);
box-shadow:3px 5px 20px 4px rgba(0,0,0,1)}

#title h1 {
background-color : inherit;
color : #9a3466;
letter-spacing : 5px;
font-size : 180%;
text-align : right;
margin : 0 30px 0 0;
padding-top : 5px;
font-family:'Jomhuria',cursive;
}

#header {
background-color : #B6BB82;
color : #000;
width : 1150px;
height : 383px;
margin : 0;
padding : 0;
}

.container {
-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;
border:1px solid #008000;border:0;color:rgba(255,255,255,1);
text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;
background:url("http://enjoycss.com/bg-img/default/7_4.png");
background-position:50% 50%;-webkit-background-origin:padding-box;
background-origin:padding-box;-webkit-background-clip:border-box;
background-clip:border-box;-webkit-background-size:auto auto;
background-size:auto auto;-webkit-box-shadow:2px 2px 10px 2px rgba(0,0,0,1);box-shadow:2px 2px 10px 2px rgba(0,0,0,1)}

#navCircle {
margin : 0;
padding : 0 0 20px 20px;
}

#navCircle li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
font-family: 'Tajawal', sans-serif;
}

#navCircle a:link, #navCircle a:visited {
background : inherit;
color : #9a3466;
float : center;
font-size : 14px;
line-height : 12px;
font-weight : bold;
padding : 0 20px 15px 20px;
text-decoration : none;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
background : inherit;
color : #000;
background : url(https://i.imgur.com/civtx6A.gif) no-repeat bottom center;
}

#main {
padding : 1px;
margin : 0;
float : left;
text-align : center;
width : 1150px;
font-family:'El Messiri',sans-serif;
color: rgb(0, 0, 153);
background:url("http://enjoycss.com/bg-img/default/11_6.png");
background-position:50% 50%;-webkit-background-origin:padding-box;
background-origin:padding-box;-webkit-background-clip:border-box;
background-clip:border-box;-webkit-background-size:auto auto;
background-size:auto auto;-webkit-box-shadow:2px 2px 10px 2px rgba(0,0,0,1);
box-shadow:2px 2px 10px 2px rgba(0,0,0,1)}
}

#main p {
width:1150px;
padding : 1px;
margin : 0;
background:url("http://enjoycss.com/bg-img/default/11_6.png");
background-position:50% 50%;-webkit-background-origin:padding-box;
background-origin:padding-box;-webkit-background-clip:border-box;
background-clip:border-box;-webkit-background-size:auto auto;
background-size:auto auto;-webkit-box-shadow:2px 2px 10px 2px rgba(0,0,0,1);
box-shadow:2px 2px 10px 2px rgba(0,0,0,1)}

#main h1 {
padding : 5px;
margin : 10px 30px 0 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
border-top : 1px dashed #9a3466;
border-bottom : 1px dashed #9a3466;
background : inherit;
color : #000;
}

#right-menu {
width : 258px;
margin : 0 0 0 620px;
border-left : 1px solid #eee;
padding-left : 10px;
background-color: #D1DF8E;
}
#right-menu h1 {
margin: 0;
background: inherit inherit inherit inherit center top;
text-transform: uppercase;
font-size: 18px;
line-height: 1em;
color: #561d39;
text-decoration: blink;
}

.sideheader {
height:30px;
color : #f5f5f5;
font-family: 'Jomhuria', cursive;
background : transparent url(https://i.imgur.com/xjmrAGd.gif) no-repeat;
letter-spacing : 3px;
font-size : 110%;
text-align : center;
text-transform : uppercase;
margin : 0;
padding : 3px;
}

.news {
font-size : 10px;
background-color : inherit;
color : #666;
}

#footer {
width : 1150px;
clear : both;
color : #F01B75;
padding-top : 10px;
border-top : 1px solid #eee;
margin : 0;
text-align : center;
font-family: 'Anton', sans-serif;
background-color:gold;
background:url("http://enjoycss.com/bg-img/default/11_5.png");
background-position:50% 50%;-webkit-background-origin:padding-box;
background-origin:padding-box;-webkit-background-clip:border-box;
background-clip:border-box;-webkit-background-size:auto auto;
background-size:auto auto;-webkit-box-shadow:2px 2px 10px 2px rgba(0,0,0,1);
box-shadow:2px 2px 10px 2px rgba(0,0,0,1)}

#footer a:link, #footer a:visited {
color : #F01B75;
}

#footer a:hover {
border-bottom : 1px dashed #000;
text-decoration : none;
}

.myborder {
border : none;
padding : 5px;
}

.zoomeffect img{
border : 2px solid #000;
padding : 3px;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
}

.zoomeffect img:hover{
-webkit-transform:scale(2.1);
-moz-transform:scale(2.1);
-o-transform:scale(2.1);
opacity: 2;
}

a:link, a:visited {
background-color : inherit;
color : #9C3163;
text-decoration : none;
}

a:hover {
background-color : inherit;
text-decoration : none;
color : #333;
}

div.scroll {
border: 1px solid black;
margin: 25px 0;
padding: 1ex;
overflow: auto;
width: 180px;
color: #003333;
height: 9em;
background-color: #DDEB96;
text-align: center;
font-family: 'Jomhuria', cursive;
}

blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
font-family: 'Tajawal', sans-serif;
background-color : #66cccc;
}

#maindT1 {padding : 1px;margin : 0;float : left;text-align : center;width : 1150px;font-family:'El Messiri',sans-serif;background:url("https://i.imgur.com/lMz7vIc.png");background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:3px 3px 18px 3px rgba(40,40,40,1);box-shadow:3px 3px 18px 3px rgba(40,40,40,1)}
#maindT2 {padding : 1px;margin : 0;float : left;text-align : center;width : 1150px;font-family:'El Messiri',sans-serif;background:url("https://i.imgur.com/dqi4Rsh.png");background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:3px 3px 18px 3px rgba(40,40,40,1);box-shadow:3px 3px 18px 3px rgba(40,40,40,1)}
#maindT3 {padding : 1px;margin : 0;float : left;text-align : center;width : 1150px;font-family:'El Messiri',sans-serif;background:url("https://i.imgur.com/UXN4XIa.png");background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:3px 3px 18px 3px rgba(40,40,40,1);box-shadow:3px 3px 18px 3px rgba(40,40,40,1)}
#maindT4 {padding : 1px;margin : 0;float : left;text-align : center;width : 1150px;font-family:'El Messiri',sans-serif;background:url("https://i.imgur.com/MokexLj.png");background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:3px 3px 18px 3px rgba(40,40,40,1);box-shadow:3px 3px 18px 3px rgba(40,40,40,1)}
#maindT5 {padding : 1px;margin : 0;float : left;text-align : center;width : 1150px;font-family:'El Messiri',sans-serif;background:url("https://i.imgur.com/D5QN40t.png");background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:3px 3px 18px 3px rgba(40,40,40,1);box-shadow:3px 3px 18px 3px rgba(40,40,40,1)}
#maindT6 {padding : 1px;margin : 0;float : left;text-align : center;width : 1150px;font-family:'El Messiri',sans-serif;background:url("https://i.imgur.com/3mmNsUg.png");background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:3px 3px 18px 3px rgba(40,40,40,1);box-shadow:3px 3px 18px 3px rgba(40,40,40,1)}
#maindT7 {padding : 1px;margin : 0;float : left;text-align : center;width : 1150px;font-family:'El Messiri',sans-serif;background:url("https://i.imgur.com/wuIK12G.png");background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:3px 3px 18px 3px rgba(40,40,40,1);box-shadow:3px 3px 18px 3px rgba(40,40,40,1)}

#maindT1 p {
padding : 0 20px 0 15px;
}
#maindT1 h1 {
padding : 5px;
margin : 10px 30px 0 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
border-top : 1px dashed #9a3466;
border-bottom : 1px dashed #9a3466;
background : inherit;
color : #000;
}

#maindT2 p {
padding : 0 20px 0 15px;
}
#maindT2 h1 {
padding : 5px;
margin : 10px 30px 0 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
border-top : 1px dashed #9a3466;
border-bottom : 1px dashed #9a3466;
background : inherit;
color : #000;
}

#maindT3 p {
padding : 0 20px 0 15px;
}
#maindT3 h1 {
padding : 5px;
margin : 10px 30px 0 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
border-top : 1px dashed #9a3466;
border-bottom : 1px dashed #9a3466;
background : inherit;
color : #000;
}

#maindT4 p {
padding : 0 20px 0 15px;
}
#maindT4 h1 {
padding : 5px;
margin : 10px 30px 0 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
border-top : 1px dashed #9a3466;
border-bottom : 1px dashed #9a3466;
background : inherit;
color : #000;
}

#maindT5 p {
padding : 0 20px 0 15px;
}
#maindT5 h1 {
padding : 5px;
margin : 10px 30px 0 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
border-top : 1px dashed #9a3466;
border-bottom : 1px dashed #9a3466;
background : inherit;
color : #000;
}

#maindT6 p {
padding : 0 20px 0 15px;
}
#maindT6 h1 {
padding : 5px;
margin : 10px 30px 0 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
border-top : 1px dashed #9a3466;
border-bottom : 1px dashed #9a3466;
background : inherit;
color : #000;
}

#maindT7 p {
padding : 0 20px 0 15px;
}
#maindT7 h1 {
padding : 5px;
margin : 10px 30px 0 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
border-top : 1px dashed #9a3466;
border-bottom : 1px dashed #9a3466;
background : inherit;
color : #000;
}

#right-twity {
text-align: left; 
width: 300px; 
background-color: rgb(104, 147, 212);
height: 350px;
margin : 0 0 0 620px;
border-left : 1px solid #eee;
}

#right-twity h1 {
margin: 0;
background: inherit inherit inherit inherit center top;
text-transform: uppercase;
line-height: 1em;
}

.sidetwity {
font-family: 'Jomhuria', cursive;
background-color: rgb(104, 147, 212);
font-size : 110%;
text-align : center;
text-transform : uppercase;
margin : 0;
padding : 2px;
}

.tablinkar {
background-color:#ff1493;color:white;
float:center;
border:0;
outline:0;
cursor:pointer;
padding:14px 16px;
font-family:'Jomhuria',cursive;
font-size:22px;width:16%}

.tablinkar:hover{
background-color:#ff5bb3}

.Arcontent{
color:white;
display:none;padding:100px 20px;
height:100%
}

#ArFilm1{background-color:Blue}
#ArFilm2{background-color:BlueViolet}
#ArFilm3{background-color:Brown}
#ArFilm4{background-color:CadetBlue}
#ArFilm5{background-color:Chocolate}
#ArFilm6{background-color:Coral}
#ArFilm7{background-color:CornflowerBlue}
#ArFilm8{background-color:Crimson}
#ArFilm9{background-color:DarkCyan}
#ArFilm10{background-color:DarkGoldenRod}
#ArFilm11{background-color:DarkGreen}
#ArFilm12{background-color:DarkMagenta}
#ArFilm13{background-color:DarkOrange}
#ArFilm14{background-color:DarkOrchid}
#ArFilm15{background-color:DarkRed}
#ArFilm16{background-color:DarkSlateBlue}
#ArFilm17{background-color:DarkSlateGray}
#ArFilm18{background-color:DarkTurquoise}
#ArFilm19{background-color:DarkViolet}
#ArFilm20{background-color:DeepPink}
#ArFilm21{background-color:DeepSkyBlue}
#ArFilm22{background-color:DodgerBlue}
#ArFilm23{background-color:FireBrick}
#ArFilm24{background-color:ForestGreen}
#ArFilm25{background-color:Gold}
#ArFilm26{background-color:GoldenRod}
#ArFilm27{background-color:Green}
#ArFilm28{background-color:GreenYellow}
#ArFilm29{background-color:HotPink}
#ArFilm30{background-color:IndianRed}
#ArFilm31{background-color:LightSeaGreen}
#ArFilm32{background-color:Maroon}