body
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #000000;
    font-size: 0.7em;
    text-decoration: none;
}
a:link
{
    color: #8A3700;
    font-weight: 700;
}
a:visited
{
    color: #542100;
}
a:hover
{
    text-decoration: none;
    color: #A45521;
}
ive
{
    text-decoration: none;
    color: #000000;
}

input, select, textarea
{
    font-size: 1em;
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

/* Use headers in the markup for accessibility reasons but control look with styles below*/

h1, h2, h3, h4, h5, h6
{
    margin: 2px 0 2px 0;
}

h1, h2, h3, h4, h5, h6
{
    margin: 2px 0 2px 0;
}

h1
{
    font-size: 28px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}


h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #000000;
}
.membercard h3
{
    font-size: 1em;
}

.leftblock h2, .rightblock h2, .fullwidth h2
{
    font-size: 1.6em;
}

.rightblock h3
{
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
}

#maindoc
{
    width: 728px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 0px;
    color: #C89F3D;
}

/************************************************************************
* First Page
************************************************************************/

/* Picture at the top of the site */
#topfront
{
    background: url(images/top_index_ar.jpg) no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 768px;
    height: 500px;
    font-size: 22px;
    font-family: SC_DUBAI, 'Segoe UI' , 'Arial Unicode MS';
    text-align: right;
    color: #000000;
}

#topfront a:link
{
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

#topfront a:visited
{
    color: #586c03;
    text-decoration: none;
}

#topfront a:hover
{
    text-decoration: none;
    color: Maroon;
    font-size: x-large;
}
#topfront a:active
{
    color: #FEFFBD;
    text-decoration: none;
}

#botfront
{
    background: url(images/btm_index_ar.jpg) no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 768px;
    height: 250px;
    font-size: 20px;
    font-family: 'Segoe UI' , 'Akhbar MT';
    text-align: right;
    color: #586c03;
}

/************************************************************************
* Second page and the rest
************************************************************************/
#topbar
{
    background: url(images/header1_ar.jpg) no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 768px;
    height: 160px;
}

/* Navigation strips */
#navtop
{
    background: url(images/navtop1_ar.jpg) no-repeat;
    font-size: 22px;
    font-family: SC_DUBAI, 'Segoe UI', 'Andalus', 'Arial Unicode MS' , 'Traditional Arabic';
    text-align: center;
    color: Black;
    margin-right: auto;
    margin-left: auto;
    width: 768px;
    height: 190px;
    padding-left: 50px;
}

#navtop
{
    margin-bottom: 0px;
}


/* Make main navigation bars from a unordered list for easy update and better accessibility */

#navtop ul
{
    margin: 0px;
    padding-top: 20px;
    list-style-type: none;
    height: 30px;
    text-align: center;
}
#navtop ul li
{
    display: inline;
    color: #000000;
    margin-right: 18px;
}
#navtop a:link
{
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

#navtop a:visited
{
    color: #586c03;
    text-decoration: none;
}

#navtop a:hover
{
    text-decoration: none;
    color: Maroon;
    font-size: xx-large;
}

#navtop a:active
{
    color: #FEFFBD;
    text-decoration: none;
}
/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */
#body
{
    background: url(images/body_ar.jpg) repeat-y;
    width: 768px;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    margin: 0px;
    font-size: 20px;
    font-family: 'Segoe UI' , 'Akhbar MT';
    text-align: right;
    color: #586c03;
}

#bodyheader1, #bodyheader2, #bodyheader3, #bodyheader4, #bodyheader5
{
    font-size: 28px;
    font-family: 'MCS Hor 1 S_I Abrade 2000', 'Andalus';
    text-align: right;
    color: Black;
    font-weight: bold;
}


#botbar
{
    margin-right: auto;
    margin-left: auto;
    width: 768px;
    height: 376px;
    font-size: 20px;
    font-family: 'Segoe UI' , 'Akhbar MT';
    text-align: right;
    color: #586c03;
}

#copyrighter
{
    background: none;
    left: 0px;
    width: 768px;
    top: 0px;
    height: 20px;
    font-family: Arial;
    font-size: x-small;
    color: white;
    margin-right: auto;
    margin-left: auto;
    background-color: Black;
}