/* CSS Document */
body
{
    margin : 0px;
    padding : 0px;
    background-color :#FFF1D9;
    /*background-color : rgb(244 , 231 , 189);*/
}
h1, h2, h3, h4, h5, h6, span
{
    margin : 0px;
    padding : 0px;
}
#headerbg
{
    width : 100%;
    /*height : 309px;*/
    height : 173px;
    float : right;
    margin : 0px;
    padding : 0px;
    background-image : url("headerbg.jpg");
    background-repeat : repeat-x;
}
#headerblank
{
    width : 100%;
    /*height : 309px;*/
    height : 173px;
    float : right;
    margin : 0 auto;
    padding : 0px;
}
#header
{
    width : 100%;
    /*height : 309px;*/
    height : 173px;
    float : right;
    margin : 0px;
    padding : 0px;
    background-image : url("header.jpg");
    background-repeat : no-repeat;
}
#menu
{
    width : 100%;
    height : 33px;
    float : right;
    /*margin : 133px 51px 0 0;*/
    margin : 13px 51px 0 0;
    padding : 0px;
}
#menu ul
{
    width : 100%;
    height : 33px;
    float : right;
    margin : 0px;
    padding : 0px;
    display : block;
}
#menu ul li
{
    width : 76px;
    height : 33px;
    float : right;
    margin : 0 1px 0 0;
    padding : 0px;
    display : block;
}
#menu ul li a.menu
{
    width : 76px;
    height : 26px;
    float : right;
    margin : 0px;
    padding : 7px 0 0 0;
    font-family : Arial;
    font-size : 13px;
    font-weight : bold;
    color : rgb(255 , 255 , 255);
    text-align : center;
    text-decoration : none;
    background-image : url("menu.jpg");
    background-repeat : no-repeat;
}
#menu ul li a.menu:hover
{
    width : 76px;
    height : 26px;
    float : right;
    margin : 0px;
    padding : 7px 0 0 0;
    font-family : Arial;
    font-size : 13px;
    font-weight : bold;
    color : rgb(255 , 255 , 255);
    text-align : center;
    text-decoration : none;
    background-image : url("menuover.jpg");
    background-repeat : no-repeat;
}
#login
{
    width : 650px;
    height : 106px;
    float : right;
    /*margin : 35px 70px 0 0;*/
    /*margin : 35px 35px 0 0;*/
    /*margin : 10px 35px 0 0;*/
    margin : 10px 100px 0 0;
    padding : 0px;
    /*background-image : url("loginbg.jpg");
    background-repeat : no-repeat;*/
}
#logintxtblank
{
    width : 650px;
    height : 89px;
    float : right;
    margin : 0px;
    padding : 17px 0 0 27px;
}
#loginheading
{
    width : 650px;
    height : 21px;
    float : right;
    margin : 0 0 8px 0;
    padding : 0px;
    font-family : Georgia;
    font-size : 20px;
    color : rgb(0 , 0 , 0);
}
#loginheading h4
{
    width : 650px;
    height : 21px;
    float : right;
    margin : 0px;
    padding : 0px;
    font-family : Georgia;
    font-size : 20px;
    font-weight : normal;
    color : rgb(0 , 0 , 0);
}
#username
{
    width : 65px;
    height : 14px;
    float : left;
    margin : 0px;
    padding : 7px 0 0 0;
    font-family : Arial;
    font-size : 10px;
    color : rgb(149 , 132 , 77);
}
#input
{
    width : 197px;
    height : 21px;
    float : left;
    margin : 0px;
    padding : 0px;
    font-family : Arial;
    font-size : 10px;
    color : rgb(149 , 132 , 77);
}
#password
{
    width : 52px;
    height : 14px;
    float : left;
    margin : 0px;
    padding : 7px 0 0 23px;
    font-family : Arial;
    font-size : 10px;
    color : rgb(149 , 132 , 77);
}
#input02
{
    width : 197px;
    height : 21px;
    float : left;
    margin : 0px;
    padding : 0px;
    font-family : Arial;
    font-size : 10px;
    color : rgb(149 , 132 , 77);
}
.input
{
    width : 100px;
    height : 17px;
    float : right;
    margin : 0px;
    padding : 4px 0 0 16px;
    font-family : Arial;
    font-size : 14px;
    font-weight : bold;
    text-align: right;
    color : #000000;
    border : solid 1px rgb(234 , 210 , 139);
    background-color : rgb(234 , 210 , 139);
}
.Voteinput
{
    float : right;
    margin : 0px;
    padding : 4px 0 0 16px;
    font-family : Arial;
    font-size : 14px;
    font-weight : bold;
    text-align: right;
    color : #000000;
    border : solid 1px rgb(234 , 210 , 139);
    background-color : rgb(234 , 210 , 139);
}
#loginbutton
{
    width : 50px;
    height : 23px;
    float : left;
    margin : 0 0 0 20px;
    padding : 0px;
}
.login
{
    width : 50px;
    height : 19px;
    float : left;
    margin : 0px;
    padding : 4px 0 0 0;
    font-family : Arial;
    font-size : 10px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("login.jpg");
    background-repeat : no-repeat;
}
.login:hover
{
    width : 50px;
    height : 19px;
    float : left;
    margin : 0px;
    padding : 4px 0 0 0;
    font-family : Arial;
    font-size : 10px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("loginover.jpg");
    background-repeat : no-repeat;
}
#member
{
    width : 135px;
    height : 14px;
    float : left;
    margin : 9px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 13px;
    color : rgb(171 , 142 , 78);
}
#register
{
    width : 200px;
    height : 14px;
    float : left;
    margin : 9px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 13px;
    color : rgb(148 , 52 , 21);
}
.register
{
    font-family : Arial;
    font-size : 15px;
    font-weight : bold;
    color : rgb(148 , 52 , 21);
    text-decoration : none;
}
.register:hover
{
    font-family : Arial;
    font-size : 15px;
    font-weight : bold;
    color : rgb(148 , 52 , 21);
    text-decoration : underline;
}
/*-------------------------------------------------------------------------------------HEADERPART--------------------------------------------------END--------------------------------------*/
#contentbg
{
    width : 100%;
    float : left;
    margin : 0px;
    padding : 0px;
}
#contentblank
{
    width : 100%;
    float : none;
    margin : 0 auto;
    padding : 0px;
}
#content
{
    width : 100%;
    float : left;
    margin : 0px;
    padding : 0px;
}
#contentleft
{
    width : 215px;
    float : left;
    margin : 0px;
    padding : 34px 0 33px 52px;
}
#leftheading
{
    width : 216px;
    float : right;
    margin : 0px;
    padding : 0px;
    font-family : Georgia;
    font-size : 22px;
    color : rgb(126 , 137 , 1);
}
#leftheading h4
{
    width : 216px;
    float : right;
    margin : 0px;
    padding : 0px;
    font-family : Georgia;
    font-size : 26px;
    font-weight : normal;
    color : rgb(153 , 0 , 0);
}
.lefttxtblank
{
    width : 195px;
    height : 77px;
    float : left;
    margin : 20px 0 0 0;
    padding : 0px;
}
.lefttxtblank02
{
    width : 195px;
    height : 77px;
    float : left;
    margin : 33px 0 0 0;
    padding : 0px;
}
.lefticon
{
    width : 36px;
    height : 28px;
    float : left;
    margin : 0px;
    padding : 6px 0 0 0;
    font-family : Arial;
    font-size : 11px;
    color : rgb(255 , 255 , 255);
    text-align : center;
    background-image : url("lefticon.jpg");
    background-repeat : no-repeat;
}
.leftboldtxtblank
{
    width : 150px;
    height : 34px;
    float : left;
    margin : 0px;
    padding : 0 0 0 9px;
}
.leftboldtxt
{
    width : 147px;
    height : 13px;
    float : left;
    margin : 0px;
    padding : 0 0 0 3px;
    font-family : Arial;
    font-size : 11px;
    font-weight : bold;
    color : rgb(178 , 45 , 0);
}
.lefttxt
{
    width : 132px;
    height : 13px;
    float : left;
    margin : 0px;
    padding : 0 0 0 18px;
    font-family : Arial;
    font-size : 9px;
    font-weight : normal;
    color : rgb(70 , 70 , 70);
    background-image : url("lefttxtbg.jpg");
    background-repeat : no-repeat;
}
.leftnormaltxt
{
    width : 194px;
    float : left;
    margin : 4px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 11px;
    font-weight : normal;
    color : rgb(70 , 70 , 70);
}
.morebutton
{
    width : 194px;
    float : left;
    margin : 7px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 11px;
    font-weight : normal;
    color : rgb(70 , 70 , 70);
}
.more
{
    font-family : Arial;
    font-size : 11px;
    font-weight : normal;
    color : rgb(165 , 18 , 42);
    text-decoration : none;
}
.more:hover
{
    font-family : Arial;
    font-size : 11px;
    font-weight : normal;
    color : rgb(165 , 18 , 42);
    text-decoration : underline;
}
#leftnavheading
{
    width : 216px;
    float : left;
    margin : 35px 0 0 0;
    padding : 0px;
    font-family : Georgia;
    font-size : 22px;
    color : rgb(126 , 137 , 1);
}
#leftnavheading h4
{
    width : 216px;
    float : right;
    margin : 0px;
    padding : 0px;
    font-family : Georgia;
    font-size : 22px;
    font-weight : normal;
    color : rgb(126 , 137 , 1);
}
#leftnav
{
    width : 194px;
    DIRECTION : rtl;
    float : left;
    margin : 0px;
    padding : 0px;
}
#leftnav ul
{
    width : 194px;
    float : left;
    margin : 0px;
    padding : 0px;
    display : block;
}
#leftnav ul li
{
    width : 194px;
    height : 21px;
    float : left;
    margin : 0px;
    padding : 0px;
    display : block;
}
#leftnav ul li a.leftnav
{
    width : 175px;
    height : 18px;
    float : right;
    margin : 0px;
    padding : 3px 0 0 19px;
    font-family : Arial;
    font-size : 12px;
    font-weight : normal;
    color : rgb(70 , 70 , 70);
    text-decoration : none;
    background-image : url("leftnavactive.jpg");
    background-repeat : no-repeat;
}
#leftnav ul li a.leftnav:hover
{
    width : 175px;
    height : 18px;
    float : left;
    margin : 0px;
    padding : 3px 0 0 19px;
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    color : rgb(178 , 45 , 0);
    text-decoration : none;
    background-image : url("leftnavactive.jpg");
    background-repeat : no-repeat;
}
#leftnav ul li a.leftnavbot
{
    width : 175px;
    height : 18px;
    float : left;
    margin : 0px;
    padding : 3px 0 0 19px;
    font-family : Arial;
    font-size : 12px;
    font-weight : normal;
    color : rgb(70 , 70 , 70);
    text-decoration : none;
    background-image : url("leftnavbot.jpg");
    background-repeat : no-repeat;
}
#leftnav ul li a.leftnavbot:hover
{
    width : 175px;
    height : 18px;
    float : left;
    margin : 0px;
    padding : 3px 0 0 19px;
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    color : rgb(178 , 45 , 0);
    text-decoration : none;
    background-image : url("leftnavbot.jpg");
    background-repeat : no-repeat;
}
/*-------------------------------------------------------------------------------------LEFTRPART----------------------------------------------------------------END--*/
#contentmid
{
    width : 435px;
    float : center;
    margin : 0px;
    padding : 34px 0 33px 34px;
    background-image : url("vline.jpg");
    background-repeat : repeat-y;
}
.midheading
{
    width : 435px;
    float : left;
    margin : 0px;
    padding : 0px;
    font-family : Georgia;
    font-size : 28px;
    color : rgb(126 , 137 , 1);
}
.midheading h2
{
    width : 435px;
    float : left;
    margin : 0px;
    padding : 0px;
    font-family : Georgia;
    font-size : 28px;
    font-weight : normal;
    color : rgb(126 , 137 , 1);
}
.midtxt
{
    width : 100%;
    float : right;
    margin : 22px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 16px;
    font-weight : bold;
    color : rgb(70 , 70 , 70);
}
.midboldtxt
{
    font-family : Arial;
    font-size : 15px;
    font-weight : bold;
    text-align: right;
    color : rgb(178 , 45 , 0);
}
#comments
{
    width : 400px;
    height : 25px;
    float : left;
    margin : 22px 0 44px 0;
    padding : 0px;
    background-image : url("commentsbg.jpg");
    background-repeat : no-repeat;
}
#addcomments
{
    width : 82px;
    height : 17px;
    float : left;
    margin : 0px;
    padding : 7px 0 0 34px;
    font-family : Arial;
    font-size : 11px;
    color : rgb(139 , 44 , 0);
}
.addcomments
{
    font-family : Arial;
    font-size : 11px;
    color : rgb(139 , 44 , 0);
    text-decoration : none;
}
.addcomments:hover
{
    font-family : Arial;
    font-size : 11px;
    color : rgb(139 , 44 , 0);
    text-decoration : underline;
}
#morecomments
{
    width : 72px;
    height : 17px;
    float : left;
    margin : 0px;
    padding : 7px 0 0 28px;
    font-family : Arial;
    font-size : 11px;
    color : rgb(139 , 44 , 0);
}
.morecomments
{
    font-family : Arial;
    font-size : 16px;
    color : rgb(139 , 44 , 0);
    text-decoration : none;
}
.morecomments:hover
{
    font-family : Arial;
    font-size : 16px;
    color : rgb(139 , 44 , 0);
    text-decoration : underline;
}
.projectheading
{
    font-family : Georgia;
    font-size : 12px;
    color : rgb(192 , 148 , 60);
    padding : 0 0 0 14px;
}
#projectbg
{
    width : 401px;
    height : 158px;
    float : left;
    margin : 18px 0 34px 0;
    padding : 0px;
    background : #F0DFA9;
    /*background-repeat : no-repeat;*/
}
#projectthumnail
{
    width : 130px;
    height : 117px;
    float : left;
    margin : 15px 0 0 15px;
    padding : 0px;
    border : solid 3px rgb(235 , 214 , 147);
    background-image : url("projectthumnail.jpg");
    background-repeat : no-repeat;
}
#projecttxtblank
{
    width : 219px;
    float : left;
    margin : 15px 0 0 0;
    padding : 20px 0 0 0;
}
#projecttxt
{
    width : 206px;
    float : left;
    margin : 0px;
    padding : 0 0 0 13px;
    font-family : Arial;
    font-size : 12px;
    color : rgb(70 , 70 , 70);
}
.projectboldtxt
{
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    color : rgb(133 , 48 , 8);
}
#moreproject
{
    width : 194px;
    float : left;
    margin : 0px;
    padding : 5px 0 0 25px;
}
.moreproject
{
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    color : rgb(70 , 70 , 70);
    text-decoration : none;
}
.moreproject:hover
{
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    color : rgb(70 , 70 , 70);
    text-decoration : underline;
}
#purposetxt
{
    width : 399px;
    float : left;
    margin : 20px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 12px;
    color : rgb(70 , 70 , 70);
}
#purposenav
{
    width : 435px;
    float : left;
    margin : 0px;
    padding : 14px 0 0 0;
}
#purposenav ul
{
    width : 188px;
    float : left;
    margin : 0 24px 0 0;
    padding : 0px;
    display : block;
}
#purposenav ul li
{
    width : 188px;
    height : 21px;
    float : left;
    margin : 8px 0 0 0;
    padding : 0px;
    display : block;
}
#purposenav ul li a.purposenav
{
    width : 168px;
    height : 18px;
    float : left;
    margin : 0px;
    padding : 3px 0 0 20px;
    font-family : Arial;
    font-size : 11px;
    color : rgb(193 , 115 , 5);
    text-decoration : none;
    background-image : url("purposeactive.jpg");
    background-repeat : no-repeat;
}
#purposenav ul li a.purposenav:hover
{
    width : 168px;
    height : 18px;
    float : left;
    margin : 0px;
    padding : 3px 0 0 20px;
    font-family : Arial;
    font-size : 11px;
    color : rgb(193 , 115 , 5);
    text-decoration : none;
    background-image : url("purposeover.jpg");
    background-repeat : no-repeat;
}
/*-------------------------------------------------------------------------------------MIDPART------------------------------------------------------------END---------*/
#contentright
{
    width : 180px;
    float : left;
    margin : 0px;
    padding : 34px 0 40px 34px;
    background-image : url("vline.jpg");
    background-repeat : repeat-y;
}
.rightheading
{
    width : 180px;
    float : left;
    margin : 0px;
    padding : 0px;
    font-family : Georgia;
    font-size : 22px;
    color : rgb(126 , 137 , 1);
}
.rightheading h4
{
    width : 180px;
    float : left;
    margin : 0px;
    padding : 0px;
    font-family : Georgia;
    font-size : 22px;
    font-weight : normal;
    color : rgb(126 , 137 , 1);
}
#galleryblank
{
    width : 180px;
    float : left;
    margin : 21px 0 0 0;
    padding : 0px;
}
#rightpic
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 0px;
    padding : 0px;
}
.rightpic
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 0px;
    padding : 0px;
    background-image : url("rightpic.jpg");
    background-repeat : no-repeat;
}
.rightpic:hover
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 0px;
    padding : 0px;
    background-image : url("rightpic.jpg");
    background-repeat : no-repeat;
}
#rightpic02
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 13px 0 0 0;
    padding : 0px;
}
.rightpic02
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 0px;
    padding : 0px;
    background-image : url("rightpic02.jpg");
    background-repeat : no-repeat;
}
.rightpic02:hover
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 0px;
    padding : 0px;
    background-image : url("rightpic02.jpg");
    background-repeat : no-repeat;
}
#rightpic03
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 13px 0 0 0;
    padding : 0px;
}
.rightpic03
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 0px;
    padding : 0px;
    background-image : url("rightpic03.jpg");
    background-repeat : no-repeat;
}
.rightpic03:hover
{
    width : 180px;
    height : 68px;
    float : left;
    margin : 0px;
    padding : 0px;
    background-image : url("rightpic03.jpg");
    background-repeat : no-repeat;
}
.viewbutton
{
    width : 68px;
    height : 19px;
    float : left;
    /*margin : 16px 0 36px 0;*/
    padding : 0px;
    cursor: hand;
}
.viewbuttonbot
{
    width : 68px;
    height : 19px;
    float : left;
    margin : 16px 0 0 0;
    padding : 0px;
    cursor: hand;
}
.view
{
    width : 68px;
    height : 16px;
    float : left;
    margin : 0px;
    padding : 3px 0 0 0;
    font-family : Arial;
    font-size : 9px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("viewmore.jpg");
    background-repeat : no-repeat;
    cursor: hand;
}
.view:hover
{
    width : 68px;
    height : 16px;
    float : left;
    margin : 0px;
    padding : 3px 0 0 0;
    font-family : Arial;
    font-size : 9px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("viewmoreover.jpg");
    background-repeat : no-repeat;
    cursor: hand;
}
.righttxt
{
    width : 177px;
    float : left;
    margin : 21px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 12px;
    color : rgb(70 , 70 , 70);
}
.rightboldtxt
{
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    color : rgb(178 , 45 , 0);
}
/*--------------------------------------------------------------CONTENTPART-------------------------------------------------END--------------------------------------------------------------*/
#footerbg
{
    width : 100%;
    /*height : 166px;*/
    float : left;
    margin : 0px;
    padding : 0px;
    font-family : Tahoma;
    font-size : 10px;
    /*font-weight : bold;*/
    color :#000000;
    background-image : url("1.gif");
    /*background-repeat : repeat-x;*/
}
#footerblank
{
    width : 100%;
    height : 354px;
    float : none;
    margin : 0 auto;
    padding : 0px;
}
#footer
{
    width : 858px;
    height : 313px;
    float : left;
    margin : 0px;
    padding : 41px 0 0 146px;
    background-image : url("footer.jpg");
    background-repeat : no-repeat;
}
#footerbox
{
    width : 215px;
    height : 168px;
    float : left;
    margin : 0px;
    padding : 0px;
    background-image : url("footerbox.jpg");
    background-repeat : no-repeat;
}
#footermid
{
    width : 215px;
    height : 168px;
    float : left;
    margin : 0 35px 0 35px;
    padding : 0px;
    background-image : url("footerbox.jpg");
    background-repeat : no-repeat;
}
#footerlast
{
    width : 215px;
    height : 168px;
    float : left;
    margin : 0px;
    padding : 0px;
    background-image : url("footerbox.jpg");
    background-repeat : no-repeat;
}
.footerheading
{
    width : 215px;
    height : 21px;
    float : left;
    margin : 28px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 24px;
    color : rgb(244 , 231 , 189);
}
.footerheading h4
{
    width : 215px;
    height : 21px;
    float : left;
    margin : 0px;
    padding : 0px;
    font-family : Arial;
    font-size : 24px;
    font-weight : normal;
    color : rgb(244 , 231 , 189);
    text-align : center;
}
.footertxt
{
    width : 184px;
    float : left;
    margin : 17px 0 0 16px;
    padding : 0px;
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    color : rgb(255 , 255 , 255);
    text-align : center;
}
.footerbutton
{
    width : 68px;
    height : 19px;
    float : left;
    margin : 15px 0 0 73px;
    padding : 0px;
}
.button
{
    width : 68px;
    height : 15px;
    float : left;
    margin : 0px;
    padding : 4px 0 0 0;
    font-family : Arial;
    font-size : 9px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("footerbutton.jpg");
    background-repeat : no-repeat;
}
.button:hover
{
    width : 68px;
    height : 15px;
    float : left;
    margin : 0px;
    padding : 4px 0 0 0;
    font-family : Arial;
    font-size : 9px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("footerover.jpg");
    background-repeat : no-repeat;
}
#footerlinks
{
    width : 715px;
    float : left;
    margin : 25px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 11px;
    font-weight : bold;
    color : rgb(238 , 126 , 31);
    text-align : center;
    text-decoration : none;
}
.footerlinks
{
    font-family : Arial;
    font-size : 11px;
    font-weight : bold;
    color : rgb(238 , 126 , 31);
    text-align : center;
    text-decoration : none;
    padding : 0 3px 0 3px;
}
.footerlinks:hover
{
    font-family : Arial;
    font-size : 11px;
    font-weight : bold;
    color : rgb(238 , 126 , 31);
    text-align : center;
    text-decoration : underline;
    padding : 0 3px 0 3px;
}
#copyrights
{
    width : 715px;
    float : left;
    margin : 5px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 11px;
    color : rgb(64 , 20 , 0);
    text-align : center;
}
#designedby
{
    width : 715px;
    float : left;
    margin : 5px 0 0 0;
    padding : 0px;
    font-family : Arial;
    font-size : 11px;
    font-weight : bold;
    color : rgb(64 , 20 , 0);
    text-align : center;
}
.designedby
{
    font-family : Arial;
    font-size : 11px;
    font-weight : bold;
    color : rgb(238 , 126 , 31);
    text-align : center;
    text-decoration : none;
}
.designedby:hover
{
    font-family : Arial;
    font-size : 11px;
    font-weight : bold;
    color : rgb(238 , 126 , 31);
    text-align : center;
    text-decoration : underline;
}
#validation
{
    width : 422px;
    float : left;
    margin : 5px 0 0 0;
    padding : 0 0 0 293px;
}
.xhtml
{
    width : 66px;
    height : 17px;
    float : left;
    margin : 0px;
    padding : 1px 0 0 0;
    font-family : Arial;
    font-size : 11px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("xhtml.jpg");
    background-repeat : no-repeat;
}
.xhtml:hover
{
    width : 66px;
    height : 17px;
    float : left;
    margin : 0px;
    padding : 1px 0 0 0;
    font-family : Arial;
    font-size : 11px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("xhtml.jpg");
    background-repeat : no-repeat;
}
.css
{
    width : 66px;
    height : 18px;
    float : left;
    margin : 0 0 0 5px;
    padding : 0px;
    font-family : Arial;
    font-size : 11px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("xhtml.jpg");
    background-repeat : no-repeat;
}
.css:hover
{
    width : 66px;
    height : 18px;
    float : left;
    margin : 0 0 0 5px;
    padding : 0px;
    font-family : Arial;
    font-size : 11px;
    color : rgb(0 , 0 , 0);
    text-align : center;
    text-decoration : none;
    background-image : url("xhtml.jpg");
    background-repeat : no-repeat;
}
.NewTopic
{
    HEIGHT : 106px;
    BORDER-LEFT : rgb(245 , 234 , 192) 1px solid;
    DIRECTION : rtl;
    padding-right : 5px;
    vertical-align : middle;
}
.NewTopicText
{
    width : 180px;
    HEIGHT : 70px;
    FONT-FAMILY : Arial;
    COLOR : rgb(210 , 40 , 6);
    FONT-SIZE : 16px;
    FONT-WEIGHT : bold;
    vertical-align : top;
}
.author
{
    /*width : 180px;*/
    width : 350px;
    HEIGHT : 10px;
    FONT-FAMILY : Arial;
    COLOR : rgb(0 , 0 , 0);
    FONT-WEIGHT : bold;
    FONT-SIZE : 14px;
    vertical-align : bottom;
}
/************************************************************New WEB ******************************/
.imgMainThirdDown {
	BACKGROUND-IMAGE: url(downArrowSelectedMain.gif); BACKGROUND-REPEAT: no-repeat
}
.imgMainThirdUp {
	BACKGROUND-IMAGE: url(upArrowSelectedMain.gif); BACKGROUND-REPEAT: no-repeat
}
.StringTheme a 
{
	font-family: "Arial";
	font-size: 16px;
	font-weight: bold;
    	COLOR : rgb(210 , 40 , 6);	
	text-decoration: none;
	direction:rtl;
}

