@font-face{ 
    font-family: shadow; src: url(/img/SchadBd_.ttf);
}
html{
    background-color: #000b18;

}
body{
    background-color:#0e1b2f;
    width:786px;
/*    height:100%; */
    padding: 0px;
    margin: auto;
}

html, body{
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    color: #fff;
}

a{
    text-decoration: underline;
    color: #999;
}
a:hover{
    text-decoration: none;
    color: #999;
}

/* */
div#page{
    background: url('/img/bg-right2.gif') right top repeat-y;
    margin: auto;
    width: 786px;
    margin-top: 10px;
}

div#header{
    background: url('/img/top2.gif') left top no-repeat;
    height:113px;
/*    width:786px; */
    width: 100%;
}
div#main-block{
    /*overflow: hidden;*/
    float:left;
    /*border: 1px solid #ccc;*/
    background: url('/img/left-bg.gif') left top repeat-y;
    
}
div#sidebar{
    width:267px;
    border-right: 1px solid #fff;
    float:left;
}

div.menu{
    background: url('/img/menu-bg.gif') left top repeat-x;
    height:343px;
    width: 100%;
}

div.menu_left{
    background-color: #ccc;
    float:left;
}


div.menu_items{
    margin-left: 24px; // margin-left: 12px;
    width: 192px;
    float:left;
}



.menu_items a {
    color: #152b46;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}

.menu_items a:hover {
    color: #152b46;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}

.menu_items a.white {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}

.menu_items a:hover.white {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}

.button1{
    cursor: pointer;
    padding-right: 25px;
    padding-top: 11px;
    margin-bottom:-11px;
    text-align:right;
    background: url('/img/button1.gif') left top no-repeat;
    height:41px;
}

.button2{
    cursor: pointer;
    padding-right: 25px;
    padding-top: 10px;
    margin-bottom:-10px;
    text-align:right;
    background: url('/img/button2.gif') left top no-repeat;
    height:40px;
}

.button3{
    cursor: pointer;
    padding-right: 25px;
    padding-top: 9px;
    margin-bottom:-9px;
    text-align:right;

    background: url('/img/button3.gif') left top no-repeat;
    height:37px;
}

.button4{
    cursor: pointer;
    padding-right: 25px;
    padding-top: 8px;
    margin-bottom:-8px;
    text-align:right;
    background: url('/img/button4.gif') left top no-repeat;
    height:36px;
}

.button5{
    cursor: pointer;
    padding-right: 25px;
    padding-top: 7px;
    margin-bottom:-7px;
    text-align:right;
    background: url('/img/button5.gif') left top no-repeat;
    height:35px;
}

.button6{
    cursor: pointer;
    padding-right: 25px;
    padding-top: 6px;
    margin-bottom:-6px;
    text-align:right;

    background: url('/img/button6.gif') left top no-repeat;
    height:34px;
}

div.callus{
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    color: #ffba00;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    background: url('/img/callus.gif') 50% 25% no-repeat;
    padding-top: 50px;
    margin-bottom: -50px;
    height:120px;
    
}


div.menu_right{
   float:left;
}



div.challenges{
    background: url('/img/challenges.gif') left top no-repeat;
    height:239px;
/*    width: 100%;    */
}


div.challenges-left-list-bl{
    float:left;
    background: url('/img/bl.gif') 60% 50% no-repeat;
    padding-top:10px;
    padding-left:20px;
    width:10px;
}
div.challenges-left-list{
    color: #000;
}

div.challenges-left-list-title{
    margin-left: 30px;
    padding-top: 5px; 
    padding-bottom: 5px; 
}

div.challenges-left-list-title a{
    text-decoration: none;
    color: #000;
}

div.challenges-left-list-title a:hover{
    text-decoration: underline;
    color: #000;
}


div.challenges-top{
/*    font-family: '/img/SchadBd_.ttf'; */
    font-family: shadow;
    font-size: 28px;
    font-weight: bold;
    background: url('/img/challenges-top-bg.gif') left top repeat-x;
    height:37px;
    padding-left:20px;
}

div.challenges-bottom{
    background: url('/img/challenges-bottom-bg.gif') left top repeat-x;
    height:33px;
    width:100%;
    text-align:right;    
}
div.challenges-bottom a{
    color: #da501a;
    font-weight:bold;
    font-style:italic;
    margin-right:15px;
    
}

.challenges-content{
    color:#fff;
    padding-top: 10px;
   
}

div.challenges-center{
    background-color: #fff;
    padding: 8px;
}

div.happen{
    color:#000;
    background-color: #374f6b;
    padding: 20px;
    width:221px;
}

div#content{
    width:511px;
    float: left;
    /*padding-left:269px; */
    border-top: 1px solid #fff;
    /*border-right: 1px solid #fff;*/
    /*margin-right: -7px;*/
}

div#bottom{
    margin-right: 7px;
/*    width:100%;*/
    clear: both;
}

div#footer{
    padding-top:10px;
    text-align: center;
    background: url('/img/footer2.gif') left top no-repeat;
    width: 100%;
    height:33px;
}