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

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


/* Тут новая фигня */
div#header {
 position: relative;
 background-color: #008080;
 border-bottom: 1px solid #696969;
 text-align: center;
 color: #008B8B;
 margin: 0;
 padding: 0;
}

div#header a {
 text-decoration: underline;
 color: #FFFF00;
}
div#header a:hover {
 text-decoration: underline;
 color: #DAA520;
}


div#header h1, div#header h2, div#page-name {
 margin: 0;
 padding: 10px 280px 10px 0;
}

div#header h1 {
 font: bold 23px Verdana;
 color: #FFFFFF;
}

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

div#page-name {
 background-color: #F5F5F5;
 border-bottom: 1px solid #696969;
 color: #808080;
 text-align: center;
 font: bold 18px Verdana;
 padding: 10px 290px 10px 5px;
 /*padding-bottom: 10px;*/
} 

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

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

div#top-menu {
 background-color: #FFEFD5;
 position: absolute;
 width: 268px;
 top: 0px;
 right: 5px;
}

div#chapters, div#top-menu { /* Общие свойства для верхнего меню и оглавления, поэтому и перечислены через запятую */
 border: 1px solid #808080;
 background-color: #FFffff;
 margin-top: 12px;
 text-align: left;
}

div#chapters{ /* Для блока с оглавлением пришлось добавить доп. поле снизу */
 margin-bottom: 10px;
}

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

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

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

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

div#top-menu  { /* Внешний вид НЕ ДЛЯ ССЫЛОК */
    font: bold 13px Tahoma;
    color: #C0C0C0;
}

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

div.delimiter05 {
   padding: 5px; 
}    div.delimiter1 {
   padding: 10px; 
}    div.delimiter2 {
   padding: 20px;
}    div.delimiter3 {
   padding: 30px;
}

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 h1.r-blue {
    color: #4682B4;
    font: bold 42px Arial, Verdana, Tahoma, sans-serif;
    text-align: right;
}

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

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 {
    /* если нужен другой шрифт  font: 17px Times New Roman, Tahoma, Arial, Verdana, sans-serif; */
    padding-top: 15pх;
    text-indent: 0px;
}

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

div#content p.poem {
    width: 60%;
    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;
}


/* --- литеры N и K --- */
p.n span.fl, p.k span.fl {
   display: block;
   float: left;
   width: 32px;
   height: 30px;
   margin: 6px 20px 0 0;
}    p.n span.fl {
   background: url("images/litera_N.gif") no-repeat;
}    p.k span.fl {
   background: url("images/litera_K.gif") no-repeat;
}    div#content p.n,  div#content p.k {
   text-indent: 0;
}    div#content p.n, div#content p.q {
   font-weight: bold;
}


/* --- 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 h1 {
    color: #696969;
    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: #696969;
    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: #00736A;
    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;
}


a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: red;
}

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

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: #C0C0C0;
    color: blue;
    text-decoration: none;
    width: 1em;
    display: inline-block;
}
div#content div.page-nav a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #008080;
}
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;
}


/* Длинные ссылки */
div.grey-links {
    text-align: right;
    padding-bottom: 5px;
}

div.grey-links a {
    padding: 2px 9px;
    margin: 2px;
    text-align: right;
    line-height: 15px;
    background-color: #C0C0C0;
    color: blue;
    text-decoration: none;
    display: inline-block;
}

div#content div.grey-links a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #008080;
}

div.grey-links a:-moz-any-link {
    display: -moz-inline-box; 
}

a.nav-last:-moz-any-link {
    margin-right: 8px;
}

/* Конец длинных ссылок*/



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;
}
img.center-img {
   float: center;
   margin: 5px 0px 5px 0px;
   border: none;
}

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


/* Список книг */

div#booklist {
    float: left;
    width: 400px;
    margin-right: 10px;
    padding-right: 20px;
    border-right: 1px solid #aaa;
}

div#booklist div.book  {
    border-bottom: 1px solid #444;
    padding: 5px 0 20px 0;
}


div#booklist div.book h3 {
    display: inline;
    color: #008080;
    font-size: 14px;
}

div#booklist div.book span.author {
    font-weight: bold;
}

div#booklist div.book p {
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 2.2ex;
}

div#booklist div.book span.update {
    display: block;
    font-size: 11px;
    margin: 3px 0; 
}

div#booklist div.book a.dl {
    display: block;
    font-size: 11px;
    font-weight: bold;
    font-family: Sans;
    
}

div#rhelp h4 {
    text-align: center;
}

div#rhelp ul  {
    list-style-position: inside; /* Где-то глюл, но ХЗ*/
}