.AutherTheme a
{
	font-family: "Arial";
	font-size: 14px;
	font-weight: bold;
    COLOR : Black;	
	text-decoration: none;
	direction:rtl;
}

.tabstitle {
	background-color : rgb(244 , 231 , 189);font-size: 20px;PADDING-BOTTOM: 2px; MARGIN: 5px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FLOAT: right; PADDING-TOP: 2px ;COLOR:#990000
}
.SubPart {
	border-bottom-style:dashed;border-bottom-color:#992121;border-bottom-width:1px
}
.AnsSubPart {
	border-bottom-style:dashed;border-bottom-color:#992121 ;border-bottom-width:1px;
	border-top-style:dashed;border-top-color:#992121 ;border-top-width:1px
}
.TagSubPart {
	BACKGROUND:#992121 ;
	width:5px;
}

.menu {background-color:darkred;width:0; color:#FFFFFF; text-align: center}

.submenu {position:absolute;background-color:#FFFFFF;width:0}

.Upinput
{
    width : 65px;
    height : 17px;
    float : left;
    margin : 0px;
    font-family : Arial;
    font-size : 10px;
    color : rgb(149 , 132 , 77);
    border : solid 1px rgb(234 , 210 , 139);
    background-color : rgb(234 , 210 , 139);
}
.SubUpinput
{
    width : 30px;
    height : 17px;
    float : left;
    margin : 0px;
    font-family : Arial;
    font-size : 10px;
    font-weight: bold;
    color : #000000;
    border : solid 1px rgb(234 , 210 , 139);
    background-color : rgb(234 , 210 , 139);
}
.scroll {
	WIDTH: 100%;
	HEIGHT: 300px;
	overflow: auto;
	overflow-x:hidden; 
	border: 0px;
	background-color: #EFDB9E;
	scrollbar-face-color:#EFDB9E;	
	padding: 0px;
	CLEAR: both;
	MARGIN: auto;

}
/***********************************************************Tabber*****************************/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
/*margin-top:1em;*/
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #C6A04D;
 font: bold 16px "Arial";
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #C6A04D;
 border-bottom: none;
 background: #EFDB9E;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #990000; }
ul.tabbernav li a:visited { color: #C6A04D; }

ul.tabbernav li a:hover
{
 color: #990000;
 background: #C6A04D;
 border-color: #C6A04D;
}

ul.tabbernav li.tabberactive a
{
 background-color: rgb(244 , 231 , 189);
 border-bottom: 1px solid rgb(244 , 231 , 189);
}

ul.tabbernav li.tabberactive a:hover
{
 color: #990000;
 background: rgb(244 , 231 , 189);
 border-bottom: 1px solid rgb(244 , 231 , 189);
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #C6A04D;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

  height:379px; 

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/*===========================Galary============================*/
#myGallery {
	Z-INDEX: 5; WIDTH: 200px; HEIGHT: 310px
}
#myGallerySet {
	Z-INDEX: 5; WIDTH: 200px; HEIGHT: 310px
}
#flickrGallery {
	Z-INDEX: 5; WIDTH: 200px; HEIGHT: 310px
}
#flickrGallery {
	WIDTH: 200px; HEIGHT: 310px
}
#NewsNav {
	FLOAT: right
}
#NewsNav IMG {
	CURSOR: pointer
}
#NewsNumber {
	PADDING-RIGHT: 5px; FONT-FAMILY: "Arabic Transparent"; DIRECTION: rtl; FONT-SIZE: 16px; FONT-WEIGHT: normal
}
#NewsNumber A {
	PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-FAMILY: "Arabic Transparent"; DIRECTION: rtl; FLOAT: right; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 3px
}
#NewsAll {
	PADDING-LEFT: 10px; FLOAT: left
}
.imageElement H3 {
	FONT-FAMILY: Tahoma; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.imageElement P {
	WIDTH: 200px; FONT-FAMILY: Tahoma; HEIGHT: auto; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.jdGallery {
	POSITION: relative; OVERFLOW: hidden
}
.jdGallery IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.jdGallery .slideElement {
	BACKGROUND-IMAGE: url("loading-bar-black.gif"); BACKGROUND-COLOR: #EFDB9E; WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center center; HEIGHT: 100%
}
.jdGallery .loadingElement {
	BACKGROUND-IMAGE: url("loading-bar-black.gif"); POSITION: absolute; BACKGROUND-COLOR: #EFDB9E; WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center center; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
.jdGallery .slideInfoZone {
	Z-INDEX: 10; POSITION: absolute; TEXT-INDENT: 0px; MARGIN: 0px; WIDTH: 100%; BOTTOM: 0px; BACKGROUND: #ffffff; HEIGHT: 40px; COLOR: #fff; OVERFLOW: hidden; LEFT: 0px
}
.jdGallery .slideInfoZone H2 {
	PADDING-BOTTOM: 0px; MARGIN: 2px 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: none; DIRECTION: rtl; FONT-SIZE: 18px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.jdGallery .slideInfoZone P {
	TEXT-ALIGN: right; PADDING-BOTTOM: 0px; MARGIN: 2px 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DIRECTION: rtl; COLOR: #000; FONT-SIZE: 16px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.jdGallery A {
	FONT-SIZE: 100%; TEXT-DECORATION: none
}
#newsNextbutton {
	BACKGROUND-IMAGE: url("newsNext.jpg"); BACKGROUND-REPEAT: no-repeat
}
.newsStopbutton {
	BACKGROUND-IMAGE: url("newsStop.jpg"); BACKGROUND-REPEAT: no-repeat
}
.newsPlaybutton {
	BACKGROUND-IMAGE: url("newsPlay.jpg"); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% top
}
#newsPrevbutton {
	BACKGROUND-IMAGE: url("newsPrev.jpg"); BACKGROUND-REPEAT: no-repeat
}

#InterActiveMenuBar {
	text-align:center;BACKGROUND-IMAGE: url("newsMenuBar.gif"); MARGIN-TOP: 5px; WIDTH: 220px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px
}
.SelectedMainStories {
	BACKGROUND-IMAGE: url("letterselected.jpg"); PADDING-LEFT: 10px; PADDING-RIGHT: 2px; BACKGROUND-REPEAT: no-repeat;COLOR: #FFFFFF;
}
.newsText {
	BACKGROUND-COLOR: #e3ecf3; FONT-FAMILY: "Arabic Transparent"; DIRECTION: rtl; COLOR: #004791; FONT-SIZE: 15px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
/* =============== VMenu =========================*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #ffa1a3; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(media/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

/*.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}*/