﻿/******************************************************/
html
{
    direction: rtl;
}
body
{
    margin: 0px;
    padding: 0px;
    font: 11px Tahoma;
}
a
{
    text-decoration: none;
    color: #000;
    outline: none 0px;
}
a:hover
{
    color: #214d7d;
}
p, ul, li, div
{
    padding: 0px;
    margin: 0px;
}
h1, h2, h3, h4
{
    margin: 0px;
    padding: 0px;
}
ul, li
{
    list-style: none;
}
/********************** font **************************/
@font-face
{
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/HelveticaNeueW23-Reg.woff") format("woff"), url("fonts/HelveticaNeueW23-Reg.ttf") format("truetype"), url("fonts/HelveticaNeueW23-Reg.svg#HelveticaNeueLTArabic55Roman") format("svg");
}
@font-face
{
    font-family: "HelveticaNeue";
    font-weight: bold;
    src: url("fonts/HelveticaNeueW23-Bd.woff") format("woff"), url("HelveticaNeueW23-Bd.ttf") format("truetype"), url("fonts/HelveticaNeueW23-Bd.svg#HelveticaNeueLTArabic55Roman") format("svg");
}
@font-face
{
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/DroidKufi-Regular.eot");
    src: url("fonts/DroidKufi-Regular.eot?#iefix") format('embedded-opentype'), url("fonts/DroidKufi-Regular.woff2") format('x-woff2'), url("fonts/DroidKufi-Regular.woff") format('woff'), url("fonts/DroidKufi-Regular.ttf") format('truetype');
}
@font-face
{
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url("fonts/DroidKufi-Bold.eot");
    src: url("fonts/DroidKufi-Bold.eot?#iefix") format('embedded-opentype'), url("fonts/DroidKufi-Bold.woff2") format('x-woff2'), url("fonts/DroidKufi-Bold.woff") format('woff'), url("fonts/DroidKufi-Bold.ttf") format('truetype');
}
/********************** End_font **************************/
/********************** top_nav **************************/
.top_nav
{
    height: 10px;
    margin: auto;
    background: #11591a;
}
.top_nav_back
{
    height: 40px;
    margin: auto;
    width: 960px;
}
.top_nav_image
{
    float: left;
    height: 40px;
    margin: auto;
    width: 960px;
    position: relative;
    background: url(../../images/top_nav.png) no-repeat 0 0;
}
.top_nav_image a
{
    color: #fff;
    font-family: "HelveticaNeue" ,serif;
    font-size: 15px;
}
.top_nav_image a:hover
{
    color: #FFD300;
}
.top_nav_image p
{
    float: right;
    margin-top: 10px;
    margin-right: 25px;
    color: #fff;
}
/********************** Search **************************/
#SearchContent
{
    width: 188px;
    height: 24px;
    top: 7px;
    right: 375px;
    position: absolute;
    z-index: 100;
    background: url(../../images/cut_07.png) no-repeat 0 0px;
}
.srchTxtBox
{
    border: 0px;
    color: #484D5D;
    margin: 2px 0 0 2px;
    height: 20px;
    width: 150px;
    position: absolute;
    left: 3px;
    background-color: transparent;
}
.srchBtn
{
    width: 28px;
    height: 24px;
    cursor: pointer;
    padding-top: 0px;
    position: absolute;
}
/********************** End-Search **************************/
/********************** Share-header **************************/
.facebook
{
    width: 34px;
	height: 28px;
	position: absolute;
	top: 10px;
	left: 0px;
}
.twitter
{
    width: 34px;
	height: 28px;
    /*background: url(../../images/Saint-Barthelemy-Flag.png) no-repeat 0 0;*/
    position: absolute;
    top: 10px;
    left: 36px;
}
.rss
{
    width: 34px;
	height: 28px;
    /*background: url(../../images/Germany-Flag.png) no-repeat 0 0;*/
    position: absolute;
    top: 10px;
    left: 72px;
}
.you_tube
{
    width: 34px;
	height: 28px;
   /* background: url(../../images/Spain-Flag.png) no-repeat 0 0;*/
    position: absolute;
    top: 10px;
    left: 108px;
}
.USA
{
    width: 34px;
	height: 28px;
   /* background: url(../../images/Spain-Flag.png) no-repeat 0 0;*/
    position: absolute;
    top: 10px;
    left: 144px;
}
/********************** End-Share-header **************************/
/********************** End_top_nav **************************/
/********************** bodywarpper **************************/
.bodywarpper
{
    margin: auto;
    width: 960px;
    height: 1200px;
}
/********************** header **************************/
.header
{
    margin-top: 10px;
    height: 280px;
    width: 960px;
    background: url(../../images/cut_05.jpg);
}
.main_menu
{
    margin-top: -54px;
    height: 87px;
    background: url(../../images/menu.png);
}
.main_menu a
{
    color: #fff;
    font-family: "HelveticaNeue" ,serif;
    font-size: 18px;
    text-shadow: #000 0px 1px 2px;
}
.main_menu a:hover
{
    color: #FFD300;
}
.main_menu p
{
    float: right;
    margin-top: 10px;
    margin-right: 80px;
    color: #fff;
}
/********************** End_header **************************/
/********************** slider_back **************************/
.slider_back
{
    background: #11591b;
    width: 960px;
    float: right;
    height: 350px;
    border-radius: 10px;
}
/********************** slider **************************/
.slider
{
    margin: 10px 10px 0 0;
    width: 685px;
    float: right;
}
/********************** End_slider **************************/
.e-learning
{
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    height: 72px;
    width: 249px;
}
/********************** qra2 **************************/
.qra2
{
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 25px;
    height: 230px;
    width: 250px;
    background: #fff;
}
.qra2_title
{
    right: 55px;
    top: -15px;
    position: absolute;
    height: 30px;
    width: 134px;
    background: url(../../images/services.png) no-repeat 0 0;
}
.qra2_title a
{
    margin-top: 2px;
    margin-right: 20px;
    font-family: "HelveticaNeue" ,serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    float: right;
    text-align: center;
}
.qra2_Body
{
    position: absolute;
    top: 15px;
    width: 250px;
    height: 215px;
}
.qra2_Body .Layout
{
    padding: 5px 5px 5px 5px;
    height: 205px;
    width: 240px;
    overflow: hidden;
}
/********************** End_qra2 **************************/
/********************** End_slider_back **************************/
/********************** activity_title **************************/
.activity_title
{
    margin-top: 15px;
    position: relative;
    float: left;
    width: 960px;
    height: 70px;
    background: url(../../images/cut_32.png) no-repeat 0 0;
}
.activity_title1
{
    position: absolute;
    right: 10px;
    width: 220px;
    height: 50px;
}
.activity_title1 a
{
    margin-top: 8px;
    margin-right: 17px;
    font-family: "HelveticaNeue" ,serif;
    font-size: 20px;
    color: #fff;
    float: right;
    text-align: center;
}
.activity_title2
{
    position: absolute;
    left: 8px;
    top: 5px;
    width: 600px;
    height: 43px;
}
/********************** End_activity_title **************************/
/********************** activity **************************/
.activity
{
    float: right;
    width: 320px;
    height: 350px;
    background: #fff;
    border-bottom: 5px solid;
    border-bottom-color: #f78c00;
    box-shadow: 2px 2px 10px #888888;
}
/********************** control_activity **************************/
.nadawat_content
{
    margin-top: 25px;
    margin-right: 0px;
    height: 325px;
    width: 320px;
    float: right;
}
.nadawat_content_body
{
    margin-top: -10px;
    float: right;
    width: 320px;
    height: 190px;
}
.nadawat_content_event
{
    width: 320px;
    height: 145px;
    float: right;
}
.nadawat_content_control
{
    float: right;
    width: 320px;
    height: 325px;
    margin-top: 0px;
}
.nadawat_content_body a
{
    /*font-family: "HelveticaNeue" ,serif;     font-size: 13px;     color: Black;     font-weight: bold;     line-height: 20px;*/
}
.nadawat_content p
{
    font-family: "HelveticaNeue" ,serif;
    font-size: 13px;
    color: #233f6a;
    line-height: 17px;
}
/********************** End-control **************************/
/********************** End_activity **************************/
/********************** activity_more **************************/
.activity_more
{
    float: right;
    width: 275px;
    height: 350px;
    background: #f7f7f7;
}
.activity_more .Layout
{
    padding: 5px 20px 5px 5px;
    height: 340px;
    width: 250px;
    overflow: hidden;
}
/********************** End_activity_more **************************/
/********************** services **************************/
.services
{
    float: left;
    position: relative;
    background: #ffeccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-color: #f7941d;
    border-bottom: 1px #f7941d solid;
    border-right: 1px #f7941d solid;
    width: 349px;
    height: 455px;
}
.services_Title
{
    position: absolute;
    width: 349px;
    height: 40px;
}
.services_Title a
{
    margin-top: 6px;
    margin-right: 30px;
    font-family: "HelveticaNeue" ,serif;
    font-size: 17px; /*font-weight: bold;*/
    color: #12581A;
    float: right;
    text-align: center;
}
.services_Body
{
    position: absolute;
    top: 40px;
    width: 348px;
    height: 360px;
    margin: 0px 0 0 0;
}
.services_Body .Layout
{
    padding: 10px 40px 10px 5px;
    height: 335px;
    width: 295px;
    overflow: hidden;
}
.services_Down
{
    position: absolute;
    top: 401px;
    width: 348px;
    height: 53px;
    margin: 0px 0 0 0;
}
.services_Down a
{
    margin-top: 10px;
    margin-left: 35px;
    font-family: "HelveticaNeue" ,serif;
    font-size: 17px;
    font-weight: bold;
    color: #12581A;
    float: left;
    text-align: center;
}
/********************** End_services **************************/
/********************** DownItem **************************/
.DownItem
{
    float: right;
    width: 595px;
    height: 80px;
    margin-top: 10px;
}
/********************** End_DownItem **************************/
/********************** last_content **************************/
.last_content
{
    margin-top: 10px;
    float: right;
    height: 216px;
    width: 960px;
    background: #f7941d;
    border-radius: 10px;
}
/********************** afkar **************************/
.afkar
{
    float: right;
    height: 207px;
    width: 301px;
}
.afkar_title
{
    width: 300px;
}
.afkar_title a
{
    margin-top: 2px;
    margin-right: 52px;
    font-family: "HelveticaNeue" ,serif;
    font-size: 15px; /*font-weight: bold;*/
    color: #fff;
    float: right;
    text-align: center;
}
.afkar_body
{
    float: right;
    margin-right: 15px;
    height: 180px;
    width: 268px;
}
.afkar_body a
{
    font-family: "HelveticaNeue" ,serif;
    font-size: 15px;
    color: #696666;
    float: right;
    text-align: center;
}
.afkar_body a:hover
{
    font-family: "HelveticaNeue" ,serif;
    font-size: 15px;
    color: #214d7d;
    float: right;
    text-align: center;
    border-radius: 5px;
}
/*.point
{
    border-radius: 5px;
    margin: 10px;
    float: right;
    width: 10px;
    height: 10px;
    background: #696666;
}
.afkar_body p
{
    width: 300px;
    line-height: 0px;
    margin-top: 2px;
    font-size: 15px;
    color: #fff;
    float: right;
    text-align: center;
}*/
/********************** End_afkar **************************/
/********************** nasharat **************************/
.nasharat
{
    margin-right: 15px;
    float: right;
    width: 301px;
    height: 207px;
}
.nasharat_title
{
    margin-right: 26px;
    width: 300px;
}
.nasharat_title a
{
    margin-top: 2px;
    margin-right: 5px;
    font-family: "HelveticaNeue" ,serif;
    font-size: 16px; /* font-weight: bold;*/
    color: #fff;
    float: right;
    text-align: center;
}
.nasharat_body
{
    float: right;
    margin-right: 15px;
    background: #11591A;
    height: 183px;
    width: 268px;
}
.nasharat_body .Layout
{
    padding: 5px 25px 5px 5px;
    height: 170px;
    width: 258px;
}
/********************** End_nasharat **************************/
.banner1
{
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    width: 310px;
    height: 91px;
    background: url(../../images/12.jpg) no-repeat 0 0;
}
.banner2
{
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    width: 310px;
    height: 91px;
    background: url(../../images/new_22.jpg) no-repeat 0 0;
}
/********************** End_last_content **************************/
/********************** Videos **************************/
.Videos
{
    float: right;
    margin-top: 25px;
    width: 765px;
    height: 400px;
    position: relative;
}
.Videos_Title
{
    width: 765px;
    height: 40px;
    position: absolute;
}
.Videos_Title a
{
    margin-top: 6px;
    margin-right: 30px;
    font-family: "HelveticaNeue" ,serif;
    font-size: 17px; /*font-weight: bold;*/
    color: #12581A;
    float: right;
    text-align: center;
}
.Videos_Body
{
    margin-top: 40px;
    width: 765px;
    height: 360px;
    position: absolute;
}
.video_down
{
    position: absolute;
    width: 116px;
    height: 25px;
    border-radius: 5px;
    bottom: 17px;
    left: 30px;
    background-color: #A2821F;
}
.video_down p
{
    margin-left: 10px;
    float: right;
    font-family: "HelveticaNeue" ,serif;
    font-size: 15px;
    color: White;
    text-align: right;
}
.video_down a
{
    margin-right: 40px;
    float: right;
    font-family: "HelveticaNeue" ,serif;
    font-size: 15px;
    color: White;
    text-align: right;
}
/********************** End_Videos **************************/
.banner3
{
    float: right;
    margin-top: 25px;
    width: 195px;
    height: 400px; /*background: url(../../images/new_27.jpg) no-repeat 0 0;*/
}
/********************** PhotoGallery **************************/
.PhotoGallery
{
    margin-top: 10px;
    float: right;
    height: 250px;
    position: relative;
    width: 960px;
    border-radius: 10px;
}
.PhotoGallery_Title
{
    width: 765px;
    height: 40px;
    position: absolute;
}
.PhotoGallery_Title a
{
    margin-top: 6px;
    margin-right: 30px;
    font-family: "HelveticaNeue" ,serif;
    font-size: 17px; /*font-weight: bold;*/
    color: #12581A;
    float: right;
    text-align: center;
}
.PhotoGallery_Body
{
    top: 40px;
    width: 960px;
    height: 210px;
    position: absolute;
}
.PhotoGallery_down
{
    position: absolute;
    width: 116px;
    height: 25px;
    border-radius: 5px;
    top: 10px;
    left: 50px;
    background-color: #A2821F;
}
.PhotoGallery_down p
{
    margin-left: 10px;
    float: right;
    font-family: "HelveticaNeue" ,serif;
    font-size: 15px;
    color: White;
    text-align: right;
}
.PhotoGallery_down a
{
    margin-right: 40px;
    float: right;
    font-family: "HelveticaNeue" ,serif;
    font-size: 15px;
    color: White;
    text-align: right;
}
/********************** End_PhotoGallery **************************/
/********************** footer **************************/
.footer
{
    /*margin-top: 25px;*/
    float: right;
    height: 202px;
    width: 100%;
    background: url(../../images/new_16.jpg) repeat-x 0 0;
}
.footer_top
{
    float: left;
    width: 394px;
    height: 78px;
    background: url(../../images/new_14.jpg) no-repeat 0 0;
}
.footer_content
{
    position: relative;
    width: 960px;
    margin: auto;
    height: 202px; /*background: url(../../images/background.PNG) no-repeat 50% 0;*/
}
.footer_logo
{
    position: absolute;
    top: -3px;
    left: -45px;
    width: 220px;
    height: 201px;
}
.smsm
{
    height: 18px;
    width: 436px;
    position: absolute;
    left: 460px;
    top: 180px;
}
.footLinksTBL
{
    position: absolute;
    top: 25px;
    width: 457px;
    right: 22px;
    height: 115px;
}
.footLinksTBL a
{
    clear: both;
    color: white;
    display: block;
    float: right;
    padding: 6px 25px 5px;
    width: 100%;
    font-family: "HelveticaNeue" ,Arial,Tahoma,Arabic Transparent;
    font-size: 14px;
    cursor: pointer; /*font-weight: bold;*/
    line-height: 15px;
}
.footLinksTBL td
{
    color: Blue;
    padding: 0px 15px 0px 0px;
    width: 125px;
    text-align: right;
}
.facebook2
{
    width: 31px;
    height: 31px;
    background: url(../../images/cut_95.png) no-repeat 0 0;
    position: absolute;
    top: 130px;
    left: 47px;
}
.twitter2
{
    width: 31px;
    height: 31px;
    background: url(../../images/cut_97.png) no-repeat 0 0;
    position: absolute;
    top: 130px;
    left: 86px;
}
.rss2
{
    width: 31px;
    height: 31px;
    background: url(../../images/cut_09.png) no-repeat 0 0;
    position: absolute;
    top: 130px;
    left: 124px;
}
.you_tube2
{
    width: 31px;
    height: 31px;
    background: url(../../images/cut_11.png) no-repeat 0 0;
    position: absolute;
    top: 130px;
    left: 158px;
}
/********************** End_footer **************************/
.e-learningAR
{
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    height: 60px;
    width: 250px;
}
.e-learningEN
{
    float: left;
    margin-left: 5px;
    margin-top: 6px;
    height: 60px;
    width: 250px;
}

