HTML
{
  text-align: center; /* Центрирование BODY для IE5 */
  background: #F6F2E4; 
}

BODY
{
  /* Раскладка */
  margin: 10px auto;  /* BODY по центру HTML */
  text-align: left;   /* Восстановим выравнивание текста слева */
  padding:0;
  border: 1px solid #638F7B;
  width: 760px;  
  /* Шрифты    */
  font: small Georgia, serif;
  /* Цвета     */
  color:black;
  background: white; 
}
/* Заголовочная часть */
#header
{
  position:relative;
  background: url(pic/image.jpg) right top no-repeat;
  height:119px;
  width:100%;
}

#header H1
{
  height:119px;
  margin:0;
  padding:0;
  background: url(pic/h1bg.png) left top repeat-y;
}
#header #logo
{
  position:absolute;
  top:6px;
  left:10px;
}
#header #title
{
  position:absolute;
  top:22px;
  left:200px;
}


/* Обёртка блоков  sidebar и content */
#wrapper
{
  float:left;
  background: url(pic/wrapbg.png) repeat-y;  /* Ложные колонки */
}
/* Общие свойства боковой панели и содержания */
#sidebar, #content
{
  color: #2A3D34;
}
/* Отступы для содержимого блоков sidebar и content */
.wrap
{
  padding:10px;
}
#sidebar .wrap
{
 padding-left:20px;
 padding-right:0px;
}
/* Содержание */
#content 
{ 
  float:left;
  width: 500px;   
}

#content H2, #content P
{ 
  margin-top:0;
  margin-bottom: 0.5em;
}
#content P
{ 
  margin-top:0.5;
  margin-bottom: 1em;
}

/* Боковая панель*/
#sidebar
{
  float:left;
  width: 260px;   
}

/* Меню */
.menu
{
  float:left; /* Чтобы блок охватил своих потомков */
  clear:both; /* Прерывание обтекания для вышерасположенных блоков */
  width:100%; /* Растягтваем на всю ширину родителя */
  margin:0;       /* Убираем внешние отступы списка */
  padding: 2px 0; /* Убираем лишние внутренние отступы списка */
  background: #fff2a6; /* Фон меню */
  border-top: 1px solid #638F7B; /* Рамка сверху */
  border-bottom: 1px solid #638F7B; /* Рамка снизу */
  list-style: none; /* Убираем маркеры */
}
.menu LI
{
  float:left; /* Каждый элемент списка -- плавающий блок */
  display:inline; /* Уловка для IE */
  margin-left:10px; /* Расстояние между пунктами меню */
  font-family: "Trebuchet MS", Arial, sans-serif; /* Шрифт */
  font-size:90%; /* Размер шрифта */
}

/* Свойства ссылок */
A {text-decoration: none;}  /* Отменяем подчёркивание всех ссылок */
A:link    {color:#0040ff} /* Цвет не посещённой ссылки */
A:active  {color:red}     /* Цвет активной ссылки      */
A:visited {color:purple}  /* Цвет посещённой ссылки    */
A:hover /* Когда курсор над ссылкой  */
{
  color:white; /* Белый тект */
  background: #ff7f00; /* На оранжевом фоне */
}

/* Подвал */
#footer
{
  clear:both;
  padding: 2px 10px;
  font-size:90%;
  white-space:nowrap;
  color:white;
  background:#828377;
}

#footer A 
{
  color:yellow;
}

/* Для устранения элементов при включённом CSS */
.none { display:none }

/* Бокс для боковой панели */
.box
{
  width:233px;
  background: url(pic/boxbg.gif) top repeat-y; 
  margin-bottom:5px;
}

.box H3
{
  background: url(pic/topbg.gif) top no-repeat; 
  margin:0;
  padding:6px 10px 4px 10px;
}

.box .in
{
  padding:0px 20px 20px 10px;
  background: url(pic/bottombg.gif) bottom no-repeat; 
}

.box UL 
{
  margin:0;   
  padding:0 0 10px 0;
  list-style: none; /* Убираем маркеры */
}

.box IMG { display:block}
