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

/* Определения для блока BODY, вложенного в блок HTML */
BODY
{
  /* Раскладка */
  position:relative;  /* Чтобы можно было позиционировать отностельно BODY */       
  margin: 15px auto;  /* Выравнивание BODY по центру HTML */
  padding:0px;
  border: 1px solid #638F7B;
  text-align: left; /* Восстановим выравнивание текста слева */
  width: 762px; /* Подделка для IE5 и IE6 Transitional */
  /* Шрифты    */
  font: 1em Georgia, serif;
  /* Цвета     */
  color:black;
  background: url(pic/bodybg.gif) #F6F2E4; 
  /* Разное    */
  voice-family: "\"}\""; /* Остановим IE5 и IE6 Transitional */
  voice-family:inherit;
  width: 760px; /* Размер содержимого по стандарту */
}

HTML>BODY  /* Реверанс для Opera 7 */
{                                                                              
  width: 760px; /* Размер содержимого по стандарту */
}

A         {text-decoration:none;}
A:link    {color:blue}
A:active  {color:red}
A:visited {color:purple}
A:hover   {color:red;text-decoration:underline}

/* Оформление внешней ссылки */
A.off
{
  background: url(pic/off.gif) no-repeat center right;
  padding-right: 11px;
  margin-right: 2px;   
  zoom:1; /* хак для IE  */
}

/* Оформление ссылки назад*/
A.back
{
  display:block;
  background: url(pic/back.gif) no-repeat center left;
  padding-left: 15px;
  margin-left:-15px;
  margin-top:-10px;
  font-family: Arial, sans-serif;
  font-size:16px;
  lin e-height: 1em;
  zoom:1; /* хак для IE  */
}


H1,H2,H3,H4,H5,H6 
{
  color: #009900;
  margin: 1em 0 0.5em  0;
}
H1 { font-size: 1.6em; }
H2 { font-size: 1.4em; }
H3 { font-size: 1.2em; }
H4 { font-size: 1em; }

P
{
  margin: 0.5em 0 1em  0;
}

/* Определение */
.def
{
  border: 1px dotted gray;
  background: url(pic/vr.png) #f3faf3 left top repeat-y;
	padding: 1em;
  co lor:#666;
  co lor:red;
  font-size:90%;
}


/* Заголовок и логотип  */
.title
{
  position:relative;
  width:760px; 
  height:110px;
  padding:0; margin:0;
  background: url(pic/titlebg.png) #090 left top repeat-y; 
}

.title H1
{
  padding:0; margin:0;
  position:absolute;
  right:20px;
  top:0;
  line-height: 110px;
  font-size:60px;
  letter-spacing: 1px;
  color:white;
  white-space:nowrap;
}

/*  Меню */
.menu
{
  /* Раскладка */
  margin-top:-5px;
  padding: 6px 4px 4px 20px;     
  border-bottom: #638F7B solid 1px;   
  /* Шрифты    */
  font-family: Arial, sans-serif;
  font-size:16px;
  /* Цвета     */
  background: #FFF2A6; 
  /* Разное    */
  white-space:nowrap;
}

/* Выделенная позиция меню */
.menu .father
{
  background: #d3f8fe; 
}

/*  Основная часть */
.content
{
  /* Раскладка */
  padding: 10px 20px;
  width: 760px; /* Подделка для IE5 и IE6 Transitional */
  /* Шрифты    */
  /* Цвета     */
  background: white;  
  /* Разное    */
  voice-family: "\"}\""; /* Остановим IE5 и IE6 Transitional */
  voice-family:inherit;
  width: 720px; /* Размер содержимого по стандарту */
}

HTML>BODY .content /* Реверанс для Opera 7 */
{                                                                              
  width: 720px; /* Размер содержимого по стандарту */
}

/* Авторская подпись */
.sign
{
  font-size:14px;
  padding:4px;
  padding: 4px 4px 4px 20px;     
  white-space:nowrap;
  background: #F6F2E4;  
}

.citesign
{
  text-align:right;
  font-style:italic;
}


UL LI
{
  list-style-image: url(./pic/disc.gif);
}

