@font-face {
  font-family: "MyFontN";
  src: url("fonts/dinnextltarabic-regular.eot");
  src: local("DIN Next LT Arabic."),
    url("fonts/dinnextltarabic-regular.woff") format("woff"),
    url("fonts/dinnextltarabic-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyFontB";
  src: url("fonts/dinnextltarabic-bold.eot");
  src: local("DIN Next LT Arabic."),
    url("fonts/dinnextltarabic-bold.woff") format("woff"),
    url("fonts/dinnextltarabic-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    outline:none;
	text-decoration: none;
	background: transparent;	
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
text-decoration:none;
color:inherit;
}

*{
	margin: 0px;
	padding: 0px;
}
body{
	background-color:#eee;
	width:100%;
	height:100%;	
	direction: rtl;
}
p.clear{
clear:both;
height:0;
margin:0;
padding:0;
}



#wrapper{ height:100%; width:100%; }

/* #wrapperpic{ background-image: url("images/backpic.png"); background-repeat: no-repeat; background-position:center; height:800px; width:100%; } */
#wrapperpic{
    background-image: url("images/backpic.png");
    background-repeat: no-repeat;
    background-position: 0px -150px;
    height: 800px;
    background-size: 100%;
    width: 100%;
}
#Ellipse{ background-image: url("images/Ellipse.png"); background-repeat: no-repeat; background-position:center; height:200px; position:relative; display:block; margin-right:auto; margin-left:auto; opacity: 0.9; }
#logo{ background-image: url("images/logo.png"); background-repeat: no-repeat; background-position:center; height: 150px; margin-right: auto; margin-left: auto;}
#logo a { display: block; position: static; height: 150px; margin-right: auto; margin-left: auto; width: 320px; border-radius: 180px 180px 0px 0px;}

#movement{ font-family:"MyFontN", adobe arabic; font-size: 18pt; text-align: center; color:#314459;}
#brigades{ font-family:"MyFontN", adobe arabic; font-size: 11pt; color:#314459; text-align: center;	padding-top: 5px;}

#innerwrapper{ width:1000px; height:100%; display:block; margin-right:auto; margin-left:auto;}

#latestnews{overflow: hidden;position: relative; width:998px; height:33px; border:1px solid #eee; background-color:white; opacity: 0.9;}
#latestnewstitle{ height: 35px; width: 130px; background-image: url("images/latestnews.png"); background-repeat: no-repeat; background-position: right; float: right; font-family: MyFontN; font-size: 15pt; line-height: 30px; color: #fff; padding: 0 10px; margin-left: -20px; margin-right: -1px; margin-top: -1px;}
#latestnews a{ font-size: 13pt; line-height: 30px; font-family: "MyFontN", arial; padding-right: 0px; color: #5e5f61; max-width: 600px;}
#latestnews a:hover{ color:#2e8ece; font-family: "MyFontB", arial; font-weight:bold; text-shadow: 1px 1px 0 #CFCFCF;}
#latestnews a:active{ color:red; }

#menu{ height:43px; background-color:#414c5c; opacity: 0.95; border-bottom: 2px solid black; } 
#menulist { list-style: none; margin: 0px 25px 0 0; font-family: "MyFontN"; font-size: 14pt; line-height: 40px; color: #fff; width: 100%; }
#menulist a.selected { color:orange; }
#menulist > li  { position:relative; margin-left:17px; display: inline-block; }
#menulist > li :hover  { background-color: #fff; color: #000; display: block; height: 43px; cursor:pointer;}
#menulist > li > ul   { display: none; color: #00ECFF; position: absolute; right: -25px; top: 43px; width: 120px; background: #34495e; font-size:12pt; }
#menulist > li:hover > ul  { display:block; }
#menulist > li > ul > li  { height: 40px; line-height: 24px; text-indent: 10px; width: 130px; display:block; }
#menulist > li > ul > li  :hover { background-color:white; }
#menulist > li > ul > li a  { color: #FFF; width: 100%; height: 100%; display: block; background: #34495e; }

#adv1{ width:1000px; height:140px; display:block; margin-top: 5px; }
#adv1 img { width:1000px; height: 140px; padding:0; clear:both; margin-right: auto; margin-left: auto; display: block; max-width: 1000px; max-height: 140px;}

#news{ width:100%; margin-top: 5px; float:right; /*height:1980px;*/ margin-bottom:10px;}

#rightsection { width:662px; height:1980px; margin-left: 18px; float:right; }
	
#slider {overflow: hidden; position: relative ;width:662px; height:350px; margin-left: 18px; float:right; margin-bottom: 10px; }
#slider img{
height: 100%;
    position: absolute;
    right: 220px;
    top: 0;
    width: 442px;
    z-index: 0;
}
#slider ul {
position: absolute;
right:0;
top:0;
z-index: 1;
width:252px;
-webkit-transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
   -moz-transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
     -o-transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
        transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */

-webkit-transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   -moz-transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     -o-transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */
}
#slider ul li{
	height: 87px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,34495e+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(52,73,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(52,73,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(52,73,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(52,73,94,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(52,73,94,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(52,73,94,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#34495e',GradientType=1 ); /* IE6-9 */
}
#slider ul li a{
	font-family: "MyFontB";
	color: #fff;
	font-size: 11pt;
    line-height: 21px;
    padding-right: 11px;
    padding-top: 7px;
    width: 80%;
    display: block;
    text-shadow: 1px 1px 1px #000;
}
#slider ul li:hover a{
	color: #34495e;
text-shadow: 1px 1px 1px #fff;
}
#slider ul li:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#slider .navigation{
	/*position: absolute;
	bottom:14px;
	left:17px;*/
}

#slider .navigation .up{
	background-image: url('images/up-arrow.png');
	width:22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	bottom:41px;
	left:17px;
}

#slider .navigation .down{
	background-image: url('images/down-arrow.png');
	width:22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	bottom:14px;
	left:17px;
}

#movmentnews { width: 662px; height: 444px; background-color:#fff; float:right; margin-bottom: 9px; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; }
#movmentnewsmenu { height:34px ; background-color:#e9e9e9 ; color: #34495e; font-family: "MyFontN", arial; font-weight: normal; font-size: 14pt; line-height: 32px; padding-right: 15px;}
#movmentnewstitle { width: 20%; float: right; font-family: "MyFontB"; }
#movmentnewstitle :hover {color:#2e8ece;}
#movmentlist { list-style: none; margin-right: 200px; font-family: "MyFontN"; font-size: 12pt; overflow:hidden; height: 34px;}
#movmentlist > li  { position:relative; margin-left:10px; display: inline-block; }
#movmentlist > li:hover {color:#2e8ece; border: 1px solid; text-align: center; height: 24px; line-height: 20px;}
#movmentlist > li:active {color:#2e8ece; border: 1px solid; text-align: center; height: 24px; line-height: 20px;}

