html, body {
 margin: 0; /* убираем используемые по умолчанию поля */
 padding: 0; /* или отступы (в разных браузерах это работает по-разному, а и то, и то - универсально) */
 background-color: #5F9EA0; /* цвет пустых полей по бокам */
}
div#body-860 { /* я изменил название, что бы соответствовало смыслу*/
 background-color: white;
 width: 820px;
 margin: 0 auto 0 auto; /* это стандартный способ центирования для контейнера, т.е. поля задаются автоматом */
 /* border-top: 2px solid #D2691E; Здесь лучше использовать только боковые рамки (без верхней и нижней), но на вкус и цвет... */
 padding: 0;
}


div#01-002 {
    background-color: #FF0000;
    padding: 15px;
}

/* блок=рисунок+текст */
div.picright {
   border: 1px solid #AAA;
   float: right;
   margin: 10px 0 5px 15px;
}    div.picleft {
   border: 1px solid #AAA;
   float: left;
   margin: 10px 15px 5px 0;
}    div#content div.picright p, div#content div.picleft p {
   background-color: #FFFACD;
   padding: 3px 5px 3px 5px;
   margin: 0;
   text-indent: 0;
   text-align: justify;
   font: 11px bold Tahoma, Arial, Verdana, sans-serif;
}

/* Тут новая фигня */
div#header {
 position: relative;
 text-align: center;
 color: #FF8C00;
 margin: 0;
 padding:0 200px 0 200px; /* отступы слева и справа */
 height: 350px;                                      /* !!!!высота шапки!!!! */
 background: #FFFFFF url('img/emblema2.gif') no-repeat 7px 7px; /* ЭМБЛЕМА */
}


/* ещё ЭМБЛЕМА */
div#data {
 position: absolute;
 padding : 0;
 top: 210px;
 left: 5px;
}

div#header h1, div#header h2, div#page-name {
 margin: 0;
 padding: 10px 0px 10px 0; /* Изменение */
}

div#header h1 {
 font: bold italic 36px Verdana;
 color: #D2691E;
/* padding-left: 230; */ /* Убрал + была ошибка - не указана ед. измерения */
}

div#header h2 {
 font: bold 14px Verdana;
 text-align: center;
}

div#page-name {
 background-color: #B0C4DE;
 border-bottom: 1px solid #4682B4;
 border-top: 1px solid #4682B4;
 color: white;
 text-align: center;
 font: bold 19px Verdana;
 padding: 10px 220px 10px 20px;
/* padding-bottom: 20px;
 padding-top: 20px;*/
} 

div#page-name a {
 text-decoration: underline;
 color: #1E90FF;
}

div#page-name a:hover {
 text-decoration: underline;
 color: #FF0000;
}

div#top-menu {
 position: absolute;
 top: 0px;
 right: 5px;
}

div#top-menu { /* Общие свойства для верхнего меню */
 border: 2px solid #008080;
 background-color: #F5FFFA;
 width: 210px;
 margin-top: 8px;
 text-align: left;
}


div#emblem {
 position: absolute;
 top: 12px;
 left: 5px;
}


div#top-menu span { /* Заголовки для меню */
 background-color: #8FBC8F;
 color: white;
 display: block; /* Изменение модели форматирования. Теперь это полноценный блочный элемент, хотя тег <span> является по-умолчанию строчным*/
 text-align: center;
 font: bold 14px Verdana;
 padding: 3px;
}

div#top-menu ul { /* Внешний вид для списка ссылок */
list-style: none; /*  Убирается отображение маркеров */
 margin: 10px;
 padding: 0;
}

div#top-menu ul li { /* ДОБАВЛЕНО: Внешний вид элементов списка  */
 margin: 0;
 padding: 0;
 line-height: 0.8em; /* только так решается проблема с IE и FF */
}

div#top-menu a { /* Внешний вид для самих ссылок */
    font: bold 13px Tahoma;
    text-decoration: none;
    color: navy;
}

div#top-menu a.special { /* Цвет ссылки с классом spacial */
    color: brown;
}

div#top-menu a:hover { /* Внешний вид для ссылок при наведении на них */
    font: bold 13px Tahoma;
    text-decoration: underline;
    color: brown;
}

div.delimiter05 {
   padding: 5px; 
} /* со всех сторон по 5 */
div.delimiter1 {
   padding: 10px; 
} /* со всех сторон по 10 */
div.delimiter2 {
   padding: 20px;
} /* со всех сторон по 20 */
div.delimiter3 {
   padding: 30px;
} /* со всех сторон по 30 */

div#content { /* Общие характеристики для контейнера с текстом страницы */
    padding: 20px;
    color: #222;
    text-align: justify;
    font: 12px Tahoma, Arial, Verdana, sans-serif;
    letter-spacing: 1.5px; /* Межбуквенное расстояние */
    line-height: 3ex; /* Рассояние между строк */
    /*margin-left: 40px; 
    margin-right: 40px; данную конструкцию правильнее заменить на */  
    margin: 0 40px; /* т.е. снизу и сверху 0, а справа и слева 40 */
} 

/* Задание шрифта для таблицы */
div#content table {
    font: 12px Tahoma, Arial, Verdana, sans-serif;
}

div#content a {
    /* font: 12px Tahoma, Arial, Verdana, sans-serif;  - если шрифт такой же, как и в обычном текте, не нужно этого указывать */
    text-decoration: none;
    /*color: #0000FF; Замена на сокращенный вариант: */
    color: #00F;
}

