@font-face
{
    font-family: "BBaran";
    src: url("/fonts/BBaran.eot?#") format("eot"), 
        url("/fonts/BBaran.woff") format("woff"),
         url("/fonts/BBaran.ttf") format("truetype");
}

@font-face
{
    font-family: "BTitrTGEBold";
    src: url("/fonts/BTitrTGEBold.eot?#") format("eot"), 
        url("/fonts/BTitrTGEBold.woff") format("woff"), 
        url("/fonts/BTitrTGEBold.ttf") format("truetype");
}

@font-face
{
    font-family: "BHamid";
    src: url("/fonts/BHamid.eot?#") format("eot"), url("/fonts/BHamid.woff") format("woff"), url("/fonts/BHamid.ttf") format("truetype");
}

@font-face
{
    font-family: "BDavat";
    src: url("/fonts/BDavat.eot?#") format("eot"),
         url("/fonts/BDavat.woff") format("woff"), 
        url("/fonts/BDavat.ttf") format("truetype");
}

@font-face
{
    font-family: "BTitrBold";
    src: url("/fonts/BTitrBold.eot?#") format("eot"), url("/fonts/BTitrBold.woff") format("woff"), url("/fonts/BTitrBold.ttf") format("truetype");
}

body
{
    background: url('/images/bg-green.png'); /*background-color:#c9a283;*/
    padding: 0px;
    margin: 0px;
}

a, a img
{
    text-decoration: none;
    border-style: none;
    color: White;
}

    a:visited
    {
        color: White;
    }

.clear
{
    clear: both;
}

.center
{
    text-align: center;
}

.left
{
    text-align: left;
}

#besmelah
{
    height: 71px;

}

#title {
  color: #D3D3D3;
  float: right;
  font-family: BTitrTGEBold;
  font-size: 28px;
  font-weight: normal;
  line-height: 37px;
  margin: 0;
  position: absolute;
  right: 23px;
  text-align: right;
  top: 34px;
}
#title > span {
  color: #FAFAD2;
  font-family: BTitrBold;
  font-size: 34px;
}
#title span#sub {
  color: #000000;
  display: block;
  font-family: btitrbold;
  font-size: 14px;
}


#header
{
    /*background: url("/images/Untitled-1.png") repeat scroll 0 0 transparent;
    border: 1px dashed black;
    border-bottom: none;
    border-width: 2px 0;
    */
    height: 78px;
    text-align: right;
    padding: 0 20px;
}

img#shamse {
  height: 238px;
  left: 0;
  position: absolute;
  top: 0;
}


ul.menu-container
{
    min-height: 73px;
    position: relative;
    top: 19px;
    margin-bottom: 0px;
}

    ul.menu-container li
    {
        /*margin: 10px; border: 2px dashed lightgreen; */
        float: right;
        list-style: none outside none;
        padding: 1px;
        border-radius: 10px 10px 0px 0px;
        font-family: BTitrTGEBold;
        text-align: center;
        width: 81px;
        font-size: 10px;
        height: 58px;
        border-style: solid;
        border-width: 0px 0px 3px 0px;
        border-color: Black;
    }

        ul.menu-container li a, ul.menu-container li a:visited
        {
            color: wheat;
        }

        ul.menu-container li span
        {
            display: block;
            text-align: center;
        }

        ul.menu-container li:hover, ul.menu-container li.active
        {
            background: url("/images/bk-trans-65.png") repeat scroll 0 0 transparent;
        }

        ul.menu-container li img
            {
                width: 44px;
            }
            ul.menu-container li.active img
            {
                width: 16px;
            }

            ul.menu-container li.active a
            {
                font-size: 16px;
                color: Yellow;
            }

        ul.menu-container li.active
        {
            border-width: 3px 3px 0px;
        }

        ul.menu-container li.active p
        {
            margin-top:-6px !important;
        }

div.body-continer
{
    background: url("/images/bk-trans-65.png") repeat scroll 0 0 transparent;
    border-radius: 0px 0px 10px 10px;
    margin: 3px 20px;
    border-style: solid;
    border-width: 0px 3px 3px;
    border-color: black;
    direction: rtl;
    text-align: right;
    color: #D3D3D3;
}

div.footer
{
    font-family: BDavat;
    text-align: center;
    color: lightgoldenrodyellow;
    font-size: 14px;
    direction: rtl;
    line-height: 20px;
}

ul.gallery-list
{
    margin: 0px;
    padding: 0px;
}

    ul.gallery-list img
    {
        /*
background-color: white;
    border: 4px double black;
  width: 150px;
    height:100px;
    border-radius: 10px;
*/
        margin: 10px 10px 0;
        padding: 6px;
        display: block;
    }

    ul.gallery-list li
    {
        /*
    background: url("/images/bk-trans-65.png") repeat scroll 0 0 transparent;
    border: 1px solid;
    border-radius: 10px 10px 10px 10px;
*/
        float: right;
        height: 200px;
        list-style: none outside none;
        margin: 10px;
        text-align: center;
        font-family: BBaran;
        font-size: 15px;
        color: White;
    }

        ul.gallery-list li:hover
        {
            background: url("/images/bk-trans-65.png") repeat scroll 0 0 transparent;
            font-size: 17px;
            color: Yellow !important;
            border-radius: 10px 10px 10px 10px;
        }
