﻿
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 margin-bottom: 20px;
}

a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #ff0000;
}

#wrapper { 
 margin: 0 auto;
 width: 780px;
 direction: rtl;
}
#topbanner {
 color: #333;
 width: 780px;
 padding: 0;
 border: 0px solid #ccc;
 margin: 5px 0px 5px 0px;
}

input, select, textarea
{
    font-family: Arial;
}

#topbanner .bl {background: url(bl.gif) 0 100% no-repeat #b4b4b4; width: 100%;}
#topbanner .br {background: url(br.gif) 100% 100% no-repeat; padding: 10px 0 15px 0; text-align: center;}
#topbanner .clear {font-size: 1px; height: 1px}
#topbanner ul {height: 60px; list-style-type: none;}
#topbanner ul li {float: right;}

#firstzone #leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 0;
 width: 635px;
 float: right;
}
#firstzone #rightcolumn { 
 float: right;
 text-align: center;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0 5px 0px;
 padding: 0;
 width: 140px;
 display: inline;
}
#firstzone #rightcolumn #newsticker { 
    margin-bottom: 5px;
}
#firstzone #rightcolumn #sitedate { 
    font-size: 26px;
    font-weight: bold;
    color: #666666;
    
}
#firstzone #article
{
    float: right;width: 310px; font-family: Tahoma; font-size: 11px;
}
#firstzone #article A
{
    color: #ffffff;
    text-decoration: none;
}
#firstzone #article #title
{
    font-family: Traditional Arabic;
    font-weight: bold;
    font-size: 20px;
}
#newsticker
{
 width: 138px;
}
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{overflow:hidden; display:block;} .b1h {height:1px; background:#747496; margin:0 5px;} .b2h, .b2bh {height:1px; background:#747496; border-right:2px solid #747496; border-left:2px solid #747496; margin:0 3px;} .b3h, .b3bh {height:1px; background:#747496; border-right:1px solid #747496; border-left:1px solid #747496; margin:0 2px;} .b4h, .b4bh {height:2px; background:#747496; border-right:1px solid #747496; border-left:1px solid #747496; margin:0 1px;} .b2bh, .b3bh, .b4bh {background: #F0F0F0;} .headh {background: #747496; border-right:1px solid #747496; border-left:1px solid #747496; text-align: center; color: #ffffff;} .headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; font-size: 11pt;} .headh h3 A {text-decoration: none; color: #ffffff;} .contenth {text-align: center; background: #F0F0F0; border-right:1px solid #747496; border-left:1px solid #747496;} .contenth div {margin-left: 12px; padding-top: 5px;}
.b1w, .b2w, .b3w, .b4w, .b2bw, .b3bw, .b4bw{overflow:hidden; display:block;} .b1w {height:1px; background:#222245; margin:0 5px;} .b2w, .b2bw {height:1px; background:#222245; border-right:2px solid #222245; border-left:2px solid #222245; margin:0 3px;} .b3w, .b3bw {height:1px; background:#222245; border-right:1px solid #222245; border-left:1px solid #222245; margin:0 2px;} .b4w, .b4bw {height:2px; background:#222245; border-right:1px solid #222245; border-left:1px solid #222245; margin:0 1px;} .b2bw, .b3bw, .b4bw {background: #F0F0F0;} .headw {background: #222245; border-right:1px solid #222245; border-left:1px solid #222245; text-align: center; color: #ffffff;} .headw h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; font-size: 11pt;} .contentw {text-align: center; background: #F0F0F0; border-right:1px solid #222245; border-left:1px solid #222245;} .contentw div {margin-left: 0; padding-top: 5px;}

#boxbanner
{
 color: #333;
 width: 780px;
 clear: both;
 padding: 0;
 border: 0px solid #ccc;
 margin: 0 0 5px 0px;
}

.bl {background: url(bl.gif) 0 100% no-repeat #b4b4b4; width: 100%;}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat;}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding: 7px;}
.clear {font-size: 1px; height: 1px}
#boxbanner ul {height: 60px; list-style-type: none;}
#boxbanner ul li {float: right; margin-right: 6px;}

#imgcontainer 
{
    
    width:310px;
    height:240px;
    position:relative;
    border: 0;
    margin-bottom: 3px;
 }
#imgmain {
    position:absolute;
    width:310px;
    height:240px;
    z-index:0;
    border: 0;
 }
#imgminor {
    position:absolute;
    width:310px;
    height:240px;
    z-index:1;
    border: 0;
 }

#topnav {margin-bottom: 5px;}
#topnav #btn
{
     float: right;
     margin-left: 5px;
     width: 152px;
     text-align: center;
     margin-bottom: 5px;
}
#topnav #btnlast
{
     float: right;
     width: 150px;
     text-align: center;
}
#topnav A
{
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: Traditional Arabic;
}
#searchbar {text-align: left;}

#secondzone {margin-top: 5px;}
#secondzone #leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 5px 5px 0;
 padding: 0;
 width: 465px;
 float: right;
}
#secondzone #rightcolumn { 
 float: right;
 text-align: center;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0 5px 0px;
 padding: 0;
 width: 310px;
 display: inline;
}