div#content a:hover {
    /* font: 12px Tahoma, Arial, Verdana, sans-serif; - если шрифт при наведении не меняется, данное определение также излишне */
    text-decoration: underline;
    color: #B22222;
}

div#content p {
    padding-top: 15pх;
    text-indent: 0px;
} 


div#content p.right {
    text-align: right;
}

div#content p.oficial {
    font: 18px Times New Roman, Tahoma, Arial, Verdana, sans-serif;
}

div#content p.poem1 {
    width: 60%;
    margin: auto;
    text-indent: 0;
}
div#content p.poem2 {
    width: 50%;
    margin: auto;
    text-indent: 0;
}
div#content p.poem3 {
    width: 35%;
    margin: auto;
    text-indent: 0;
}

  div#content p.epigraf {
  position: relative;
  padding-left: 350px;
  text-align: justify;
  margin: auto;
  text-indent: 0;
}



div#content div.epigraf1 {
   margin: 0 0 0 auto;
   width: 500px; /* Замена для max-width */
}
div#content div.epigraf1 p {
   float: right; 
   text-indent: 0;
   text-align: justify;
}
div.right-clearer {
   clear: right;
}


/* --- epigraf --- */
div#content div.epi-main {
   margin: 0 0 0 auto;
   width: 500px; /* Замена для max-width */
}
div#content div.epi-main div.epi-text {
   float: right; 
}
div#content div.epi-main p {
   text-indent: 0;
   text-align: justify;
}
div#content div.epi-clearer {
   clear: right;
}


/* Дальше идут Ваши (почти) правила */
    
div#content ul {
  /*  list-style: none; убираются маркёры */
    margin: 10px;
    padding: 0;
}

div#content dl {
  list-style: yes;
    margin: 10px;
    padding: 0;
}

div#content h1 {
    color: black;
    font: bold 24px Arial, Verdana, Tahoma, sans-serif;
    text-align: center; 
}

div#content h2 {
    color: black;
    font: bold 18px Arial, Verdana, Tahoma, sans-serif;
    text-align: center; 
}

div#content h3 {
    color: black;
    font: bold 18px Arial, Verdana, Tahoma, sans-serif;
    text-align: center; 
}

div#content h3 a {
    text-decoration: underline;
    color: #0000FF;
}

div#content h3 a:hover {
    text-decoration: underline;
    color: #B22222;
}

div#content h4 {
    font: bold 12px Tahoma, Arial, Verdana, sans-serif;
    text-align: left;
    color: #2F4F4F;
}   

div#content h5 {
    font: bold 12px Tahoma, Arial, Verdana, sans-serif;
    text-align: right;
    color: #2F4F4F;
}

div#content h6 {
    font: 12px Tahoma, Arial, Verdana, sans-serif;
    text-align: right;
    color: #2F4F4F;
}

/* Дальше опять мое */

div#footer {
    background-color: #FF8C00;
    color: white;
}

 
div#special {
    width: 50%;
    font: bold 18px Tahoma;
    text-align: center;
    margin: 15px auto;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
}

cite {
    text-decoration: underline;
}

/*  Ссылка НАВЕРХ  */

div#goto-top {
    width: 100%;
    margin: 0 auto 30px auto;
    border-bottom: 1px groove navy;
    text-align: right;
    padding-bottom: 5px;
}

div#goto-top a {
    font: bold 14px Tahoma;
    color: red;
    text-decoration: none;
}

div#goto-top a:hover {
    text-decoration: underline;
}

/* ссылки Предыдущая Следующая */

div#prev-next {
    margin-bottom: 10px;
}

div#prev-next a {
    font: bold 12px arial;
    display: inline;
    width: auto;
    padding: 0 15px;
    text-transform: uppercase;
}

/* Далее при наведении на ссылки либо слева, либо справа появляются стрелочки (фоновые рисунки) */

div#prev-next a#prev-ch:hover {
    background: white url("i/prev.gif") no-repeat center left;
}

div#prev-next a#next-ch:hover {
    background: white url("i/next.gif") no-repeat center right;
}


/* Навигация по страницам */
div.page-nav {
    text-align: right;
    padding-bottom: 5px;
}

/* Реализацию следующих 6-ти правил я подробно описывал */
div.page-nav a {
    padding: 2px 9px;
    margin: 2px;
    text-align: right;
    line-height: 15px;
    background-color: #D3D3D3;
    font-weight: bold;
    color: blue;
    text-decoration: none;
    width: 1em;
    display: inline-block;
}

div.page-nav a:hover {
    background-color: #FDF5E6;
}

div.page-nav a:-moz-any-link {
    display: -moz-inline-box;
}

div.page-nav span {
   padding: 2px 9px;
   margin: 2px;
   background-color: #008B8B;
   color: white;
   font-weight: bold;
   line-height: 15px;
    width: 1em;
    display: inline-block; 
    text-align: right;
}

img.titl-img {
   float: left;
   margin: 0px 5px 0px 0px;
   border: none;
}
img.left-img {
   float: left;
   margin: 0px 15px 5px 0px;
   border: none;
}

img.right-img {
   float: right;
   margin: 0px 0px 5px 15px;
   border: none;
}

html>body div.page-nav span {
    display: -moz-inline-box;
}