/* default styles  */

*{ margin: 0; padding: 0; }* 
body { 
    color: #111; 
    background: #000; 
    font-family: arial, sans-serif,Verdana,"ËÎÌå";
    line-height: 1.5em; /* 18px; */
    font-size: 0.9em; /* 12px; */
}

a { color: #333; background: inherit;}
a:hover { color: #f33; background: inherit; }

h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
h1 a { color: #737373; background: inherit; }
.red { color: #FF0000; }
.orange { color: #E0692A; }
.blue { color: #0066FF; }
.white {color: #FFFFFF; }

.white a { color: #FFF; background: inherit; }
.red a:hover, .orange a:hover, .blue a:hover, .white a:hover  { color: #000; background: #FFF; }

a, h1 a, h2 a , h3 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { font-size: 1.5em; color: #E00; margin-bottom: 5px; background: inherit; }
h3 { font-size: 1.2em; color: #F00; margin-bottom: 5px; background: inherit; }

p { margin: 5px 10pxpx 5px 10px; padding: 5px 10pxpx 5px 10px; }

ul { list-style : none; }

sup { font-size: .5em; }

/* layout  */

.content { 
    margin: 0 auto;
    width: 880px;
    padding: 0; 
    background: #000 url(images/body-bg.jpg) repeat-y;
}

.whitebg { 
    background: #fff;
}

.header { 
    color: #808080;
    margin: 0px 0;
    padding:  0 0 1px 0;
}

.top_info {
    float: right;
    width: 555px;
    padding: 5px 0 4px 0;
    color: #808080;
}

    .top_info_left {
        float: left;
        width: 200px;
    }

    .top_info_right {
        float: right;
        width: 290px;
        padding: 0 0 0 35px;
        border-left: 1px solid #eee;
    }

.language  {
    float: right;
    width: 150px;
    text-align: right;
    color: #FFF;
    background: inherit;
    padding: 6px 12px 6px 12px;
}

.menubar { 
    clear: both;
    font-size: 1.0em;
    height: 30px; 
    color: #FFF;
    background: #FF9148 url(images/menu-bg.jpg) repeat-x;
}

    .menubar li { 
        padding: 5px 12px 6px 12px;
        color: #FFEADC;
        float: left; 
    }
    
    .menubar li.active { 
        background: #F00 url(images/menu-active-bg.gif) repeat-x; 
        color: #F00;
        font-weight: bold; 
    }
    
    .menubar li a { 
        font-weight: bold;
        font-size: 1.0em;
        color: #FFF; 
        background: inherit;
        text-decoration: none;
    } 
    
    .menubar li a:hover { 
        font-weight: bold;
        color: #F00; 
        background: inherit;
        text-decoration: none;
    } 

    
    .menubar li.right { 
        float: right;
        width: 360px;
        text-align: right;
    }

/* left side  */

.left, .leftbar {
    float: left;
    margin: 0 0 10px 0;
    padding:  0 10px 0 10px;
}

.left {
    width: 560px; 
}

.leftbar {
    width: 280px;  
}

    .left h2, .leftbar h2 {
        clear: both;
        background: #FFF url(images/h2bg.jpg) no-repeat center left;
        color: #100;
        font-size: 1.3em;
        line-height: 1.8em;  
        padding: 8px 5px 8px 40px;
        margin: 0 0 0px 0;
    }
    
    .border {
    	border: 1px  solid #F33;
        padding: 8px ;
        margin: 0 0 10px 0;
    }
    
    .box { 
        color: #fff; 
        /*background: #FFF; */
        padding: 3px 0; 
        margin: 0 0 10px 0; 
    }
       
    .left_side {
        float: left;
        width: 250px;
        padding: 0 0 0 0;
        margin: 10px 0 0 20px;
    }
        
    .right_side {
        float: right;
        width: 250px;
        /* background: #FFF url(images/dotted.gif) repeat-y;  */
        /*color: #414141;*/
        padding: 0 0 0 0;
        margin: 10px 20px 0 0  ;
    }
        
    /* .left_side a, .right_side a { color: #414141; background: #FFF; } */
    
    .all_side {
        float: left;
        width: 500px;
        padding: 0 0 0 0;
        margin: 30px 0 0 50px;
    }
        
 
/* right side */
        
.right, .rightbar {
    float: right;
    margin: 0 0 10px 0;
    padding:  0 10px 0 5px;
}
        
.rightbar {
    width: 280px;
}
        
.right {
    width: 560px;
}


    .right h2, .rightbar h2 {
        clear: both;
        background: #FFF url(images/h2bg.jpg) no-repeat center right;
        padding: 8px 40px 8px 5px;
        margin: 0 0 10px 0;
    }

    .right h3, .rightbar h3 {
        background: #FFF  url(images/h3bg.jpg) no-repeat  center right;
        padding: 8px 40px 8px 5px;
        margin: 0 0 0px 0;
    }
    .entry {
        background: #eee;
        color: #111;
        padding: 8px;   
        margin: 2px 0 2px 0;
    }
    .notice {
        background: #eee;
        color: #808080;
        padding: 12px 8px;  
        margin: 0 0 3px 0;
    }
    .image {
        float: left;
        margin: 0 9px 3px 0;
    }
    
    .icon {
        border: 0;
        margin: 0;
        padding: 1px 5px;           
    }
    
    .banner {
        width: 280px;
        border: 0;
        margin: 0;
        padding: 3px 0px  0px 0px;           
    }

.indent50 { 
    clear: both;
    width: 878px;
    margin: 10px 50px 10px 50px; 
    padding: 0;
}

.centerbox { 
    clear: both;
    width: 878px;
    margin: 10px 5px 10px 5px; 
    padding: 0;
}


.leftbox, .rightbox { 
    clear: both;
    width: 600px;
    margin: 10px 20px 10px 20px; 
    background: url(images/content-bg.jpg) repeat-y;
}

.leftbox { 
    padding: 10px 20px 10px 10px;
}

.rightbox { 
    padding: 10px 10px 10px 20px;
}


.box860 { 
    clear: both;
    width: 860px;
    margin: 10px 10px 10px 10px; 
    background: url(images/body-bg.jpg) repeat-y;
}

    .image800  {
        width: 800px;
        margin: 10px 30px 10px 30px;
    }

    .leftimage,  .rightimage, .image200  {
        width: 200px;
        margin: 10px 10px 10px 10px;
    }
    
    .image400  {
        width: 400px;
        margin: 10px 10px 10px 10px;
    }

    .leftbox, .leftimage {
        float: left;
    }

    .rightbox, .rightimage {
        float: right;
    }

   .contentfont {
        color: #033;
        font-family: arial, sans-serif, Verdana,"ËÎÌå";
        line-height: 1.8em;  
        font-size: 1.0em;  
    }


/* footer  */

.footer { 
    clear: both;
    text-align: center;
    padding: 0;
    /*border-top: 1px solid #ccc;*/
    line-height: 1.8em;
    background: #f0f0f0; 
    font: normal;
    font-size: 0.8em; /* 10px; */
}

    .footer a { /* color: #e0e0e0;   background: #eee; */ }