/*------------------------------------books*/
ul#book-list
{
    padding: 20px;
    margin: 0px;
}

    ul#book-list li
    {
        list-style: none;
        padding: 10px;
        font-family: BDavat;
        min-height: 60px;
        clear: both;
    }

        ul#book-list li h1,div.book-info h1
        {
            font-family: BTitrBold;
            font-size: 20px;
            margin: 0;
            padding: 0;
            color: #FFDEAD;
            font-weight: normal;
        }

        ul#book-list li:hover
        {
            background: url("/images/bk-trans-65.png") repeat scroll 0 0 transparent;
            /*color:Yellow !important;*/
            border-radius: 10px 10px 10px 10px;
            box-shadow: 0 0 18px #E0FFFF;
        }

        ul#book-list li span,div.book-info
        {
            font-size: 20px;
            font-family: BDavat;
            display: block;
            text-align:justify;
        }
div.book-info {
  padding: 38px 11px 23px;
}
   

#book-list a,div.book-info a
{
    color: #ADD8E6;
    float: left;
    text-decoration: underline;
    font-family: BTitrTGEBold;
    font-size: 15px;
}

img.Book-image {
  border: 1px solid window;
  border-radius: 5px;
  float: right;
  margin: 14px 21px 0;
  padding: 3px;
  width: 100px;
}




/*-----------------------------------------*/
#info
{
    font-family: BDavat;
    font-size: 20px;
    text-align: justify;
    padding: 5px;
}

#my-text
{
    /* color: windowframe;
    ine-height: 28px;*/
}

#info .topic
{
    color: #FF8C00;
    font-family: btitrtgebold;
}
/*---------------------------------*/
form
{
    padding: 10px;
}

    form label
    {
        font-family: BTitrTGEBold;
        display: block;
        padding: 4px 1px;
    }

        form label span
        {
            color: #FFA07A;
            font-family: bdavat;
            font-size: 13px;
        }

    form input[type="text"]
    {
        width: 300px;
    }

    form input, form textarea
    {
        color: #006400;
        font-family: BDavat;
    }

.error
{
    background-color: #FFEEEE;
    border: 1px solid #FF0000;
    box-shadow: 0 0 6px;
    color: #FF0000;
}

.email-message
{
    background-color: #FFFFE0;
    border: 2px solid yellow;
    border-radius: 5px 5px 5px 5px;
    color: #008000;
    font-family: bdavat;
    font-size: 24px;
    padding: 10px;
    text-align: center;
}
/*----------------------books-------------------*/
table.log {
  font-family: bdavat;
  color: lightblue;
  font-size: 22px;
  line-height: 23px;
  text-align:center;
}
    table.log thead td
    {
        background-color: #BC8F8F;
    }

    table.log  td
    {
        padding:2px;
    }
div#main-page
{
    padding:15px 0 0 0;
    width:900px;
}
div.mehrab {
  background: url("/images/mehrab.png") no-repeat scroll 0 0 transparent;
  color: #F5FFFA;
  font-family: bdavat;
  height: 434px;
  padding-top: 65px;
  text-align: center;
  width: 300px;
}
.content {
  font-size: 20px;
  margin: 19px 34px 3px;
}
.translate {
  font-size: 19px;
  padding: 0 16px;
  text-align: justify;
  text-align:center;
}
.source {
  font-size: 13px;
  padding: 10px 18px;
  text-align: left;
}
   #right {
  float: right;
}
div#center {
    float:right;
  display: inline-block;
  width: 300px;
  position: absolute;
}

      #left {
  float: left;
}

fieldset#news
{
    clear:both;
}
legend
{
    color: #FDF5E6;
font-family: BTitrTGEBold;
}
#news > ul {
  list-style: none outside none;
  margin: 0;
  padding: 2px 13px;
}
#news span {
  color: #ADD8E6;
  font-family: bdavat;
  font-size: 19px;
}
#news li {
  border-radius: 7px;
  clear: both;
  line-height: 29px;
  padding: 4px 3px 26px;
}
#news li > h1 {
  color: #FFDEAD;
  font-family: btitrbold;
  font-size: 17px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#news li:hover
{
    background: url("/images/bk-trans-65.png") repeat scroll 0 0 transparent;
            border-radius: 10px 10px 10px 10px;
            box-shadow: 0 0 18px #E0FFFF;
}


#news img {
  border: 1px solid #000000;
  border-radius: 3px;
  float: right;
  height: 75px;
  padding: 2px;
  width: 120px;
    margin-left: 10px;
}
#last-update {
  height: 177px;
}
#last-update > ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
    font-family: btitrbold;
    font-size:14px;
}
#last-update a {
  color: #FFE4B5;
}
    #last-update > ul span {
  color: #66CDAA;
  font-family: bdavat;
}

.btn {
  background-color: #778899;
  border: 0 none;
  color: #FFFFFF;
  font-family: bdavat;
  font-size: 22px;
  margin: 2px;
  padding: 3px 20px;
}

        .btn:hover
        {
            background-color:lightyellow;
            color:black;
        }
.pix_diapo
{
    font-family:bdavat;
}

ul .btn {
  float: left;
}
input[type='file'] {
  color: white;
}

#gallery {
  padding: 18px;
}

#news h1 > span {
  color: #FFA500;
  font-size: 18px;
  padding: 0 0 0 8px;
}

.owner {
  font-family: btitrbold;
  font-size: 16px;
  color: yellow;
}

 .menu-container p {
  margin: 0px;
  margin-top: -9px;
}