﻿@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

/* Table of Content of This "base.css" File
==================================================

	#Base
	#Sub Drop Down Menu
	#Sub Mega Menu */


/*  #Base
================================================== */



/*  #Sub Drop Down Menu
================================================== */


ul.nav ul {
    display: none;
    position: absolute;
    width: 180px;
}

ul.nav li:hover > ul {
    display: block;
}

ul.nav ul ul {
    top: 0px;
    left: 180px;
}







/*  #Sub Mega Menu 
================================================== */

ul.nav .wrapper-column-1,
ul.nav .wrapper-column-2,
ul.nav .wrapper-column-3,
ul.nav .wrapper-column-4,
ul.nav .wrapper-column-5,
ul.nav .wrapper-column-6 {
    position: absolute;
    display: none;
    color: #002a5b;
}

    ul.nav .wrapper-column-6 a {
        color: #002a5b;
    }

        ul.nav .wrapper-column-6 a:hover {
            color: #fbac18;
            text-decoration: none;
        }

ul.nav .wrapper-column-1, .nav .column-1 {
    width: 195px;
}

ul.nav .wrapper-column-2, .nav .column-2 {
    width: 390px;
}

ul.nav .wrapper-column-3, .nav .column-3 {
    width: 585px;
}

ul.nav .wrapper-column-4, .nav .column-4 {
    width: 780px;
}

ul.nav .wrapper-column-5, .nav .column-5 {
    width: 995px;
}

ul.nav .wrapper-column-6, .nav .column-6 {
    width: 606px;
    /*box-shadow: 1px 10px 10px 1px #808080;*/
    font-family: 'Droid Arabic Naskh', Tahoma;
    background: -webkit-linear-gradient(#ffffff, #edf0f1);
    background: -o-linear-gradient(#ffffff, #edf0f1);
    background: -moz-linear-gradient(#ffffff, #edf0f1);
    background: linear-gradient(#ffffff, #edf0f1);
    border-radius: 0 0 10px 10px;
}

ul.nav .column-1,
ul.nav .column-2,
ul.nav .column-3,
ul.nav .column-4,
ul.nav .column-5,
ul.nav .column-6 {
    float: left;
}

ul.nav ol {
    list-style: none;
    padding: 0;
}

ul.nav > li:hover > div {
    display: block;
    padding-right: 21px;
}
