/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */


body {background:url("../design/bg.gif") 50% 0 repeat-y; font:0.8em/1.5 "arial", sans-serif;}

body {
     background-color:#d7ecf4;
     color:#000; }

* {
    margin: 0px;
    padding: 0px;
}

a {color:#B00000; CURSOR: pointer; TEXT-DECORATION: none}
a:hover {color:0ff8000;}

a.more {color:#0080FF; CURSOR: pointer; TEXT-DECORATION: none}
a.more:hover {color:#FF8000;}

a.pagelink { FONT-SIZE: 16px; TEXT-ALIGN: left; TEXT-DECORATION: none; color:#FFFFFF; CURSOR: pointer; TEXT-DECORATION: none}
a.pagelink:hover { font-weight:bold; color:#FFFF5A; }



h1, h2, h3, h4, h5, h6, p, address, blockquote, dl, fieldset {margin:15px 0;}


H1 { FONT-SIZE: 18px; TEXT-ALIGN: left; TEXT-DECORATION: none }
H1 a {color:#0080FF; CURSOR: pointer; TEXT-DECORATION: none}
H1 a:hover {color:#B00000;}

H2 { FONT-SIZE: 16px; TEXT-ALIGN: left; TEXT-DECORATION: none }
H2 a {color:#B00000; CURSOR: pointer; TEXT-DECORATION: none}
H2 a:hover {color:#0080FF;}

H3 { font-size:14px;}

H4 { FONT-SIZE: 14px; TEXT-ALIGN: left; TEXT-DECORATION: none }
H4 a {color:#0080FF; CURSOR: pointer; TEXT-DECORATION: none}
H4 a:hover {color:#B00000;}


table.mytable { width: 100%; border: none; border: 0px solid #789DB3; border-collapse: collapse; }
table.mytable td { border: none; border: 0px solid #789DB3; padding: 0px; }
table.mytable tr.special td { border-bottom: 0px solid #ff0000;  }

table.mytable1 { width: 100%; padding: 0px; border: none; border: 1px solid #789DB3; border-collapse: collapse; }
table.mytable1 td { padding: 2px; border: 1px solid #789DB3; }
table.mytable1 tr.special td { border-bottom: 1px solid #ff0000;  }


.div_clear {
    clear: both;
    border: solid 0px #0000CC;
}


/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */


#main {width:940px; margin:0 auto; overflow:hidden; font-family: SolaimanLipi-Bold, FontAwesome; }

    #hotscroll { width:940px; line-height:32px; background-color:#DEDEDE; color:#000000; height:32px; position:fixed; top:0; z-index:200;
                     box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
    #hotscroll a.hot_title {color:#000000; TEXT-DECORATION: none; font-size:16px; }
    #hotscroll a.hot_title:hover {color:#FF0000; TEXT-DECORATION: underline; font-size:16px; }


    #header { width:940px; height:164px; margin-top: 32px; overflow:hidden; background:url("../design/header.jpg") 0 0 no-repeat;}
    /* #header { background-color:#990033; color:#FFF;} */
    #header a { color:#FFF;}

        #logo {position:relative; height:75px; overflow:hidden; margin:0 0 0 20px; padding:0; font-size:300%;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/logo.gif") 0 0 no-repeat; cursor:pointer;}

    #tray { width:940px; font-family: SolaimanLipi-Bold, FontAwesome; padding:10px 0 15px 10px; background:url("../design/tray.gif") 0 100% no-repeat; }
        #tray ul {margin:0; list-style:none; }
        #tray ul li {display:inline;}
        #tray ul li a {display:block; float:left; padding:0 15px 0 10px; background:url("../design/tray-separator.gif") 100% 50% no-repeat; text-decoration:none;}
        #tray ul li a:hover {text-decoration:none;}
        #tray ul li#tray-active a {font-weight:bold; text-decoration:none;}

        #tray {background-color:#2f2f2f; color:#FFFFFF;}
        #tray a {color:#FFF;}
        #tray li#tray-active a {color:#FFCCDE;}



#footer {
    background: url(../design/bg-footer.jpg) repeat-x top left;
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 23px 0 21px;
}
#footer div {
    margin: 0 auto;
    height: 27px;
    overflow: hidden;
    padding: 0;
    width: 940px;
}
#footer div p {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 27px;
    margin: 0;
    padding: 0 10px;
}
#footer div p a {
    color: #fff;
    text-decoration: none;
}
#footer a:hover {
    color: #ef414a;
}
#footer div ul {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 5px 0 0 60px;
}
#footer div ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer div ul li a {
    background: url(../design/border-footer-menu.png) no-repeat center left;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 0 2px 0 9px;
    text-decoration: none;
    text-transform: uppercase;
}
#footer div ul li:first-child a {
    background: none;
}
#footer div div {
    float: right;
    margin: 0;
    width: auto;
}
#footer div div span {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
}
#footer div div a {
    background: url(../design/icons.png) no-repeat;
    display: block;
    float: left;
    height: 27px;
    margin: 0 0 0 18px;
    padding: 0;
    text-indent: -99999px;
}
#footer div div #facebook {
    background-position: -7px 0;
    width: 15px;
}
#footer div div #facebook:hover {
    background-position: -39px 0;
}
#footer div div #twitter {
    background-position: 0 -58px;
    width: 28px;
}
#footer div div #twitter:hover {
    background-position: -32px -58px;
}
#footer div div #googleplus {
    background-position: -1px -32px;
    width: 26px;
}
#footer div div #googleplus:hover {
    background-position: -33px -32px;
    width: 26px;
}