/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background-color:#bfbfbf;}

a
{
    color: #000;
    text-decoration: none;
}
a:hover
{
    color: #000000;
}

/* ----------------------------------------------------------------------------------------------------------
Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */            

table.table-style01 {border:1px solid #CCC;}
table.table-style01 th {border-right:1px solid #CCC; background:#EFEFEF; color:#0288CA;}
table.table-style01 td {border:1px solid #DDD;}
table.table-style01 tr.bg td {background:#F5F5F5;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {background-color:#EAFEFF;}

#logo span {color:#02AAFC;}
#logo a {color:#FFF;}

#slogan {color:#AFAFAF;}

#nav
{
    background-color: #D9D9D9;
   
}
#nav ul li a {color:#555;}
#nav ul li#nav-active a {color:#000;}
#nav ul li a:hover {color:#000;}

#cols {background-color:#FFF;}

#content #content-title {background-color:#EAFEFF; color:#02AAFC;
   
    
    }

#aside #aside-title {background-color:#EAFEFF; color:#FFF;}
#aside .title {background-color:#EAFEFF; color:#02AAFC;}

#footer {background-color:#000; color:#999;}
#footer a {color:#999;}
#footer a:hover {color:#FFF;}
    
/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#perex
{
    border-top: lightgrey 1px solid;
    background-color: papayawhip;
    background-image: url(img/rep.gif);
}


.section h3 {background-color:#0385C6; color:#FFF;}
.section h3 a
{
    color: #FFF;
    font-size: 13pt;
    font-family: 'Arabic Transparent';
    font-weight: bold;
}
.section h3 a:hover {color:#000;}
.section-in {border-bottom:1px solid #DADADA;}

dl#news dd {border-bottom:1px solid #CACACA; color:#555;}
dl#news dd span.date
{
    color: #0288CA;
    text-decoration: none;
}



/* wael css*/
.NewsTitle
{
    background-color: #fff;
    width: 100%;
    vertical-align: middle;
    margin-top: 0px;
    padding-top: 3px;
        padding-bottom: 3px;

    background-position: center center;
    background-repeat: no-repeat;
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
       filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#E3E3E2', startColorstr='#ffffff', gradientType= '0');

}
.NewsTitle2
{
    background-color: lightcyan;
    width: 100%;
    vertical-align: middle;
    margin-top: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
}
.NewsTitle2 a
{
    font-size: 11pt;
    color: #ff0000;
    font-family: 'Arabic Transparent';
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
}
.NewsTitle a
{
    font-size: 11pt;
    color: #000000;
    font-family: 'Arabic Transparent';
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
}
.NewsTitle:hover
{
    background-color: azure;
    cursor: pointer;
    color: #ff0000;
}
.SubNews
{
    width: 95%;
    text-align: justify;
    background-image: url(img/ul-style01.gif);
    padding-right: 13px;
    background-position: right top;
    background-repeat: no-repeat;
    margin-top: 0px;
}
.SubNews a
{
    font-weight: normal;
    font-size: 10pt;
    color: #0033ff;
    font-family: Tahoma;
}
.SubNews a:hover
{
    color: #000000;
}
.SubNewsHeader
{
    width: 618px;
    height: 38px;
    background-color: lightgrey;
    margin-top: 10px;
    text-indent: 15pt;
    text-align: right;
    background-position: 10px center;
    background-image: url(img/HeaderRep.jpg);
    background-repeat: repeat-x;
    border-left: gainsboro 1px solid;
    border-right: gainsboro 1px solid;
}

.SubjectNews
{
    width: 618px;
    text-align: center;
    border-bottom: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-right: gainsboro 1px solid;
    padding-bottom: 3px;
    background-color: #efefef;
}
.sectionTitle
{
    width: 130px;
    text-align: justify;
    height: 168px;
    margin-bottom: 5px;
}
.sectionTitle a
{
   font-size: 11pt;
    color: #000000;
    font-family: 'Arabic Transparent';
    text-decoration: none;
   
    font-weight: bold;
}
.sectionTitle a:hover
{
    color: #ff0000;
}
.ImageFlow
{
    float: left;
}