html{height: 100%; 
     overeflow: hidden;     
  }
body{height:100%; 
     width: 100%;
     margin: 0px auto;
     background-color: #d8bfd8;
     background-attachment: fixed; 
  }
p {line-height: 150%;
  text-indent: 1em;
  padding-left: 1em;
  padding-right: 1em;
  }
h1,h2 {color: #660099;
       background-color: #d8bfd8;  
       font-weight: bold;       
  }
h3 {font-weight: bold;
   font-style: italic;
  }
h4 {font-weight: bold;
   font-style: italic;
  }
span {font-size: 80%;
  }
blockquote{font-weight: bold;
           font-style: italic;
           line-height:150%;
  } 
ul {line-height:150%;
  }

#container{overflow: auto;
           margin: 5px;
           padding: 5px;
  }
#up{background-color: #d8bfd8;
    width: 210px;
    height: auto;
    padding: 3px;
    margin: 5px;
   }
#counter{backgrond-color: #d8bfd8;
         width: auto;
         height: auto;
         padding: 0px;
         margin: 5px;
  }
#info{background-color: #d8bfd8;
      position: absolute;
      top: 10px;
      right: 5px;
      padding: 10px;  
      margin: 10px;
      width: auto;
      height: auto;
  }
#lt{overflow: auto;
    position: absolute;  
    left: 0px;
    top: 0px;
    width: 200px;
    height: auto;   
  }
#calendar{float: left;
          left: 5px;
          top:30px;
          width:170px;
          height: auto;
          margin: 5px;
   }
#main{background-color: #d8bfd8;
      position: relative;
      width: 450px;
      heght: auto;
      margin: 30px;
      padding: 15px;
  }
#footer{background-color: #d8bfd8;
        positon: relative;
        padding: 5px;
        width: 280px; 
        height: auto;
   }
#navi{margin: 10px;
      overflow: auto;
   }


if( 0 == g_browser_ok ) {
        return;
    }
    var obj = window;
    if( window.opera ) {
        var w = obj.innerwidth;
        var h = obj.innerheight;
    } else if( document.all ){                //ie4-
        var w = obj.document.body.clientwidth;
        var h = obj.document.body.clientheight;
    } else if( document.getElementById ){    //n6-7, m1, s1
        var w = obj.innerwidth;
        var h = obj.innerheight;
    }
var header_style = document.getElementById("header").style;
    header_style.left = 0 + "px";
    header_style.top = 0 + "px";
    header_style.width = w + "px";
    header_style.height = 70 + "px";
    var lt_style = document.getElementById("lt").style;
    lt_style.left = 0 + "px";
    lt_style.top = 70 + "px";
    lt_style.width = 156 + "px";
    lt_style.height = ( h - 70 ) + "px";
    var headmenu_style = document.getElementById("headmenu").style;
    headmenu_style.left = 156 + "px";
    headmenu_style.top = 70 + "px";
    headmenu_style.width = ( w - 156 ) + "px";
    headmenu_style.height = 45 + "px";
    var main_style = document.getElementById("main").style;
    main_style.left = 156 + "px";
    main_style.top = 70 + 45 + "px";
    main_style.width = ( w - 156 ) + "px";
    main_style.height = ( h - 45 - 70 ) + "px";
}