body {
margin-right : auto;
margin-left : auto;
padding : 0;
font-family:'El Messiri',sans-serif;
font : 76% 
background-image: url('http://i.imgur.com/Um6OUKC.jpg');
background-attachment: fixed;
}

#box {
width : 820px;
margin-right : auto;
margin-left : auto;
line-height : 1.8em;
padding : 1px;
margin-top : 0;
position : relative;
background-image: url('http://i.imgur.com/OlwQ4LM.jpg');
}
#title {
background : #A9B573;
color : #fff;
width : 820px;
margin : 0;
padding : 0;
height : 35px;
}
#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 : 820px;
height : 302px;
margin : 0;
padding : 0;
}
.container {
width : 820px;
padding-top : 10px;
margin : 0;
background-color: #C7CC8D;
}
#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 : 620px;
font-family:'El Messiri',sans-serif;
background-color: #EAF99F;
}
#main p {
padding : 0 20px 0 15px;
}
#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 : 200px;
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;
}
#right-navlist {
background-color : inherit;
color : #333;
width : 95%;
line-height : 1.8em;
margin : 15px 0 5px 10px;
padding : 0;
list-style-type : none;
}
#right-navlist a {
display : block;
width : 95%;
text-decoration : none;
background : url(https://i.imgur.com/civtx6A.gif) no-repeat right;
background-color : inherit;
color : #000;
}
#right-navlist a#current, #right-navlist a:hover {
text-decoration : none;
background-color : inherit;
color : #333;
background-image : url(https://i.imgur.com/ZDMm7Wk.gif);
}
.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 : 820px;
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;
}
#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;
}

#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}