UL.bigtext LI 
{
 margin-top: 0.5em;
 margin-bottom: 1em;
}

UL.libig LI P
{
  margin: 0;
}

OL.libig LI P
{
  margin: 0;
}

.nobr { white-space:nowrap; }

PRE
{
  /* Раскладка */
  width:720px;
  overflow: auto; 
  border: 1px dotted gray;
  padding: 20px 10px 0 10px;
  /* Шрифты    */
  font-family: "Trebuchet MS", sans-serif;
  font-size:80%;
  /* Цвета     */
  background:#f3faf3;
  /* Разное    */
  voice-family: "\"}\""; /* Остановим IE5 и IE6 Transitional */
  voice-family:inherit;
  width: 698px; /* Размер содержимого по стандарту */
}
HTML>BODY PRE /* Реверанс для Opera 7 */
{                                                                              
  width: 698px; /* Размер содержимого по стандарту */
}

PRE.col
{
  width:342px;
  voice-family: "\"}\""; /* Остановим IE5 и IE6 Transitional */
  voice-family:inherit;
  width: 320px; /* Размер содержимого по стандарту */
}
HTML>BODY PRE.col /* Реверанс для Opera 7 */
{                                                                              
  width: 320px; /* Размер содержимого по стандарту */
}

PRE.col20em
{
  height:20em;
  width:342px;
  voice-family: "\"}\""; /* Остановим IE5 и IE6 Transitional */
  voice-family:inherit;
  width: 320px; /* Размер содержимого по стандарту */
}
HTML>BODY PRE.col /* Реверанс для Opera 7 */
{                                                                              
  width: 320px; /* Размер содержимого по стандарту */
}


PRE.nomark
{
  font-family: monospace;
}

CODE
{
  font-family: "Trebuchet MS", sans-serif;
  font-size:102%;
}

/* Выделение названия тега */
.keyword
{
	font-weight: bold;
  color: green;
}

/* Оформление замечания */
.note
{

  border-left: 1px dotted gray;
	padding-left: 1.5em;
  color:#666;
  font-size:90%;
}

/* Оформление цитаты */
BLOCKQUOTE
{
  border-left: 1px dotted gray;
	padding-left: 1.5em;
  color:#666;
  font-size:90%;
}

/* Оформление определения */
DFN
{
  color:red;
}

/* Вёрстка в две колонки  */
.twocol
{
  float:left;
  background: url(pic/vr.png) 340px top repeat-y;
  width:100%;
}

/* Первая (левая) колонка */
.twocol .col1
{
  float:left;
  width: 315px;
  font-size:90%;
  color:#666;
}

.twocol .col1 IMG  /* Подравнивание картинки в первой колонке */
{
  margin-top: 0.5em;
}

/* Вторая (правая) колонка */
.twocol .col2
{
  float:right;
  width:50%;
  padding-right:10px;
}

.twocol .col2 H3 /* Подравнивание под картинку в первой (левой) колонке  */
{
  margin-top: 0.5em;
}

/* Завершение колонок */

.endtwocol
{
 clear:both;
}


P.IMG
{
 text-align:center;
}

/* Подсвеченный текст */
.nb
{
  background:yellow;
  background:#ffcb2d;
  background:#fbe7ab;
}


/* Таблица */
TABLE
{
 margin-bottom:1em;
}

TABLE TH
{
 text-align:left;
 font-size:90%;
}

TABLE TD, TABLE TH  
{
 padding-bottom:0;
}


/* Ячейка занимает половину ширины
   таблицы и имитирует паспарту */         
.frame
{
  padding: 20px;
  background:#e5e5e5; 
  border: 1px solid black;
}

/* Картинку окружает белая рамка */
.frame IMG
{
  border: 2px solid white;
}
/* Авторская подпись */
.asign
{
  font-family: "Trebuchet MS", sans-serif;
  font-size:90%;
  text-align:right;
}
/* - - - - - - - - - - - - - - - - -  */
#label
{
 position: absolute;
 top: -12px;
 right:0;
}
.dir
{
  color:#666;
  font-size:90%;
}
