﻿@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body {
   margin:0px;
   padding:0px; 
   font-family:'DroidArabicKufiRegular';
}

.btn_search {
   color:#fff;
   font-size:12px;
   font-weight:bold;
   padding:5px;
   background-color:#004892;
   border:0px;
   margin:0px;
   border-radius:5px 0px 0px 5px;
}

input[type=text] {
   border:0;
   font-size:18px;
   padding:5px;
   height:20px;
   margin:0;
   background-color:#e6e6fa;
   text-align:right;
}




.main {
  width:80%;
  padding-top:10px;
  position:absolute;
  text-align:center;
  padding-left:4%;
}
.main ul {
  list-style:none;
  margin:0;
  width:100%;
  padding:0;
  border-radius:5px;
}
.main ul li{
  width:8%;
  position:relative;
  float:left;
  font-size:14px;
}

.main ul li a{
   text-decoration:none;
   color:#fff;
   padding: 5px;
   display:block;
   text-align:center;
}

.main ul li a:hover{
   background-color:#004892;
   color:#fff;
}

.main ul ul {
  display:none;
  position:absolute;
}

.main ul li:hover ul{
  display:block;
  z-index:2;
  background-color:#fff;
  color:#000;
}

.main ul ul ul {
   margin-right:112px;
   margin-top:-55px;    
}



.main>ul>li>ul li a{
   color:#000;
   font-family:'DroidArabicKufiRegular';
   border-bottom:2px solid #bebebe;
}


.main ul ul ul{
   display:none;
   visibility:hidden;
}

.main> ul> li> ul> li:hover ul{
  visibility:visible;
  display:block;
  
}

.multi-column {
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-fill: auto;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   -webkit-column-fill: auto;
    column-count: 2;
    column-gap: 20px;
    column-fill: auto; 
    list-style-position: inside;
}

.th_footer {
   color:#f48251;
   font-size:16px;
}

.th_footer:hover {
   text-decoration:underline;
   color:#f48251;
}

.td_link {
   color:#fff;
   font-size:12px;
   text-decoration:none;
}

.td_link:hover {
    color:#fff;
    text-decoration:underline;
}

.grad1 {
    width:90%;
    margin:0 auto;
    margin-top:60px;  
    margin-bottom:20px;	
    padding-top: 1%;
    padding-right: 2%;
    padding-bottom: 1%;
    padding-left: 2%;
    text-align: right;
    background-color: #CECECE;
    background-image: linear-gradient(#247696, #CECECE ,#e1e1e1 ,#e1e1e1,#e1e1e1); 
}

.grad1 h1{
    margin-top:40px;
    text-align:center;
	font-family:'DroidArabicKufiRegular';
}

.grad1 p{
    margin-right: 30px;
    font-size: 16px;
    font-weight: bold;
}


.grad1 h4 {
    color:#0e91c3;
}

.grad1 h4:hover {
    text-decoration:underline;
}
