/*//////////////////////////////// General HTML Tags //////////////////////////////*/
@font-face {
 font-family: custom;
 src: url("fonts/DroidSansArabic.eot") /* EOT file for IE */
}
@font-face {
 font-family: custom;
 src: url("fonts/DroidSansArabic.ttf") /* TTF file for CSS3 browsers */
}

body {
	background-color: #EEEEEE; 
	background-image: url('images/web_01.png'); 
	background-repeat: repeat-x;
	margin: 0px;
}

.logo {
	width: 203;
	height: 106px;
	float: right;
	border: 0;
}

div.social {
	width: 300px;
	float: left;
	height: 80px;
	margin-top: 30px;
}		

div.head {
	width: 100%;
	height: 120px;
	padding: 10px;
}

div.topmenu {
	min-height: 50px;
	background: #38a7c7;
	border-radius: 8px 8px 0px 0px;
	border: 1px solid #1b7b97;
	box-shadow: 0px 0px 5px #000;
}

div.contentbox {
	background: #fff;
	box-shadow: 0px 0px 5px #000;
	margin-bottom: 20px;
	border-radius:0px 0px 8px 8px;
}
div.scroll {
	background: #E3F2FD;
	padding: 5px;
	box-shadow: 0px 0px 5px #000;
}

input, select, textarea        { font-family: custom,Tahoma; font-size: 10pt; padding: 2px }

div.box {
	width: 100%;
	height: 250px;
	border: 2px solid #007597;
	padding: 3px;
	margin:2px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 0px 5px #ccc;
}	
	
img.boximg {
	width: 100%;
	height: 200px;
	border: 0px;
	border-radius: 4px 4px 4px 4px;
}
div.boxtitle {
	width: 100%;
	padding: 5px;
	font-family: custom;
	font-size: 14px;
	position: relative;
	margin-top: -35px;
	color: #fff;
	height: 75px;
	border-radius: 4px 4px 4px 4px;
	background: rgb(0,117,151); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,117,151,1) 0%, rgba(0,117,151,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,117,151,1)), color-stop(100%,rgba(0,117,151,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,117,151,1) 0%,rgba(0,117,151,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,117,151,1) 0%,rgba(0,117,151,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,117,151,1) 0%,rgba(0,117,151,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,117,151,1) 0%,rgba(0,117,151,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007597', endColorstr='#007597',GradientType=0 ); /* IE6-9 */
}	
div.sectionhead {
	padding: 5px;
	margin: 4px;
	width: 100%;
	background: #e3f2fd;
	float: right;
	font-family: custom;
	font-size: 14px;
}		

.detailshead {
	padding: 20px;
	background: #e3f2fd;
	font-family: custom;
	font-size: 18px;
	font-weight: bold;
}
A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: RED
}

a:link.m1 {
	COLOR: #fff; TEXT-DECORATION: none
}
a:visited.m1 {
	COLOR: #fff; TEXT-DECORATION: none
}
a:hover.m1 {
	COLOR: #fd9929
}

p { margin: 0px; top: 0px; bottom: 0px; }

a:link.m2 {
	COLOR: #000; TEXT-DECORATION: none
}
a:visited.m2 {
	COLOR: #000; TEXT-DECORATION: none
}
a:hover.m2 {
	COLOR: RED
}

a:link.m3 {
	COLOR: #0d629b; font-family: custom; font-size: 10pt; font-weight: normal; text-align: center; TEXT-DECORATION: none
}
a:visited.m3 {
	COLOR: #0d629b; font-family: custom; font-size: 10pt; font-weight: normal; text-align: center; TEXT-DECORATION: none
}
a:hover.m3 {
	COLOR: #0d629b; font-family: custom; font-size: 10pt; font-weight: normal; text-align: center; TEXT-DECORATION: underline
}

a:link.m4 {
	COLOR: #0d629b; font-family: Tahoma; font-size: 9pt; font-weight: normal; text-align: center; TEXT-DECORATION: none
}
a:visited.m4 {
	COLOR: #0d629b; font-family: Tahoma; font-size: 9pt; font-weight: normal; text-align: center; TEXT-DECORATION: none
}
a:hover.m4 {
	COLOR: #0d629b; font-family: Tahoma; font-size: 9pt; font-weight: normal; text-align: center; TEXT-DECORATION: underline
}

