body{
  font-size: 12px;
  word-break: break-all;
}

h1,h2,h3{
  font-family: "Arial black";
}
h1{  font-size:27px;}
h2{
  font-size:25px;
  margin: 0 0 10px;
  padding: 0 0 0 5px;

  border-left: 8px solid #999999;
  background-color: #555555;
  color: #ffffff;

  border-left: 8px solid #333333;
  background-color: #cccccc;
  color: #000000;

  
}
h3{
  font-weight: normal;
  font-size:15px;
  line-height: 1;
}
h3 span{
  font-weight: bold;
}


div#inner_container{
  background-color: #ffffff;
}
  div#header,
  div#index,
  div#charts{
    width: 760px;
    margin-bottom: 2em;
  }
    div#header div{
      margin: 1em;
      
      border-top: 1px solid #999999;
      padding-top: 1em;
    }

/* index /////////////////////////////////////////////////////////////////////// */

  div#index dl{
  position: relative;
  float: left;

    width: 145px;
    border: 0px solid #000000;
    margin: 3px;
    height:155px;
    background-color: #555555;
    color: #ffffff;
    
    text-align: center;
  }
    div#index dl dd.img{
    position: absolute;
    top: 5px;
    left: 5px;
    
      width:135px;
      height:100px;
      background-color: #777777;
      
      line-height: 0;
      font-size: 0;
      padding: 0;
      
    }
      div#index dl dd.img a{
        display: inline;
        border-style: none;
        line-height: 0;
        height: 0;

        margin: 0;
        padding: 0;
      }
      div#index dl dd.img img{
        border-style: none;
        width:135px;
        height:100px;

        margin: 0;
        padding: 0;
      }

    div#index dl dt{
      margin-top: 105px;
      font-size: 14px;
      font-family: "Arial Black";
      line-height: 1.3;
      
/*      font-weight: bold;
*/    }
    div#index dl dt span{
      font-weight: bold;
    }
      div#index dl dt a{
        color: #ffffff;
        text-decoration: none;    }
      div#index dl dt a:hover{
        color: #99aaff;
        text-decoration: underline;    }

    div#index dl dd{
      color: #999999;
      font-size:11px; 
      line-height: 1.3;
    }
    div#index dl dd.ss{
      font-size:8px; 
    }

/* charts ////////////////////////////////////////////////////////////////////// */

div#charts div.dj{
    margin-bottom: 1.5em;
    padding: 0 0.7em 0.2em ;

    background: url(../IMG/charts_dj_BG.gif) repeat-y top left;
  }
    div.dj div.info{
    float: left;  
    width: 190px;
    padding:0.5em 0;
      
      background-color: #555555;
      color: #ffffff;
    }
      div.dj div.info h3,
      div.dj div.info img,
      div.dj div.info ul{
        margin: 0 5px;
        empty-cells: hide; 
      }
      div.dj div.info img{
        width: 180px;
        height: 150px;
      }
      div.dj div.info h3{
        margin-top: 5px;
      }
        div.dj div.info ul li{
          margin: 3px 0;
        }
        div.dj div.info ul li.prof{
          max-height: 150px;
          overflow: auto;
        }
        * html div.dj div.info ul li{
          overflow :hidden ;
        }
        div.dj div.info ul li.detail{
          text-align: right;
        }
        div.dj div.info ul li.detail a{
          text-decoration: none;
          background: url(../IMG/detail.gif) no-repeat left top;
          padding-left: 12px;
          color: #aaaaaa;
        }
        div.dj div.info ul li.detail a:hover{
          text-decoration: underline;
          color: #ffffff;
        }
    div.dj div.detail{
    float: right;
    width: 540px;
    }
      div.dj div.detail h4{
        margin: 0.7em 0.7em 2px 0;
        border-bottom: 1px solid #999999;
      }
      div.dj div.detail p{
        margin: 0 1em;
      }
      div.dj div.detail ol{
        margin: 0 1em 0 0.5em;
      }
        div.dj div.detail ol li{
          margin-left: 2em;
          list-style: decimal outside;
        }


/* ClearFix  //////////////////////////////////////////////////////////// */

div.dj:after,
div#index:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
div.dj,
div#index {
  _height: 1px;
  min-height: 1px;
  /*��*//*/
  height: auto;
  overflow: hidden;
  /**/
}
div.dj,
div#index {
  display: inline-block;
}
html[xmlns] div.dj,
html[xmlns] div#index {
  display: block;
}
* html div.dj,
* html div#index {
  height: 1%;
}