<STYLE  TYPE="text/css">
  BODY { /*тело документа */
    background-color: #FCF9ED; /* бледно-охровый цвет фона всей страницы */

   font: 2em, Verdana, Tahoma, sans-serif; /* методом подбора установили,
    что шрифт 0.7em является оптимальным. Tahoma для платформы Linux,
     a sans-serif для страховки */
    margin: 0px; /* обнуляем поля, чтобы не было неприятных дополнительных
    отступов от границ окна браузера */}

  .adv1 { /* текстовый рекламный блок */

    background: #C4C8E3; /* светло-фиолетовый цвет фона */
    padding: 5%; /* отступы, чтобы текст не "прилипал" к границам блока.
    Отступы нужны для комфортности чтения и для улучшения визуального воспри-
    ятия */
    margin-right: 2px; /* устраняет наложение фона на пунктирную линию и
    устанавливает отступ от нее справа в 1 пиксель */
    margin-left: 1px /* устанавливает отступ от пунктирной линии слева в 1
    пиксел */}

  .adv1 A { /* ссылки в текстовом рекламном блоке */

    color: #000; /* черный цвет ссылок, находящихся в рекламном блоке */
    text-decoration: none /* устраняет подчеркивание ссылок */}

  .anons { /* блок анонса */

    font-size: 1.0em; /* размер шрифта чуть меньше, чем основной */
    margin-bottom: 0px;
    margin-top: 0px;
    color: #277D1E;
    padding: 2% 1% 0% 1% /* отступы разной величины */}

  .anons A, .bazar A { /* ссылки в блоке анонса */

    color: #FA6F67; /* бледно-красный цвет ссылок */
    text-decoration: none; /* устраняет подчеркивание ссылок */
    font-weight: bold; /* устанавливает полужирный шрифт для ссылок */}

  .anons A:hover, .bazar A:hover { /* ссылки при наведении курсора в блоке новостей */
    text-decoration: underline;
    color: #EC2B20 /* красный цвет ссылок. Так как нет объявления , то ссылки будут подчеркиваться при наведении курсора */}

  .anons IMG.thumb { /* маленькие фотографии в блоке анонса */

    margin-right: 2%; /* поля вокруг фотографии, чтобы текст не прилипал */
    float: left; /* текст будет обтекать фотографию справа */}

  .bazar, .newsblock { /* так как блоки новостей и рубрики "базар" одинако-
  вы, их можно сгруппировать */

    padding: 0% 3% 3% 2% /* отступы снизу чуть больше, а слева самый ма-
    ленький */}


  .newsblock A { /* ссылки в блоке новостей */

    font-weight: bold /* устанавливает полужирный шрифт для всех ссылок */}

  .newsblock A:link { /* непосещенные ссылки в блоке новостей */

    color: #EC2B20; /* красный цвет ссылок */
    text-decoration: none /* устраняет подчеркивание ссылок */}

  .newsblock A:visited { /* посещенные ссылки в блоке новостей */

    color: #FA6F67; /* бледно-красный цвет ссылок */
    text-decoration: none /* устраняет подчеркивание ссылок */}

  .newsblock A:hover { /* ссылки при наведении курсора в блоке новостей */
    text-decoration: underline;
    color: #EC2B20 /* красный цвет ссылок. Так как нет объявления , то ссылки будут подчеркиваться при наведении курсора */}

  .newsblock SPAN { /* дата в блоке новостей */

    color: #277D1E /* устанавливает зеленый цвет */}

  .sfield { /* поле в форме поиска */

    background: #FFF; /* белый цвет поля фона */
    border: 1px solid #000; /* черная рамка толщиной 1 пиксел */
    height: 19px /* высота поля должна быть 19 пикселов. Это для согласова-
    ния с высотой рисунка go.gif? который тоже 19 пикселов высотой */}

  H1.tit { /* блок заголовка раздела */

    font: bold 1.5em Arial, sans-serif; /* заголовок будет выводиться полу-
    жирным шрифтом Arial в 1,4 раза большим, чем основной */
    margin-left: 1% /* установка поля для маленькой отбивки блока от пунк-
    тирной разделительной линии */}

  H1.tit SPAN { /* строчный блок в заголовке, чтобы фон не распространялся
  дальше букв */

    background: #C4DF9B /*светло-зеленый фон для заголовка */}

  #main2, #main3 { /* первые три центральных блока совершенно оди-
  наковы, поэтому их можно сгруппировать */

    background: url(i/dot1.gif) repeat-y 100% 0%; /* устанавливает фоновое
    изображение dot1.gif, которое будет повторяться по оси Y. Кроме того, оно
    будет с правого края блока, поскольку сдвинуто на 100% относительно лево-
    го края */

    width: 33%; /* ширина блока будет 1/4 от ширины окна браузера */

    height: 100%; /* высота блока будет равна высоте окна браузера */
    min-height: 90%; /* минимальная высота будет чуть меньше высоты окна
    браузера */
    margin-top: 0px;
    float: left; /* включает для данного блока плавающую модель, причем
    остальной контент должен обтекать этот блок справа. Необходимо для форми-
    рования колонок */

    }
  #mn_000 {position: absolute; top: 0%}

  HTML > BODY #main1, HTML > BODY #main2, HTML > BODY #main3 { /* так как в
  Netscape 6 и Opera 5+ привысоте контента, превышающей высоту блока, блок
  не растягивается, надо явно это указать */

    height: auto /* указывает, что блок должен растягиваться, чтобы вме-
    стить в себя весь контент */}

  #main4 { /* четвертый центральный блок. Совершенно аналогичен предыдущим
  за исключением фонового рисунка */

    width: 33%;
    height: 100%;
    min-height: 90%;
    float: left}

  HTML > BODY #main4 {
    height: auto}

  #menu { /* блок основной навигации */

    line-height: 2; /* высота межстрочных интервалов будет равна удвоенной
    высоте шрифта, так меню смотрится лучше */
    margin-left: 5%; /* поле для отбивки слева */
    padding-top: 2% /* отступ от верхнего края, чтобы меню к нему не
    "прилипало" */}

  #menu A { /* ссылки в меню */

    color: #000; /* черный цвет ссылок */
    text-decoration: none /* устраняет подчеркивание ссылок */}

  #top { /* верхний блок, содержащий логотип и баннер */

    width: 100%; /* ширина блока равна ширине окна браузера */
    height: 70px;
    margin: 0px;
    padding: 0px; /* точно задаем высоту в пикселах */

    }

  #topleft { /* блок с логотипом */
    width: 40%;
    height: 70px;
    float: left;
    position:absolute;
    top: 3px;
    left:3px
   }

  HTML>BODY #topleft { /* устранение конфликта между неверными блоковыми
  моделями в браузерах Internet Explorer и всех остальных */

    height: 55px /* если прибавить 15 пикселов верхнего отступа, то получится как раз 118 пикселов */}

  #topright { /* блок для баннера */
    height: 70px;
    background-color: #FFFFCC;
    width: 58%; /* для Internet Explorer вообще-то надо бы указать 75%, но
    небольшая разница в 1% в данном случае не играет роли */
    float: left; /* включение плавающей модели. Необходимо для того, чтобы
    и логотип, и баннер находились на одной горизонтальной линии */
    position: absolute;
    right: 18px;}

  #topgreen { /* блок, формирующий зеленую полосу */

    background: url(i/bg1.gif) repeat-x; /* собственно, сама полоса. Форми-
    руется повторением фонового рисунка bg1.gif по оси X */
    width: 100%; /* полоса растягивается на всю ширину окна браузера */
    height: 35px; /* высота задается точно в пикселах */
    padding-top: 8px;

   }

  #topgreenleft { /* блок пиктограмм */

    text-align: center; /* выравнивание пиктограммы по центру */
    width: 25%; /* ширина блока равна ширине первого главного блока и блока
    с логотипом */
    float: left; /* включение плавающей модели. Необходимо для того, чтобы
    пиетограммы и надписи находились на одной горизонтальной линии */}

  #topgreenleft IMG { /* отдельно взятая пиктограмма. Это нужно для того,
  чтобы пиктограммы были разделены пространством, которое зависит от ширины
  окна браузера */

    margin-left: 10%; /* левое поле */
    margin-right: 10%; /* правое поле */
    float: left}

  #topgreencenter { /* блок с названием журнала */

    color: #FFF; /* белый цвет шрифта */
    font-weight: bold; /* полужирный шрифт */
    width: 45%;
    font-size: 13pt;
    padding-left: 1%; /* отступ точно такой же, как и у блока баннера */
    float: left; /* включение плавающей модели. Необходимо для того, чтобы
    пиктограммы и надписи находидись на одной горизонтальной линии */}

  #topgreenright { /* блок с текущей датой. Практически аналогичен блоку с
  названием */

    color #FFF;
    font-weight: bold;
    width: 15%;
    float: left}


 </STYLE>
