body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0 none;
}

li {
    list-style: none outside none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}


input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, textarea, select {
}
legend {
    color: #000000;
}
body {
	background:url(../images/bg.png) #6c6c6c repeat-x;
	position:relative;
	direction:rtl;
	font-size:11pt;
}


.light2{ background-image:url(../images/light2.png); background-position:center; bottom:-20px; position:absolute; display:block; width:985px; height:155px; z-index:-1; right:50%; margin-right:-492px;}
select, input, button, textarea {
    font: 99% arial,helvetica,clean,sans-serif;
}
table {
    font-size: inherit;
}
pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}
a {
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}
strong {
    font-weight: bold;
}






#container{ width:950px; min-height:500px; margin:auto; background:url(../images/bg_.jpg) no-repeat top; overflow:hidden; position:relative;}
#top-header{ width:98%; margin:auto; height:25px; margin-top:9px; }
#top-header a{ font-family:Tahoma, Geneva, sans-serif; font-size:9px; border-right:1px solid #848484; margin-right:10px; padding-right:10px; color:#848484 ; text-shadow:0px 1px 0px #000; text-decoration:none; float:left;}
#top-header a:hover{ color:#9e9e9e; text-shadow:#930}
.date{ color:#fff; font-family:Tahoma, Geneva, sans-serif ; font-size:9px; float:left; margin-left:50px;}



#header{  width:100%; height:125px; margin:auto;margin-top:10px;}
#menu{ width:600px; height:100px; float:left;}

.courses{ display:block;width:75px; height:100px; background:url(../images/icons.png) 150px top;float:left}
.courses:hover{  background:url(../images/icons.png) 150px bottom;}



.ourprojects{ display:block;width:75px; height:100px; background:url(../images/icons.png) 225px top;float:left}
.ourprojects:hover{  background:url(../images/icons.png) 225px bottom;}


.training{ display:block;width:75px; height:100px; background:url(../images/icons.png) 300px top;float:left}
.training:hover{  background:url(../images/icons.png) 300px bottom;}



.gallery{ display:block;width:75px; height:100px; background:url(../images/icons.png) 375px top;float:left}
.gallery:hover{  background:url(../images/icons.png) 375px bottom;}



.team{ display:block;width:75px; height:100px; background:url(../images/icons.png) 450px top;float:left}
.team:hover{  background:url(../images/icons.png) 450px bottom;}

.human{ display:block;width:75px; height:100px; background:url(../images/icons.png) 525px top;float:left}
.human:hover{  background:url(../images/icons.png) 525px bottom;}

.said{ display:block;width:75px; height:100px; background:url(../images/icons.png) 600px top;float:left}
.said:hover{  background:url(../images/icons.png) 600px bottom;}

.home{ display:block;width:75px; height:100px; background:url(../images/icons.png) 75px top; float:left}
.home:hover{  background:url(../images/icons.png) 75px bottom;}


.logo{ height:110px; width:302px; float:right;}
.details_s{  width:248px; height:299px; position:absolute; left:0px; top:0px; background-image:url(../images/detail_bg.png)}
.details_s h3{ font-weight:bold; font-size:18px; margin:auto; margin-top:10px; text-align:center}
.details_s p{ direction:rtl;width:180px; font-size:11pt; font-weight:bold; margin-right:50px; text-align:justify; float:right; margin-top:10px;}
#wrap {
    color: #404040;
    /*margin: 0 12%;*/
	margin-top:20px;
}
#footer{ height:155px; width:100%; position:relative;  padding-top:30px; background-image:url(../images/light2.png); background-position:center; clear:both}
.facebook{ position:absolute; right:430px; top:20px; display:block; height:64px; width:64px; background:url(../images/facebook.png) top}
.facebook:hover{ background-position:bottom;}
.rss{ position:absolute; right:360px; top:60px; display:block; height:54px; width:51px; background:url(../images/rss.png) top}
.rss:hover{ background-position:bottom;}
.badge{ position:absolute; right:510px; top:50px; display:block; height:131px; width:50px; background:url(../images/badge.png) left}
.badge:hover{ background-position:right;}
.copywrite{ float:right; margin-top:80px; height:60px; width:350px; }
.copywrite p{ float:left;  margin-top:12px; color:#fff; width:290px; height:60px}
.light_l{ display:block; background-image:url(../images/light_logo.png); width:60px; height:52px;float:right;}
.hekma{ width:174px; height:70px; background-image:url(../images/hekma.png); padding:30px 10px 0px 10px; text-align:center; color:#b2b2b2; background-repeat:no-repeat;}
.list{ width:145px; height:27px ; background-color:#515150; float:left; border:none; text-align:center; margin-right:10px; color:#999; font-family:Tahoma, Geneva, sans-serif; font-size:10px ; line-height:25px;}
.join{ float:left; background:url(../images/join.png) top; height:29px; width:48px; border:none;}
.join:hover{ cursor:pointer; background-position:bottom;}

.said1{ position:absolute; right:570px; top:20px; display:block; height:64px; width:64px; background:url(../images/said.png) top}
.said1:hover{ background-position:bottom;}

/************************************ Abdullah **************************************/

.LocalPages
{
    width:950px;
	background:url(../images/boxBg.png);
	margin:0px;
	overflow:hidden;
	clear:both;
	min-height:300px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:11pt !important;
    color:#fff;
    font-weight:bold;
    padding-top:20px;
    padding-bottom:20px;
}
.LocalPages table
{
    width:95%;
    margin-left:auto;
    margin-right:auto;
}
.LocalPages a
{
    text-decoration:none;
    outline:none;
    font-size:11pt;
    color:#1896d3;
    font-weight:bold;
    }
.LocalPages a:hover
    {
         text-decoration:none;
     font-size:11pt;
    color:#ff8800;
    font-weight:bold;
    
    }
.LocalPages ul, .LocalPages ol,.LocalPages  li
{
    list-style-type:square !important;
    margin-right:20px  !important;
}

.PageTitle
{
    font-size:14pt;
    color:#a299bd;
    font-weight:bold;
    float:right;
}
.PageTitle2
{
    font-size:12pt;
    color:#a299bd;
    font-weight:bold;
    float:left;
}

.EventPage
{
       border-bottom :solid 1px #1896d3;
}
.EventPage a
{
    font-size:13pt;
     color: #1896d3;
     font-weight:bold;
}
.EventPage .desc
{
     color:#f6f6f6 !important;
    font-size:11pt !important;
    font-weight:bold;
}
.EventPage img
{
     border:solid 1px #1896d3;
    margin-right:3px;
    margin-bottom:3px;
}
.EventPage:hover
{
       border-bottom :solid 1px #ff8800;
}
.EventPage:hover a
{
    font-size:13pt;
     color: #ff8800;
     font-weight:bold;
}
.EventPage:hover img
{
    border:solid 1px #ff8800;
    margin-left:3px;
    margin-bottom:3px;
}

.DataGridAppearance {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
	}
.DataGridHeader {
	height: 35px;
	background: #000;
	font-weight: bold;
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #ffffff;
	padding-left:2px;
	padding-right:2px;
}
.DataGridItem {
	height: 30px;
	background: #181818;
	
	font-weight: normal;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	padding-left:2px;
	padding-right:2px;
	
	
}
.DataGridAlternate {
	height: 30px;
	background: #0f0f0f;
	font-weight: normal;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	padding-left:2px;
	padding-right:2px;
	
}

.DataGridItem td, .DataGridFooter td,.DataGridAlternate td
{
     border-bottom: 1px solid #000;
}
.DataGridHeader th
{
     
}
.textNormal
{
    
    height:27px;
    background-image:url(../images/textBac.jpg);
    margin:0px;
    padding:0px;
    float:right;
    }
.textNormal input
{
    height:27px;
    line-height:27px;
    background:none;
    border:none;
    color:#323232;
    margin:0px;
    font-weight:bold;
    }
.textNormal2
{
    
    height:120px;
    background-image:url(../images/textBac2.jpg);
    margin:0px;
    float:right;
    }
.textNormal2 textarea
{
    
    height:120px;
    line-height:27px;
    background:none;
    border:none;
    color:#323232;
    margin:0px;
    font-weight:bold;
    }
.textNormal select 
{
    height:27px;
    line-height:27px;
    background:none;
    border:solid 1px #d6d7d8;
    color:#323232;
    margin:0px;
     font-weight:bold;
    }
 .textNormal file 
{
    height:27px;
    line-height:27px;
    background:none;
    border:solid 1px #d6d7d8;
    color:#323232;
    margin:0px;
     font-weight:bold;
    }
.butn{ float:right; background:url(../images/bttn.png) top; height:30px; width:80px; border:none; font-weight:bold}
.butn:hover{ cursor:pointer; background-position:bottom;}

.Gallery img
{
      border:solid 1px #1896d3 !important;
}
.Gallery:hover img
{
    border:solid 1px #ff8800 !important;
}
.Gallery a
{
     color: #1896d3 !important;
}
.Gallery:hover a
{
    color: #ff8800 !important;
}
.MyLink
{
    color:Fuchsia !important;
}
.MyLink:hover
{
    color:#1896d3 !important;
}

html
{
    
scrollbar-base-color: #151515;
scrollbar-arrow-color: #525252;
scrollbar-track-color: #525252;
}