#sidemenu
{
    width: 146px;
    float: right;
    padding: 0;
    border: 0px solid #ccc;
    margin-left: 5px;
    text-align: center;
}

#sidemenu #btn
{
    margin-bottom: 3px;
}

#secondzone #rightcolumn #pollmenu 
{
    width: 155px;
    float: right;
    padding: 0;
    border: 0px solid #ccc;
    display: inline;
}
#sidemenu A
{
    color: #ffffff;
    text-decoration: none;
    font-size: 11pt;
    font-weight: bold;
}

#secondzone #leftcolumn #article
{
    font-family: Tahoma; font-size: 11px; margin-bottom: 2px;
}
#secondzone #leftcolumn #article A
{
    color: #ffffff;
    text-decoration: none;
    word-wrap: break-word;
}
#secondzone #leftcolumn #article #rightcol
{
    float: right;
    margin-left: 5px;
}
#secondzone #leftcolumn #article #leftcol
{
    float: left;
    margin-right: 5px;
}
#secondzone #leftcolumn #article #title
{
    font-family: Traditional Arabic;
    font-weight: bold;
    font-size: 20px;
}

#thirdzone #box
{
    margin-bottom: 10px;
}
#thirdzone #box .headw A
{
    text-decoration: none;
    color: #ffffff;
}
#thirdzone #box .headw
{
    text-align: right;
}
#thirdzone #content-wrapper
{
    height: 130px;
    padding: 5px;
    text-align: right;
}
#thirdzone #rightcol img
{
    border: 1px #000000 solid;
}
#thirdzone #rightcol
{
    margin-bottom: 10px;
    float: right;
    margin-left: 10px;
    font-family: Arial;
    font-size: 9pt;
    width: 130px;
    word-wrap: break-word;
    text-align: center;
    
}
#thirdzone #leftcol
{
    float: right;
    margin: 0;
}
#thirdzone #footer
{
    clear: both;
    margin-bottom: 10px;
    background: #CBCBCB;
    padding: 3px 5px 3px 0;
}

#thirdzone #footer A
{
    font-family: Tahoma;
    font-size: 11px;
}
#thirdzone #leftcol #navlist
{
margin-right: 0;
padding-right: 0;
list-style: none;
font-family: Traditional Arabic;
font-size: 11pt;
font-weight: bold;
}

#thirdzone #leftcol #navlist li 
{
padding-right: 18px;
/*background-image: url(arrow.gif);*/
background-repeat: no-repeat;
background-position: right center;
}
#thirdzone #leftcol #navlist li.current
{
padding-right: 18px;
/*background-image: url(arrow1.gif);*/
background-repeat: no-repeat;
background-position: right center;
}

#catheader 
{
    font-size: 14pt;
    font-weight: bold;
    font-family: Arial;
    margin-right: 5px;
}

