/* ----------| Основные элементы дизайна |---------- */

/* Внешний блок */
#root_block {
  border: 1px solid blue;
  background-color: #afbaff;
  display: block;
  position: absolute;
  left: 16%;
  top: 2%;
  right: 16%;
  bottom: 2%;
  min-width: 511px;
  min-height: 200px;
}

/* Левая колонка */
#left_col {
  border-right: 1px solid blue;
  background-color: #01008a;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 102px;
  height: 100%;
}

/* Логотип слева сверху */
#left_top_img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 102px;
  height: 64px;
}

/* Картинка под логотипом */
#left_bottom_img {
  display: block;
  position: absolute;
  left: 0px;
  top: 64px;
  width: 102px;
  height: 486px;
}

/* Блок заголовка страницы */
#header {
  border: 1px solid blue;
  background-color: #7a9eef;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 106px;
  top: 3px;
  right: 3px;
  height: 64px;
}

/* Картинка заголовка страницы */
#header_img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 400px;
  height: 64px;
}

/* Основной блок */
#core {
  border: 1px solid blue;
  background-color: #7a9eef;
  display: block;
  float: left;
  overflow: auto;
  position: absolute;
  left: 106px;
  top: 72px;
  right: 3px;
/*  bottom: 3px; */
  bottom: 24px;
  padding: 6px;
}

/* Полоска снизу */
#footer {
  border: 1px solid blue;
  background-color: #7a9eef;
  display: block;
  float: left;
  overflow: hidden;
  position: absolute;
  left: 106px;
  height: 16px;
  right: 3px;
  bottom: 3px;
/*  padding: 6px; */
}

/* Логотип W3C XHTML */
#w3c_img_xhtml {
  border-width: 0px;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 16px;
}

/* Логотип W3C CSS */
#w3c_img_css {
  border-width: 0px;
  display: block;
  position: absolute;
  left: 44px;
  top: 0px;
  width: 44px;
  height: 16px;
}

/* Логотип HotLog */
#HotLog_css {
  border-width: 0px;
  display: block;
  position: absolute;
  left: 88px;
  top: 0px;
  width: 44px;
  height: 16px;
}

/* ----------| Меню |---------- */

/* Таблица меню */
table.menu {
  border: 1px dotted blue;
  padding-left: 0px;
}

td.menu {
  border: 1px dotted blue;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Ссылки меню */
a.menu {
  font-family: serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  color: #000099;
  text-decoration: none;
}

/* Посещённые ссылки меню */
a.menu:visited {
  font-family: serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  color: #000099;
}

/* Наведение на ссылку меню */
a.menu:hover {
  font-family: serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  color: #ff0000;
}

/* ----------| Оформление полезной нагрузки |---------- */

/* Таблица перечисления видов функций */
table.t1 {
  font-family: serif;
  font-style: normal;
  font-size: 12px;
  font-weight: 100;
  color: #0000ff;
  width: 98%;
  border: 1px solid blue;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* Оформление параграфа */
p.p1 {
  font-family: serif;
  font-style: normal;
  font-size: 12px;
  font-weight: 100;
  color: #0000ff;
}

/* Оформление нумерованного списка */
ol.ol1 {
  font-family: serif;
  font-style: normal;
  font-size: 12px;
  font-weight: 100;
  color: #0000ff;
}

/* Выделение особо важных мест */
b.b1 {
  font-family: monospace;
  font-style: normal;
  font-weight: 600;
}

/* Ссылки */
a.a1 {
  font-family: serif;
  font-style: normal;
  font-size: 12px;
  font-weight: 100;
  color: #440f76;
  text-decoration: none;
}

/* Посещённые ссылки */
a.a1:visited {
  font-family: serif;
  font-style: normal;
  font-size: 12px;
  font-weight: 100;
  color: #440f76;
}

/* Наведение на ссылку */
a.a1:hover {
  font-family: serif;
  font-style: normal;
  font-size: 12px;
  font-weight: 100;
  color: #ff0000;
}