html, body { margin: 0; padding: 0; border: 0; }
body { color: #000; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
#carrier { width: 100%; background: #fff; }
#header, #menu, #text h2, #footer { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#header { height: 120px; background-color: #369;
 background-image: url(images/logo_right.gif); background-repeat: no-repeat; background-position: right;
 border-bottom: solid 5px #69c; padding: 0; margin: 0; }
#logo { float: left; width: 300px; height: 120px; margin: 0; padding: 0; text-align: left; margin-right: 50px; }
#logo img { border: none; }
#header h1 { float: none; font-weight: normal; text-transform: uppercase; font-size: 25px;
margin: 0; padding: 0; padding-top: 40px; }
#header a:link, #header a:visited, #header a:hover, #header a:active { color: #ffffff; text-decoration: none; }

  /* "Подложка" для навигационного меню. Ширина области навигации
      постоянна во всех браузерах и составляет 200 пикселей */
  #menucarrier
  {
 width: 200px; /* Ширина слоя */
 background: #fff0cc url(images/bg_menu.gif) center repeat-y scroll;
 margin-bottom: 20px;
  }

  /* Собственно блок навигации */
  #menu {
    font-size: 12px;
    text-align: center;
    padding: 10px 20px;
    border-style: none solid solid none;
    border-width: 0px 2px 2px 0px;
    border-color: #c00;
  }

  /* Хитрые игры со свойствами margin и padding имеют целью
     полную совместимость с IE5. Блок навигации отображается в IE5
     так же, как и в более современных браузерах. "Кнопки"
     навигационного меню расположены на расстоянии 20 пикселей
     друг от друга и от границ навигационного блока по вертикали */
  #menu p {
    padding: 8px 0px;
    margin: 0px;
  }

  /* При помощи свойства display мы превращаем гиперссылки и
     контейнер <span>...</span>, размещенные в блоке навигации, из
     внутристрочных элементов в блочные, что дает нам возможность
     указать ширину при помощи свойства width */
  #menu a, #menu span
  {
    display: block;
    width: 154px;
    margin: auto;
    height: 15px;
  }

  /* Далее следуют правила представления "кнопок" навигационного меню.
     Их четыре вида: 1) обыкновенные; 2) выделенные при помощи курсора
     мыши; 3) соответствующие текущему "магистральному" разделу и
     предназначенные для его внутренних страниц - для таких "кнопок"
     назначен класс current; 4) соответствующие текущей
     странице и поэтому не являющиеся ссылками - этот вид "кнопок"
     представлен элементами <span>...</span> */
  #menu a {
    color: #000;
    text-decoration: none;
  }
  #menu a:link, #menu a:visited {
    background: #fff0cc;
    border: solid 2px #fc9;
  }
  #menu a:hover, #menu a:active, #menu a.current:link, #menu a.current:visited, #menu span {
    border-style: solid none;
    border-width: 2px;
    border-color: #c00;
  }
  #menu a.current:link, #menu a.current:visited, #menu span {
    background: #fff;
  }
  #menu span
  {
    color: #999;
  }
  #menu a.current:hover, #menu a.current:active {
    background: #fff0cc;
  }


  /* Дальнейшие правила определяют оформление элементов области
     основного текстового содержания страницы */
  #text {
    padding: 20px;
  }
  #text h2 {
    margin-top: 0;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    color: #369;
  }
  #text h2 a.h2 {    
    color: #369;
  }
 #text h2 a.h2:hover {    
    color: #f60;
  }

  #text h3 {
    font-size: 18px;
    font-weight: normal;
    color: #369;
  }
  /* Псевдокласс first-child указывает на первый вложенный
     в блок #text заголовок <h2>...</h2>. Для таких заголовков
     верхний вертикальный отступ устанавливается равным нулю.
     Впрочем, Internet Explorer не понимает этого псевдокласса,
     так что в браузере от Microsoft первый заголовок области
     основного текста будет расположен заметно дальше от
     "шапки", нежели в браузерах, относящихся к рекомендациям
     W3C более уважительно */

  img.left_c { margin: 15px; margin-top: 0; margin-left: 0; border: 1px solid #369; }
  img.left { margin: 15px; margin-left: 0; border: 1px solid #369; }
  img.right { margin: 15px; margin-right: 0; border: 1px solid #369; }

  /*  */
  #text p {
    font-size: 90%;
    text-align: justify;
    text-indent: 0;
    margin: 0px;
    margin-bottom: 10px;
  }
  #text p.idv01 { 
    margin-top: 25px;  
  }

  /* Класс абзацев, предназначенный для новостей сайта */
  #text p.news {
    text-align: left;
    text-indent: 0pt;
    margin-top: .5em;
    margin-bottom: .5em;
  }

  /* Класс, позволяющий выделять полужирным начертанием
     даты свежих обновлений сайта */
  .date {
    font-weight: bold;
  }

  /* Представление нумерованных и маркированных списков
     в основном тексте */
  #text ul, #text ol {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-position: inside;
  }
  #text ul {
    list-style-type: square;
    font-size: 90%;
  }

  /* Оформление ссылок в основном тексте */
  #text a {
    text-decoration: none;
  }
  #text a:link {
    color: #f60;
  }
  #text a:visited
  {
    color: #999;
  }
  #text a:hover {
    text-decoration: underline;
  }
  #text a:active {
    color: #f00;
  }
 
 #text h3.idv02 { 
   margin-bottom: 0; 
  }

  /* Правила, определяющие представление "подвала" и содержащихся в нем
     элементов - абзацев и гипертекстовых ссылок */