h4 {
	background-position: center top;
	font: normal 100% 'GE SS', 'arial';
	color: #9e0a0e;
	text-shadow: 1px 1px 3px #000;
	}
	
div.m1
{
box-shadow: 0px 0px 8px #000;
border-radius: 0px;
background-color:#f6f4f0;
}
div.menu
{
box-shadow: 0px 0px 8px #000;
border-radius: 1px;
background-color:#9b0000;
padding: 0px;
height: 40px;
}

div.m3
{
}


#bigDiv
    {
    	align: center;
    	position:fixed;
        background-color: white;
        height: 610px;
        width: 120px;
        float: right;
	 	box-shadow: 0px 1px 5px #656565;
		border-radius: 5px 0px 0px 5px;
   }
   


/* Navigation elements */ 
    
.main_nav {height:30px; margin-left: -100px}
.main_nav li{display:block;float:right;margin:8px;position: relative;}
.main_nav li a{display:block; margin:5px 5px 4px 5px; padding: 5px;}
.main_nav li:hover{}
.main_nav li:hover a{}

.main_nav li .dd_1 { display:none; position:absolute; z-index:100; width:200px}
 .main_nav li .dd_1 ul {width:180px; overflow:hidden; padding:15px 10px;}
 .main_nav li:hover .dd_1 {display:block; }
	.main_nav li .dd_1 li a { margin:0; display:block; width:165px;}


.main_nav li .dd_1 ul li { }


 .lvl_1 {}
 .lvl_2 {}
 .lvl_3 {}

.sub_nav { }



/* Navigation elements */
      
.main_nav {font-family: custom, Arial;font-size:16px;}
.main_nav li:last-child { border:none; }
.main_nav li { border-left:#282828 0px solid }
.main_nav li a{display:block; color:#fff;-webkit-border-radius: 5px;border-radius: 5px; -webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}
.main_nav li:hover a , .MNSelected{background-color:#cd181b;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease; }
.main_nav .has_dd:hover a:after{content: '';height: 0;position: absolute;width: 0;border: 7px solid transparent;border-top-color: #cd181b;right: 42%; top: 91%;outline:none; z-index:102;}

.main_nav .index a { width:45px; height:35px; margin:0; padding:0; text-indent:-999px; overflow:hidden; background: url(images/spirit1.png) 4px -35px no-repeat; }
.main_nav .index a:hover { background: url(images/spirit1.png) 4px -65px no-repeat;} 

.main_nav li .dd_1 {background:url("images/menu_bg.png") repeat; -webkit-border-radius: 5px; border-radius: 5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.8);}
.main_nav li .dd_1 ul {-webkit-border-radius: 5px;border-radius: 5px ;
	                   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.92) 99%, rgba(0,0,0,0.92) 100%); /* FF3.6+ */
                       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.92)), color-stop(100%,rgba(0,0,0,0.92))); /* Chrome,Safari4+ */
                       background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.92) 99%,rgba(0,0,0,0.92) 100%); /* Chrome10+,Safari5.1+ */
                       background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.92) 99%,rgba(0,0,0,0.92) 100%); /* Opera 11.10+ */
                       background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.92) 99%,rgba(0,0,0,0.92) 100%); /* IE10+ */
                       background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.92) 99%,rgba(0,0,0,0.92) 100%); /* W3C */
                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eb000000',GradientType=0 ); /* IE6-9 */
                       }
.main_nav li .dd_1 li {border:none; }
.main_nav li .dd_1 li a {background:none; font-size:13px; -webkit-border-radius: 0px;border-radius: 0px; padding:5px 10px; border-right:2px solid #2b2b2b}
 .main_nav li .dd_1 li a:after {content: ''; display:none; }
 .main_nav li .dd_1 li a:hover { color: #D21723;border-right-color: #D21723}

 .WideDD .dd_1{width:290px!important;}
.WideDD .dd_1 ul{ width:270px!important;}
.WideDD .dd_1 ul li{ width:135px;}
.sub_nav { }