
body {background-color: rgb(244,245,246);
}
#wrapper {
  /* для фиксированной ширины */
  width: 900px;
  margin: 0 auto;
  
  /* для "резиновой" ширины
  width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
  min-width: 1000px; */
}
#header{margin-bottom:10px;
  
}
#header a:visited, #header a:link, #header a:hover{text-decoration: none;
  color: rgb(255,255,255);
}
#container {
  width: 100%;
  background: rgb(255,255,255); /* фон основной колонки */
}
* html #container {height: 1%;}
#container:after {
  /* закрываем плавающие блоки */
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}

#content {text-align:justify;
  width: 430px;
  width: "485px";
  float: left;
  padding:30px;
  margin-right:10px;
 }
#content a:visited, #content a:link, #content a:hover{text-decoration: none;
  color: rgb(55,112,84);
}
#banners{
    width: 390px;
    float: left;
    padding-bottom:20px;
}
#left {
  float: left;
  width: 160px;
  padding-left:17px;
  padding-left:"20px";
  padding-right:10px;
 }
#right {
  float: left;
  width: 165px;
  padding-left:20px;
  padding-left:"8px";
  }
#ramka{width:175px;
  text-align:center;
  font-size: 12pt;
  color: rgb(55,112,84);
}
#ramka a:visited, #ramka a:link, #ramka a:hover{text-decoration: none;
  color: rgb(55,112,84);
}
#ramka1{width:175px;
  height:30px;
  text-align:center;
  font-size: 14pt;
  color: rgb(55,112,84);
  padding-top:3px;
  background-repeat: no-repeat;
}
#content img {
    width:400px;
}
ol {
    padding-left:-30px;
}
#right img{
    border: none;
}

#code{
    width:100%;
    border:1px dotted black;
    padding:5px;
    font-size:8pt;
    color:rgb(55,112,84);
    letter-spacing:1px;
    background-color:rgb(240,240,240);
}
p{
    text-indent:2em;
}