div#layout { /* exploder 5.5+ */
    width: expression((document.body.clientWidth > 790 ? document.body.clientWidth : 790) + "px");
    height: expression((document.body.clientHeight > 490 ? document.body.clientHeight : 490) + "px");
  }

  div#container {
    width: 970px;
  }

  div#container div.container-top {
    height: 20px;
    width: 100%;
  }

  div#container,
  div#container div.container-right,
  div#container div.container-left {
    height: 100%;
  }

  /* colors */
  div#container {
    background-image: url(../image/grunge_back.gif);
    background-color: #EEEEEE;
  }

  div#container div.container-top-left {
    background-image: url(../image/left_gray_side_grad.gif);
    background-position: right;
    background-repeat: repeat-y;
    background-color: #bbb;
    border-width: 0px 1px 0px 0px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
  }

  div#container div.container-top-right {
    background-color: #bbbbbb;
    background-image: url(../image/right_gray_side_grad.gif);
    background-repeat: repeat-y;
    border-width: 0px 0px 0px 1px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: gray;
  }

  div#container div.container-top {
    background: #aaaaaa;
    border-width: 0px 0px 1px 0px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    background-image: url(../image/top_grad.gif);
    background-repeat: repeat-x;
  }

  div#container div.container-right {
    background-color: #bbbbbb;
    background-image: url(../image/right_gray_side_grad.gif);
    background-repeat: repeat-y;
    border-left: 1px solid gray;
  }

  div#container div.container-left {
    background-color: #bbbbbb;
    background-image: url(../image/left_gray_side_grad.gif);
    background-position: right;
    background-repeat: repeat-y;
    border-right: 1px solid gray;
  }

  div#headWrapper {
    position: relative;
    top: 0px;
    left: 4px;
    height: 191px;
    padding-right: 8px;
    z-index: 1;
  }

  div#headWrapper div#addBar {
    position: relative;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 92px;
    background-image: url(../image/vert_bar.gif);
    float: left;
  }

  div#headWrapper div#topAdd {
    position: absolute;
    top: 68px;
    left: 11px;
    width: 728px;
    height: 90px;
    border: 1px solid #bbb;
    background-color: #ddd;
    overflow: hidden;
  }

  div#headWrapper div#banner {
    position: relative;
    top: 0px;
    left: 0px;
    width: 752px;
    _width: 753px;
    height: 165px;
    _height: 167px;
    background-image: url(../image/banner_large.jpg);
    background-color: #ddd;
    border: 1px solid #bbb;
    float: left;
  }

  div#headWrapper div#loginBlock {
    position: relative;
    top: 0px;
    right: 0px;
    width: 196px;
    height: 91px;
    _height: 92px;
    float: right;
    z-index:3;
  }

  div#headWrapper div#searchBlock {
    position: relative;
    top: 4px;
    _top: 3px;
    right: 0px;
    width: 196px;
    height: 71px;
    float: right;
    z-index: 2;
  }

  div#headWrapper div#artistAlphabet {
    position: relative;
    margin-top: 4px;
    left: 0px;
    height: 18px;
    float: left;
    z-index: 1;

  }

  div#bodyWrapper {
    position: relative;
    top: 1px;
    left: 4px;
    padding-right: 8px;
  }

  div#bodyWrapper div#leftCol {
    position: relative;
    top: -2px;
    _top: 0px;
    left: 0px;
    width: 160px;
    float: left;
    height: auto;
  }

  div#bodyWrapper div#centerCol {
    padding: 0px 3px 3px 3px;
    _padding: 0px 1px 3px 1px;
    position: relative;
    top: 0px;
    _width: 100%;
    margin-left: 160px;
    margin-right: 196px;
  }

  div#bodyWrapper div#rightCol {
    position: relative;
    top: -2px;
    _top: 0px;
    right: 0px;
    width: 196px;
    float: right;
  }

  div.bodyBlock {
    border-style: none;
    position: relative;
    top: 0px;
    margin-top: 0px;
    _margin-top: 2px;
    height: auto;
    _width: 100%;
  }