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 */
DIV.wrap
{
  padding:10px;
}
/* Содержание */
#content 
{ 
  float:left;
  width: 500px;   
}

/* Боковая панель*/
#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;}  /* Отменяем подчёркивание всех ссылок */
.menu A:link    {color:#0040ff} /* Цвет не посещённой ссылки */
.menu A:active  {color:red}     /* Цвет активной ссылки      */
.menu A:visited {color:purple}  /* Цвет посещённой ссылки    */
.menu A:hover /* Когда курсор над ссылкой  */
{
  color:white; /* Белый текст */
  background: #ff7f00; /* На оранжевом фоне */
}

/* Подвал */
#footer
{
  clear:both;
  padding: 2px 10px;
  color:white;
  background:#828377;
}

#footer A
{
  color:yellow;
}

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