#firstnew { height:232px; width: 660px; overflow:hidden; margin-bottom: 10px;}
#firstnewpic { overflow: hidden; display: block; float: right; margin: 8px 10px 5px 5px; border: 1px solid #c2c2c2;}
#firstnewpic img { max-width: 320px; width: 320px; height: 220px; max-height: 220px;}
.h1title {color: #34495e;font-family:"MyfontN";font-size:14pt;text-align:justify; float: right; width: 303px; padding:2px 10px 17px 10px; height:auto; overflow: hidden; line-height: 22px }
.h1title:hover { color:#2e8ece;}
#firstnew p { font-family: "MyFontN"; font-size: 12pt; color: #5e5f61; text-align: justify; float: right; padding: 0px 10px 10px 5px; width: 300px;  line-height: 18px; }
#firstnew p::selection { background-color:#FFDEAD;}
.movmentnewsec { width: 662px; height: 173px; float:right; overflow:hidden; font-family: "MyFontN"; font-size: 12pt; color: #5e5f61; text-align: justify; }
.movmentnewsec ul { float:right; list-style:none; }
.movmentnewsec ul > li { width: 329px; height: 82px; float:right; border: 1px solid #dcdcdc; }
#movmentnewsecpic { width: 105px; height: 63px; float: right; overflow: hidden; margin: 10px; border: 1px solid #c2c2c2;}
#movmentnewsecpic img { max-height: 63px; max-width:105px; height:63px; width:105px;}
.movmentnewsec  ul > li  h1 { padding-top: 7px; padding-left: 10px; line-height: 18px; overflow: hidden; height: 57px;}
.movmentnewsec ul > li :hover ~ #newsdatetime{ color:red !important; }
.movmentnewsec ul>li:hover {color:#2e8ece !important;}
#newsdatetime{ float: left; direction: rtl; font-size: 7pt; padding: 0 0 0 10px; }

#newssection { width: 660px; height: 293px; background-color:#f0f0f0; float:right; margin-bottom: 10px; border: 1px solid #c2c2c2; }
#newssectionmenu { height:34px ; background-color:#fff ; color: #34495e; font-family: "MyFontN", arial; font-weight: normal; font-size: 14pt; line-height: 32px; padding-right: 15px;}
#newssectiontitle { width: 55%; float: right; font-family: "MyFontB"; }
#newssectiontitle :hover {color:#2e8ece;}
#newssectionlist { list-style: none; margin-right: 200px; font-family: "MyFontN"; font-size: 12pt; overflow:hidden; height: 34px;}
#newssectionlist > li  { position:relative; margin-left:10px; display: inline-block; }
#newssectionlist > li:hover {color:#2e8ece; border: 1px solid; text-align: center; height: 24px; line-height: 20px;}
#newssectionlist > li:active {color:#2e8ece; border: 1px solid; text-align: center; height: 24px; line-height: 20px;}

.newsimage { overflow: hidden; display: block; float: right; }
.newsimage img {max-height: 260px; max-width:350px; height: 260px; width:350px;}

.newsbox { height: 260px; float:right; width: 310px; background:yellow;}

.mininewsbox { height:65px; color: #34495e; font-family:"MyFontN", arial;}
.mininewsbox a{ font-family:"MyFontN"; font-size:11pt; line-height: 22px;}
.mininewsbox a:hover { color: #34495e; font-weight: bold; }
.mininewsbox:hover>.miniboxh{ display: block !important; }
.newsdark {background-color:#e3e3e3;}
.newsbright {background-color:#f0f0f0;}
.mininewsboxcontent{ padding: 10px 20px 15px 20px; height: 34px; overflow: hidden; text-align: justify; }
.miniboxh { width: 10px; background-color: #2e8ece; height: 65px; float: right; display: none; }

#adv4 { width:662px; height:85px; display:block; margin-bottom:10px; float:right; }
#adv4 img { width:662px; height:85px; max-width: 662px; max-height:85px; }  

#persons { width: 662px; height: 420px; display: block; float: right; margin-bottom: 10px;}
.layer { width: 320px; background-color: black; height: 40px; display: block; position: absolute; opacity: 0.5; margin-top: 180px;}

#martyrs { width:320px; height:418px; background:#fff; display:block; float:right; margin-left: 18px; border: 1px solid #c2c2c2;}
.martyrstitle { width: 305px; height:34px; background-color:#ed3238; color: #fff; font-family:"MyFontN", arial; font-weight:normal; font-size: 14pt; line-height: 27px; padding-right: 15px; }
.martyrstitle a:hover{ color:#34495e; font-family: "MyFontN", arial; font-weight:noraml; }
.martyrstitle a:hover ~ .plus { color:#34495e !important;}
.martyrstitle a:active{ color:blue;}
.martyrname { position: absolute; text-align: center; width: 320px; margin-top: 185px; color:#fff; font-family: "MyFontN"; font-size: 14pt; z-index:5;}
.martyrpic{ width: 320px; height: 220px; display: block; overflow:hidden;}
.martyrpic img { max-width: 320px; width: 320px; height: 220px; max-height: 220px;}
.martyrpic:hover>.martyrname{ color:#ed3238 !important; }
.martyrpic:hover>.layer{ opacity:1 !important; }
.martyrsnews { height:98px; width:148px; float:right; display:block; border: 1px solid #c2c2c2; margin:5px;}
.martyrsnews img { height: 98px; max-height:98px; width: 148px; max-width:148px; }
.martyrsnews:hover>.martyrssname{ color:#ed3238 !important; }
.martyrssname { font-family: "MyFontN"; font-size: 11pt; color: #5e5f61; margin-top: 10px; display: block; width: 150px; line-height: 20px; height: 47px; overflow: hidden; }

#captives { width:320px; height:418px; background:#fff; display:block; float:right; border: 1px solid #c2c2c2;}
.captivestitle { width: 305px; height:34px; background-color:#00a85a; color: #fff; font-family:"MyFontN", arial; font-weight:normal; font-size: 14pt; line-height: 27px; padding-right: 15px; }
.captivestitle a:hover{ color:#34495e; font-family: "MyFontN", arial; font-weight:noraml; }
.captivestitle a:hover ~ .plus { color:#34495e !important;}
.captivestitle a:active{ color:blue;}
.captivename { position: absolute; text-align: center; width: 320px; margin-top: 185px; color:#fff; font-family: "MyFontN"; font-size: 14pt; z-index:5;}
.captivepic{ width: 320px; height: 220px; display: block; overflow:hidden;}
.captivepic img { max-width: 320px; width: 320px; height: 220px; max-height: 220px;}
.captivepic:hover>.captivename{ color:#00a85a !important; }
.captivepic:hover>.layer{ opacity:1 !important; }
.captivesnews { height:98px; width:148px; float:right; display:block; border: 1px solid #c2c2c2; margin:5px;}
.captivesnews img { height: 98px; max-height:98px; width: 148px; max-width:148px; }
.captivesnews:hover>.captivesname{ color:#00a85a !important; }
.captivesname { font-family: "MyFontN"; font-size: 11pt; color: #5e5f61; margin-top: 10px; display: block; width: 150px; line-height: 20px; height: 47px; overflow: hidden; }

#videoalbums {height:195px; width:660px; background:#1370af; display:block; float:right; margin-bottom: 10px; border: 1px solid #c2c2c2;}
.videoalbumstitle { background-color:#2586c7; width: 50px; height: 195px; float:right;}
.videoalbumstitle a { float: right; width: 195px; text-align: center; margin: 0px 35px 0px 0px; height: 50px; line-height: 20px; font-family: "MyFontN"; font-size: 14pt; color: #fff;
	transform: rotate(270deg); transform-origin: top right 0;
    -ms-transform: rotate(270deg); /* IE 9 */
    -ms-transform-origin: top right 0; /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: top right 0; /* Chrome, Safari, Opera */}
.videoalbumstitle a:hover {color:black;}

#videoscontainer { height: 195px; width: 610px; margin-right: 50px; overflow:hidden; font-family: "MyFontN"; font-size: 12pt; color: #5e5f61; text-align: justify}
#videoscontainer ul {float:right; list-style:none;}
#videoscontainer ul > li { width: 192px; height: 185px; float:right; margin: 10px 5px; position:relative;}
#videospic { width: 195px; height: 130px; float: right; overflow: hidden;}
#videospic img { max-height: 130px; max-width:195px; height:130px; width:195px; }
#videoscontainer ul > li  h1 { padding-top: 5px; padding-left: 5px; line-height: 20px; overflow: hidden; height: 42px; color: #fff;}
#videoscontainer ul > li :hover { color:#000 !important; }
#videoscontainer ul > li{position: relative;}
#adv5 { width:662px; height:125px; display:block; margin-bottom:10px; float:right; }
#adv5 img { width:662px; max-width: 662px; max-height:125px; height:125px; }  

.videoplay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 19px;
    position: absolute;
    right: 80px;
    top: 45px;
    z-index: 5;
}
#photoalbums {height:330px; width:998px; display: block; float: right; margin-bottom:15px; border: 1px solid #c0c0c0;
background: rgb(207,207,207); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(207,207,207,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(207,207,207,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(207,207,207,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(207,207,207,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(207,207,207,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.photoalbumstitle { background-color:#2586c7; width: 200px; height: 40px; float:right; margin-top: 15px; margin-right: -5px;}
.photoalbumstitle a { float: right; width: 150px; margin: 8px 35px 0px 0px; height: 30px; line-height: 20px; font-family: "MyFontN"; font-size: 14pt; color: #fff;}
.photoalbumstitle a:hover {color:black;}

#photocontainer { height: 270px; width: 978px; margin-right: 20px; overflow:hidden; font-family: "MyFontN"; font-size: 12pt; color: #5e5f61; }
#photocontainer ul {float:right; list-style:none;}
#photocontainer ul > li { width: 230px; height: 250px; float:right; margin: 10px 5px; position:relative; border:1px solid #c7c6c6;}
#photopic { width: 230px; height: 165px; float: right; overflow: hidden;}
#photopic img { max-height: 165px; max-width:230px; height:165px; width:230px; }
#photocontainer ul > li  h1 { padding-left: 5px; line-height: 25px; overflow: hidden; height: 85px; color: #34495e; padding-right: 10px;}
#photocontainer ul > li :hover { color: #fff !important; background:#5e5f61 ; }

#footer { width:100%; height:260px; background-color:#fff; float:right; display:block;} 
#footercontents { width:1000px; height:210px; position:relative; display:block; margin-right:auto; margin-left:auto; overflow:hidden; font-family: "MyFontN"; font-size: 12pt;color: #4c4d4f;}
#footerlists { width: 19%;height: 210px; margin-left: 10px; float: right;}
.footerlistspic {position: absolute; height: 100px; width: 100px; display: block; z-index: 10; margin: 50px 40px;}

#footercontents ul {float:right; list-style:none;width: 180px; margin-top: 20px;}
#footercontents ul > li { width: 180px; height: 10px; float:right; margin: 10px 20px;}
#footercontents a:hover {color:#2e8ece;}

#sociallinks { width:200px; height: 50px; position:absolute; margin-right: 800px; margin-top: 150px;}
#sociallink { height: 50px; width: 50px; margin-right: 20px; overflow:hidden; }
#sociallinks ul {float:right; list-style:none;margin: 0!important;padding: 0 !important;}
#sociallinks ul > li { width: 30px; height: 35px; float:right; margin: 15px 5px !important;}
#sociallinks ul > li:hover {padding-top:5px;}

.rights { height:50px; width:100%; background-color:#34495e; float:right; display:block;} 
.rightscontent {width:1000px; color: #fff;height: 20px; position:relative; display:block; margin-right:auto; margin-left:auto; font-family: "MyFontN"; font-size: 10pt;line-height: 26px;}


/* left section */
#leftsection { width: 318px; height:100%; float:left; border-right: 1px solid #dcdddd; border-left: 1px solid #dcdddd;}

.box { min-height:350px; margin-bottom:10px;}
.boxtitle { width: 303px; height:34px; background-color:#34495e; color: #fff; font-family:"MyFontN", arial; font-weight:normal; font-size: 14pt; line-height: 27px; padding-right: 15px; }
.boxtitle a:hover{ color:#2e8ece; font-family: "MyFontN", arial; font-weight:noraml; }
.boxtitle a:hover ~ .plus { color:red !important;}
.boxtitle a:active{ color:red;}
.plus { font-size: 22pt; margin-top: -2px; margin-left: 10px; float: left;}
.plus a:hover {font-size:24pt !important;}
#minibox { height:78px; color: #5e5f61; font-family:"MyFontN", arial; border-bottom: 1px solid #dcdddd;}
#minibox a{ font-family:"MyFontN"; font-size:11pt; line-height: 20px;}
#minibox a:hover { color:#2e8ece;}
#minibox div:hover ~ #datetime{ color:red !important; }
#minibox div:hover > #pdficon{ height:60px !important;}
#minibox div:hover > #miniboxcontent {color:#2e8ece !important;}

.dark {background-color:#e4eaf0;}
.bright {background-color:#fafbfc;}
#miniboximg { height:66px; width:86px; border: #eee 1px solid; margin: 4px;	display:block; float:right; overflow: hidden;}
#miniboximg img {height: 66px; width: 86px; max-height: 66px; max-width: 86px;}

#datetime{ float: left; direction: rtl; font-size: 7pt; padding: 0 0 0 10px; }
#pdficon { height:27px; width: 22px; background-image: url("images/pdficon.png"); background-repeat: no-repeat; background-position: center;
 float: right; padding-top: 15px; margin-right: 15px; margin-left: 10px;}
#miniboxcontent{ padding: 3px 0px 13px 7px; height: 50px; overflow: hidden; text-align: justify; }

.poliboxtitle { width: 303px; height:34px; background-color:#e74c3c; color: #fff; font-family:"MyFontN", arial; font-weight:normal; font-size: 14pt; line-height: 27px; padding-right: 15px; }
.poliboxtitle a:hover{ color:#2e8ece; font-family: "MyFontN", arial; font-weight:noraml; }
.poliboxtitle a:hover ~ .plus { color:blue !important;}
.poliboxtitle a:active{ color:blue;}

#adv2{ width:318px; height:90px; display:block; margin-bottom:10px; }
#adv2 img { width:318px; height:90px; max-height:90px; max-width: 318px;}

.soundsbox { height:215px; width:318px; margin-bottom:10px;}
.soundsboxtitle { width: 303px; height:34px; background-color:#fff ; color: #007fe0; font-family:"MyFontN", arial; font-weight:normal; font-size: 14pt; line-height: 27px; padding-right: 15px; }
.soundsboxtitle a:hover{ color:blue; font-family: "MyFontN", arial; font-weight:noraml; }
.soundsboxtitle a:hover ~ .more { color:red !important; border: 2px red solid !important; margin-top:3px !important;}
.soundsboxtitle a:active{ color:red;}
.more { font-size: 12pt; margin-left: 10px; float: left; display: block; border: 1px #007fe0 solid; line-height: 18px; height: 23px; margin-top: 5px;
  width: 66px; text-align: center; }
.more:hover {border:2px solid blue !important; margin-top:3px !important;}

#soundscontent { height: 35px; overflow: hidden; text-align: justify;font-family: "MyFontN"; display: block; color: #fff; font-size: 12pt; border-bottom: 1px solid #fff;}
.soundsdark { background-color: #2e8ece; }
.soundsbright{ background-color: #56a5d9; }
#music { height:20px; width: 20px; background-image: url("images/music.png"); background-repeat: no-repeat; background-position: center; background-size: 18px; float: right; padding-top: 15px; margin-right: 10px; margin-left: 10px; }
#musictitle { margin-top: 8px; float: right; height: 55%; overflow: hidden; }
#soundsplayer {    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 80px;}
#soundsplayer div:hover { cursor:pointer;}

.play {  display: block;
    float: right;
    margin-top: 7px;}
.download { margin-top: 10px; float: right; margin-right: 5px; display: block; }
.download img { height: 18px; width: 18px;} 
.pause { display: block;
    float: right;
    margin-right: 5px;
    margin-top: 10px; }
.pause img { height: 18px; width: 18px;}
.stop { display: block;
    float: right;
    margin-right: 5px;
    margin-top: 10px;}
.stop img { height: 18px; width: 18px;}
.soundsactive { background-color: #34495e; padding-top: 3px;}
.musicactive {height: 28px; width: 28px; background-image: url("images/musicactive.png"); background-repeat: no-repeat; background-position: center;
  background-size: 18px; float: right; margin-right: 5px; margin-left: 5px; border: solid 2px ; border-radius: 20px;
    -webkit-border-image: -webkit-linear-gradient(#2e8ece, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image:-o-linear-gradient(#2e8ece, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:-moz-linear-gradient(#2e8ece, rgba(0, 0, 0, 0)) 1 100%; }
	
#adv3 { width:318px; height:450px; display:block; margin-bottom:10px; }
#adv3 img { width:318px; max-width: 318px; height: 450px; max-height: 450px;}  

#kotla { height:420px; width:318px; display:none; float:right; margin-bottom:10px; font-family:"MyFontN"; font-size:14pt; color:#fff;
background: rgb(52,73,94); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NDk1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZThlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(52,73,94,1) 0%, rgba(46,142,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,73,94,1)), color-stop(100%,rgba(46,142,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(52,73,94,1) 0%,rgba(46,142,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(52,73,94,1) 0%,rgba(46,142,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(52,73,94,1) 0%,rgba(46,142,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(52,73,94,1) 0%,rgba(46,142,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34495e', endColorstr='#2e8ece',GradientType=0 ); /* IE6-8 */
}

.kotlatitle { height: 35px; width: 318px; text-align: center; line-height: 50px;}
.kotlalogo { height: 100px; width: 318px;}
.kotlalogo img { display:block; margin-right:auto; margin-left:auto; margin-top:15px; margin-bottom:5px; height:95px; width:98px;}
.kotlacontent { height:270px; width:318px; display:block; float:right;}
.kotlacontentpic {height:192px;width:192px;display:block;border:1px solid #307db2; margin-right:auto; margin-left:auto; margin-top:0px; margin-bottom:10px;}
.kotlacontentpic img { height:190px; width:190px; max-height:190px; max-width:190px;}
.kotlacontenttext {width:318px; height:47px; display:block;}
.kotlacontenttext span { display:block; width:318px; float:right; text-align:center; font-size:12pt;} 
.prev { height:30px; width:30px; display:block; position:absolute; color: #fff; margin-top: 50px; font-size: 30pt; font-family: monospace; margin-right: 5px;}
.next { height:30px; width:30px; display:block; position:absolute; color: #fff; margin-top: 50px; font-size: 30pt; font-family: monospace; margin-right: 290px;}
.prev:hover ,.next:hover {color:red;}

#social { height:170px; margin-bottom:10px; width: 318px; float: right; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; background:#fff; font-family: "MyFontN"; display:block; }
.socialp1 { color:#007fe0; font-size:14pt; margin:20px 20px 10px 0px;} 
.socialp2 { color:#5e5f61; font-size:12pt; margin:0px 20px 10px 0px; }

#mailinglist { font-family: "MyFontN"; height: 150px; margin-bottom:10px; width: 318px; float: right; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; background:#fff; display:none;}

.subscribe input { font-family:"MyFontN" }
.subscribelabel { margin:0px 20px 5px 23px; width:275px; display:block; float:right; background-color:#ebebeb; height:50px; border:none;text-align:center; color:#007fe0;}
.subscribelabel:focus { border: 1px #007fe0 solid; }
.subscribebutton { background-color:#2e8ece; width:100px; height:35px; display:block; float:right; margin-right:195px; border:none; color:#fff; font-size:13pt; }
.subscribebutton:hover { background-color:#34495e; cursor:pointer;}

.rescale {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.rescale:hover{transform:scale(1.5); -ms-transform:scale(1.5); /* IE 9 */ -moz-transform:scale(1.5); /* Firefox */ -webkit-transform:scale(1.5); /* Safari and Chrome */ -o-transform:scale(1.5); /* Opera */ }




/* innerpage */
#articlewrapper { width: 660px; height: 100%; min-height:1980px; margin-left: 18px; float:right; border: 1px solid #c7c7c7; background-color:#fff; font-family: "MyFontN";
 font-weight: normal;}
.articlesubtitle { color:#394b5c; font-size: 14pt; margin: 20px 15px 10px 0px; line-height: 20px;} 
.articletitle {color:#394b5c; font-size: 14pt; font-weight:bold; margin: 0px 15px 15px 0px; line-height: 26px;}
.articleimage { border: 1px solid #c7c7c7; width:630px; height:350px; display:block; margin-right:auto; margin-left:auto; margin-bottom:10px;}
.articleimage img { width:630px; height:350px; max-height:350px; max-width: 630px; }

#dateandsocial {
    display: block;
    height: 25px;
    margin-bottom: 15px;
}
#articledate {
    float: right;
    height: 25px;
    margin-right: 15px;
    width: 170px;
}
#articledate img { margin-top:3px; width: 15px; height: 15px;float: right}
#articledate h1 { font-size: 10pt; line-height: 20px; margin-right: 5px; float: left;color: #666666;}

#articlesocial {
    display: inline-block;
    float: left;
    height: 25px;
    margin-left: 14px;
}
#articlesocial img { height:25px;}
#articlesocial img:hover { cursor:pointer;}

#articlecontent { width:630px; margin-right:15px; height:100%; float:right;}

#randoms { width:180px; display:block; float:right; margin-left: 10px;}
#relatedarticles { width:178px;  float:right; border: 1px solid #c7c7c7; overflow:hidden; color:#3f3f3f; background:#f4f4f4;margin-bottom:5px;}
#relatedarticlestitle {background:#e1ad12; width:178px; height:30px;color:#fff; text-align:center; line-height:24px;}
#relatedarticleslist { width: 158px;  margin-right: 20px; font-size: 10pt; line-height: 20px;}
#relatedarticleslist ul { list-style:none; width: 155px; margin-top: 5px; }
#relatedarticleslist ul > li {list-style-type: disc; list-style-position: outside; margin: 0px 0px 5px 0px;}
#relatedarticleslist a:hover {color:#2e8ece;}

#articlealbum {width:178px; height:158px; float:right; border: 1px solid #c7c7c7; margin-bottom:5px; color:#3f3f3f; background:#f4f4f4; display:block; overflow:hidden;}
.articlealbumtitle {position: absolute; text-align: center; width: 178px; margin-top: 135px; color: #fff; font-family: "MyFontN"; font-size: 10pt; z-index: 5;}
.articlealbumlayer { width: 178px; background-color: black; height: 30px; display: block; position: absolute; opacity: 0.5; margin-top: 128px;}
#articlealbum img {max-width: 178px; width: 178px; height: 158px; max-height: 158px;}
#articlealbum:hover>.articlealbumlayer{ opacity:1 !important; }
#articlealbum:hover>.articlealbumtitle{ color:#ed3238 !important; }


#articlevideo {width:178px; height:158px; float:right; border: 1px solid #c7c7c7; margin-bottom:5px; color:#3f3f3f; background:#f4f4f4;  overflow:hidden;}
.articlevideotitle {position: absolute; text-align: center; width: 178px; margin-top: 135px; color: #fff; font-family: "MyFontN"; font-size: 10pt; z-index: 5;}
.articlevideolayer { width: 178px; background-color: black; height: 30px; display: block; position: absolute; opacity: 0.5; margin-top: 128px;}
#articlevideo img {max-width: 178px; width: 178px; height: 158px; max-height: 158px;opacity: 0.5;}
#articlevideo:hover>.articlevideolayer{ opacity:1 !important; }
#articlevideo:hover>.articlevideotitle{ color:#ed3238 !important; }
.playvideo { position: absolute; opacity: 1 !important; margin-right: 66px; margin-top: 56px; height: 45px !important; width: 45px !important;}



#articletext { display:block;  text-align:justify; color:#696969; line-height:24px; min-height:999px;}
#articletext p{ margin-bottom:10px;} 
#articletext p:hover {color:black;}
#articletext p::selection { background-color:#FFDEAD;}



#comments { width:630px; float:right; margin-bottom:50px; }
#readmore{ height:100%;width: 630px; float:right;}





#readmoretitle { width: 20%; float: right; font-family: "MyFontB"; font-size: 14pt; margin-right: 10px; margin-bottom: 10px;}
#readmoretitle:hover {color:#2e8ece;}

#readmorefirstnew { height:232px; width: 660px; overflow:hidden; margin-bottom: 10px;}
#readmorefirstnewpic { overflow: hidden; display: block; float: right; margin: 8px 10px 5px 5px; border: 1px solid #c2c2c2;}
#readmorefirstnewpic img { max-width: 320px; width: 320px; height: 220px; max-height: 220px;}

#readmorefirstnew p { font-family: "MyFontN"; font-size: 12pt; color: #5e5f61; text-align: justify; float: right; padding: 0px 10px 10px 5px; width: 300px;  line-height: 18px; }
#readmorefirstnew p::selection { background-color:#FFDEAD;}

#readmorenewsec { width: 662px; height: 168px; float:right; overflow:hidden; font-family: "MyFontN"; font-size: 12pt; color: #5e5f61; text-align: justify } 
#readmorenewsec ul { float:right; list-style:none; }
#readmorenewsec ul > li { width: 329px; height: 82px; float:right; border: 1px solid #dcdcdc; }
#readmorenewsecpic { width: 105px; height: 63px; float: right; overflow: hidden; margin: 10px; border: 1px solid #c2c2c2;}
#readmorenewsecpic img { max-height: 63px; max-width:105px; height:63px; width:105px; }
#readmorenewsec ul > li  h1 { padding-top: 7px; padding-left: 10px; line-height: 18px; overflow: hidden; height: 57px;}
#readmorenewsec ul > li :hover ~ #readmorenewsdatetime{ color:red !important; }
#readmorenewsec ul>li:hover {color:#2e8ece !important;}
#readmorenewsdatetime{ float: left; direction: rtl; font-size: 7pt; padding: 0 0 0 10px; }









#albums{ margin-top: 5px; float:right; margin-bottom:10px;}
#albumswrapper { width: 660px; height: 100%; min-height:1972px; margin-left: 18px; float:right; border: 1px solid #c7c7c7; background-color:#fff; font-family: "MyFontN";
 font-weight: normal;}
#albumswrapper h1 { color: #394b5c; font-size: 16pt; font-weight: bold; margin: 15px 15px 15px 0px; line-height: 26px;}
 
#firstalbum {position: relative; width: 630px;float: right; margin-right: 15px; display: block; border-bottom: 1px solid #dcdddd; height: 250px;}
#firstalbum a {color: #000; font-size: 14pt; font-weight: normal; margin: 10px 0px 15px 0px; line-height: 26px;display: block;} 
#firstalbum a:hover { color:#2e8ece;}
#firstalbumpic { overflow: hidden; height:190px; width:270px; float:right;} 
#firstalbumpic a { margin:0px;} 
#firstalbumpic img {height: 190px; width: 270px;}
#firstalbumtext {width:350px;float:right; margin-right:10px; max-height: 170px;    font-size: 11pt;
    line-height: 14pt;}
#firstalbumdatetime{ direction: rtl; font-size: 9pt; display: block;position: absolute;bottom: 10px;left:10px;}
#firstalbum div:hover ~ #firstalbumdatetime{color:red !important;}
#firstalbumtext p { margin-bottom:10px; line-height:20px; font-size:10pt; text-align:justify; color:#5e5f61; }
#firstalbumtext p:hover {color:black;}
#firstalbumtext p::selection { background-color:#FFDEAD;}








#albumslist { width: 630px; float:right; overflow:hidden; font-family: "MyFontN"; font-size: 12pt; color: #5e5f61; min-height:1665px; max-height:1665px;  margin-right: 15px; margin-top: 5px;} 
#albumslist ul { float:right; list-style:none; }
#albumslist ul > li { width: 630px; min-height:140px; border-bottom: 1px solid #dcdddd;}

#albumslist a {color: #000; font-size: 12pt; font-weight: normal; margin: 10px 200px 5px 0px; line-height: 26px;display: block;} 
#albumslist a:hover { color:#2e8ece;}
#albumslistpic { overflow: hidden; height:125px; width:180px; float:right;} 
#albumslistpic a { margin:0px;} 
#albumslistpic img {height: 125px; width: 180px;}
#albumslisttext {width: 430px; margin-right: 200px; }
#albumslistdatetime{ direction: rtl; font-size: 7pt; display: block; margin-top: 8px; margin-right: 200px;}
#albumslisttext p { margin-bottom:10px; line-height:20px; font-size:9pt; text-align:justify; color:#5e5f61; }
#albumslisttext p:hover {color:black;}
#albumslisttext p::selection { background-color:#FFDEAD;}

#albumslist div:hover ~ #albumslistdatetime{color:red !important;}







.hidden{display: none;}
.shown{display: block;}
#articletext > div.content{
    display: inline;}
ul.tsc_pagination { margin:4px 0; padding:0px; height:100%; overflow:hidden; font:12px 'Tahoma'; list-style-type:none;width:280px;margin:5px auto }
ul.tsc_pagination li { float:right; margin:0px; padding:0px; margin-left:5px; }

ul.tsc_pagination li a { color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px; }


ul.tsc_paginationA li a { color:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

ul.tsc_paginationA01 li a { color:#474747; border:solid 1px #B6B6B6; padding:6px 9px 6px 9px; background:#E6E6E6; background:-moz-linear-gradient(top, #FFFFFF 1px, #F3F3F3 1px, #E6E6E6); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #F3F3F3), color-stop(1, #E6E6E6)); }
ul.tsc_paginationA01 li:hover a,
ul.tsc_paginationA01 li.current a { background:#FFFFFF; }
.NewsArchive{
    width:95%;
    margin:auto;
}
.innerwrapper h1 {
    font-size: 14pt;
    line-height: 25pt;
}
.NewsArchive li{
    width:32.3%;
    float: right;
    margin-left: 1%;
    margin-bottom: 20px;
    min-height: 170px;
}
/*
.NewsArchive li:nth-child(2n+1){
    float: right;
    margin-right: 1%;
}
.NewsArchive li:nth-child(2n){
    float: left;
    margin-left: 1%;
}*/
.img{
    max-width: 100%;
	height:150px;
}
.clearfix{clear:both}
.innerwrapper{
    float: right;    font-family: "MyFontN";
    width: 640px;
    padding:15px;
    border: 1px solid #c7c7c7; background-color:#fff;
}
.AlbumText{
	padding:10px;
}
.AlbumDate{
	padding:10px;
	text-align: left;
}
.contact-form{
	padding:15px;
}
.contact-form > div{
	padding:5px 0;
}
.contact-form label{
	width:30%;
	display: inline-block;
}
.contact-form input,
.contact-form textarea{
	line-height: 20px;
	width:400px;
}
.responsive-img{
	min-width: 100%;
	max-width: 100%;
}
#boraqM { width:318px; height: 200px; display:block; margin-bottom:10px; }
#boraqM img { width:318px; max-width: 318px; height: 200px;}  
#articletext img{
	max-width: 100%;
}