#maincontentA
{
    float: right;
    width: 450px;
    margin-right: 10px;
}
#maincontentB
{
    float: right;
    width: 600px;
    margin-right: 5px;
}
#maincontentB #article #title
{
    font-family: Traditional Arabic;
    font-size: 26px;
    font-weight: bold;
}
#maincontentB #article #author
{
    font-family: Arial;
    font-weight: bold;
    color: #ff0000;
    font-size: 16px;
    margin-bottom: 5px;
}
#maincontentB #article #date
{
    font-family: Arial;
    color: #555555;
    font-size: 14px;
}
#maincontentB #article #body
{
    margin-top: 15px;    
}
#maincontentB #article #body image {border:1px #000000 solid; margin: 5px 0 5px 0;}

#loadingreviews 
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
}

#breadcrumb
{
    margin-right: 5px;
}
#breadcrumb A
{
    font-size: 11pt;
    font-weight: bold;
}
#article img {max-width: 600px}
/* PREVIOUS CSS START */
    #newsheadlines #date {font-size: 16px; color: #ff0000; font-weight: bold;}
    #contactform 
    {
        margin-top: 15px;
    }
    #contactform TD
    {
        padding: 3px;
    }
    .slide-hide {
	    display: none;
    }
    .slide-show {
	    display: block;
    }
    .review 
    {
        width: 550px;
        font-size: 13px;
    }
    .review #title A
    {
        font-family: Arial;
        font-size: 13px;
    }
    .review #title
    {
        word-wrap: break-word;
    }
    .review .author
    {
        font-size: 13px;
        color: #333;
    }
    .review #details
    {
        margin-top: 3px;
        margin-bottom: 10px;
        word-wrap: break-word;
    }
    #reviews 
    {
    }
    #reviews #header 
    {
        color: #ffffff;
        font-weight: bold;
        font-size: 13px;
        margin-right: 5px;
    }
    #art {
        margin: 0 5px 20px 0;
        font-size: 16px;
    }
    #art #title {
        font-family: Traditional Arabic;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    #art #abstract {
        font-size: 16px;
        font-weight: bold;
        color: #999999;
        margin-bottom: 10px;
    }
    #art #date {
        font-size: 13px;
        color: #555555;
        margin-bottom: 10px;
    }
    #art #author {
        font-size: 16px;
        color: #ff0000;
        font-weight: bold;
    }
    #art #navbottom {
        font-size: 13px;
        color: #333333;
    }
    #art #navbottom a {
        text-decoration: underline;
    }
    #art h1 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    
    #homedate {font-size: 26px;font-weight: bold;font-family: Arial;color: #777777;margin-bottom: 2px;}
    
    #imgcontainer 
    {
        
        width:310px;
        height:240px;
        position:relative;
        border: 0;
     }
    #imgmain {
        position:absolute;
        width:310px;
        height:240px;
        z-index:0;
        border: 0;
     }
    #imgminor {
        position:absolute;
        width:310px;
        height:240px;
        z-index:1;
        border: 0;
     }
     
    #articles #author
    {
        margin-top: 5px;
        font-size: 11px;
        color: #999999;
    }
        
    #articlelist #title 
    {
        font-family: Traditional Arabic;
        font-size: 16px;
    }
    #articlelist #abstract
    {
        font-family: Tahoma;
        font-size: 12px;
    }
    .msGalleryCats
    {
        margin-right: 5px;
    }
    .msGalleryCats #largefolder
    {
        cursor: hand;
        display: block;
        height: 158px;
        width: 200px;
        text-align: center;
        background-image: url(largefolder.gif);
        padding-top: 10px;
    }
    .msGalleryCats #thumb
    {
        float: right;
        margin-right: 5px;
        margin-top: 3px;
        border: 1px #000 solid;
    }
    .msGalleryCats #catdesc
    {
        margin:5px 0 10px 0;
        font-size: 13px;
    }
    #MainHeader 
    {
        font-size: 18pt;
        font-weight: bold;
        margin-bottom: 5px;
    }
    #HeaderSubCats
    {
    }
    #HeaderSubCats li
    {
        float: right;
    }
    #HeaderSubCats li A
    {
        font-size: 14px;
        font-weight: bold;
        color: #000066;
        text-decoration: underline;
    }
    #HeaderSubCats li A:hover
    {
        color: #ff0000;
    }