#footer { 
width: 100%; 
clear: both; 
border-top: solid 5px #69c;  
background: #369; 
margin: 0;
padding: 0;
}

#footer table { 
width: 100%; 
font-size: 11px; 
color: #fff; 
background: #369; 
}
  
#footer p { 
padding: 0; 
margin: 0; 
text-align: left; 
}
  
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #fff;
text-decoration: underline;
  }
#footer img { border: none; }
#footer td { text-align: right; margin: 0; padding: 10px; }

#bar {
 border-bottom: solid #fc9 2px;
 border-top: solid #fc9 2px;
 background-color: #fff0cc;
 margin: 0;
 height: 15px;
 padding: 0;
 padding-left: 20px;
 font-size: 12px;
 color: #369;
 font-family: Tahoma;
}

#bar a:link,
#bar a:visited,
#bar a:hover,
#bar a:active {
color: #c00;
text-decoration: none;
}
/* Правила, определяющие версию представления данных для карманных
   компьютеров. Никак не взаимосвязаны с правилами, определенными
   для экранной версии представления. Перечисленные ниже конструкции
   очень простые, комментировать здесь почти нечего. Все блоки
   позиционированы согласно простейшей схеме static и следуют
   друг за другом в нормальном потоке. Размер шрифта для всего
   текста страницы задан в пикселях: 16 пикселей для заголовков
   первого уровня, 14 - для заголовков второго уровня и 12 - для
   всех остальных элементов */
@media handheld {
  html, body {
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  img {
    display: none;
  }

  body {
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
  }
  #header, #menucarrier, #text, #footer {
    padding: 5px;
  }
  #header, #footer {
    background: #ccc;
  }
  #header {
    font-size: 16px;
    margin: 0px;
  }
  #menucarrier {
    background: #fff0cc;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
  }
  #footer {
    border-top: solid 1px #666;
  }
  h2, p {
    margin: 5px 0px;
  }
  #text h2
  {
    font-size: 90%;
  }
  ul {
    list-style: square inside;
    margin: 5px;
    padding: 0px;
  }
  li {
    margin: 0px;
    padding: 0px;
  }
  a:link {
    color: #00f;
  }
  a:visited {
    color: #609;
  }