html {
      height: 100%; 
      max-height: 100%;  
      padding: 0; 
      margin: 0; 
      border: 0; 
      font-size: 14px; 
      font-family: Arial, Helvetica, sans-serif;
      background-color: #FDA; 
      overflow: hidden; 
}
body {
      height: 100%; 
      max-height: 100%; 
      overflow: hidden; 
      padding: 0; 
      margin: 0; 
      border: 0;
}
img {
      border: none;
}
#content {
      display: block; 
      height: 100%; 
      max-height: 100%; 
      overflow: auto; 
      padding-left: 180px; 
      position: relative; 
      z-index: 3;
}
#head {
      position: fixed; 
      margin: 0; 
      top: 0; 
      right: 16px; 
      display: block; 
      width: 100%; 
      height: 40px; 
      background: url(headback.png) #FFF; 
      background-repeat: repeat-x;
      z-index: 5; 
      color: #111;
}
#foot {
      position: fixed; 
      margin: 0; 
      bottom: -1px; 
      right: 16px; 
      display: block; 
      width: 100%; 
      height: 25px; 
      background: url(footback.png) #faa; 
      background-repeat: repeat-x;
      text-align: center; 
      z-index: 5;
}
#foot p {
      margin: 4px 0 0 0;
      padding: 0;
}
#foot a {
      color: #fda; 
      font-size: 11px; 
}
#wc {
      float: right;
      margin: 5px 0 0 0;
      padding: 0;
      width: 110px;
}
#left {
      position: fixed; 
      left: 0; 
      top: 0; 
      height: 100%; 
      width: 174px; 
      background: url(leftback.png) #faa; 
      background-position: 0 65px;
      font-size: 14px; 
      color:#fdd;
      z-index:4;
      border-right: solid 1px #666;
}
* html #head, * html #foot,* html #left {
      position:absolute;
}
#rhead {
      display: block;
      width: 180px;
      height: 20px;
      float: right;
      padding-top: 6px;
      font-size: 11px;
      color: #fda;
}
#bhead {
      display: block; 
      width: 18px; 
      height: 40px; 
      float: left;
}
#bfoot {
      display: block; 
      width: 18px; 
      height: 20px; 
      float:left;
}
.bcont { 
      display: block; 
      height: 42px;
}
#content p { 
      padding:5px;
}
div#left p {
      font-size: 14px;
      padding-left: 8px;
      margin-top: 6px;
      margin-bottom: 5px;
      color: #fdd;
}
div#left ul {
       list-style: none;
       margin: 0px; 
       padding: 0px;
       margin-left: 8px; 
}
div#left a, div#left span {
      display: block;
      width: 150px;
      height: 18px;
      text-decoration: none;
      color: #600;
      background-color: #CCC;
      border: 1px solid #EEE;
      border-right: 1px solid #444;
      border-bottom: 1px solid #444;
      font-size: 12px;
      padding-left: 5px;
      padding-top: 5px;
}
div#left a:hover, div#left span {
      display: block;
      width: 150px;
      height: 18px;
      text-decoration: none;
      color: #600;
      background-color: #AAA;
      border: 1px solid #444;
      border-right: 1px solid #EEE;
      border-bottom: 1px solid #EEE;
      font-size: 12px;
      padding-left: 5px;
      padding-top: 5px;
}
h1 {
      font-size: 22px;
      margin: 2px 0 0 0;
      padding: 0;
      color: #fda;
}
#content h2 {
      font-size: 20px;
      color: #800;
}
#content h3 {
      font-size: 18px;
      color: #800;
}
#content p {
      font-size: 14px;
      color: #000;
}
#content a:link, a:visited {
      color: #600;
}
#content a:hover {
      color: #FFF;
      background-color: #600;
}
#content table {
      background-color: #fcc;
}
#content th {
      padding: 2px 6px;
      background-color: #fdd;
}
#content td {
      padding: 2px 6px;
}
tr.ung {
      background-color: #FFF;
}
tr.gra {
      background-color: #CCC;
}
code {
      font-family:'Courier New',Courier;
      font-size:15px;
      color:#600; 
}
pre {
      font-family:'Courier New',Courier;
      font-size:15px;
      color:#800; 
      border: solid 2px #800;
      background-color: #fee;
      padding: 2px;
}