body, td, th, input, select {
  font-family: Tahoma, Verdana, Arial;
  font-size: 11px;
};

ul,ol {
  margin-left: 30px;
  margin-bottom: -10px;
};

li {
  margin-bottom: 10px;
};

/**********************/
/* Блок красного меню */

.red-menu {
  background-color: #540400;
  width: 100%;
};

.red-menu th {
  background-image: url('img/red-menu-header.gif');
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 3px 8px 3px 8px;
  height: 25px;
};

.red-menu th div {
  position: relative;
  width: 100%;
  filter: dropshadow(color=black, offx=1, offy=1);
};

.red-menu td {
  background-color: #FFE144;
  color: #5B0B5B;
  padding: 0px;
};

.red-menu table {
  background-color: #FFB439;
  width: 100%;
};

.red-menu td table td {
  background-image: url('img/yellow-menu-item.gif');
  font-size: 11px;
  font-weight: bold;
  padding: 3px 8px 3px 8px;
  width: 100%;
  height: 25px;
};

.red-menu td table th {
  background-image: url('img/red-menu-border.gif');
  font-size: 12px;
  padding: 0px;
  width: 6px;
};

.red-menu a {
  color: #5B0B5B;
  text-decoration: none;
};

.red-menu a:hover {
  color: #C700C7;
};
/**********************/


.left-border {
  background-image: url('img/border-left.gif');
  width: 7px;
};

.right-border {
  background-image: url('img/border-right.gif');
  width: 7px;
};


/*************/
/* Заголовок */
.top-header {
  background-color: #177242;
  background-image: url('img/top-header.gif');
  padding: 3px 10px 3px 10px;
  height: 27px;
};

.top-header div {
  font-weight: bold;
  color: #FFFD51;
  position: relative;
  height: 15px;
  filter: dropshadow(color=black, offx=1, offy=1);
};

.top-header a {
  color: #A2E6C1;
  font-weight: bold;
  text-decoration: none;
};

.top-header a:hover {
  color: white;
  text-decoration: underline;
};


/****************************/
/* Область верхнего баннера */
.top-banner {
  background-color: #C8DDFE;
  background-image: url('img/top-banner.gif');
  padding: 0px;
  height:93px;
};

.top-banner .banner {
  padding-right: 15px;
};

.top-banner .banner img {
  border: 1px solid #3A75CE;
};

.top-banner .banner a {
  color: #004F92;
  text-decoration: none;
};


/***************************/
/* полоска меню/управления */
.control-menu {
  background-color: #18AAFF;
  background-image: url('img/control-menu.gif');
  border-top: 1px solid #004DC0;
  border-bottom: 1px solid #004DC0;
  font-weight: bold;
  color: white;
  padding: 3px 10px 3px 10px;
  height: 27px;
};

.control-menu div {
  color: white;
  font-weight: bold;
  position: relative;
  height: 15px;
  filter: dropshadow(color=#204060, offx=1, offy=1);
};

.control-menu select {
  background-color: #E9F1FF;
  font-size: 11px;
  width: 40px;
  height: 17px;
};

.search {
  border: 1px solid #41477E;
  background-color: #E9F1FF;
  font-size: 11px;
  width: 120px;
  height: 17px;
};

.control-menu a {
  color: #D0FF40;
  text-decoration: none;
};

.control-menu a:hover {
  color: white;
  text-decoration: underline;
};

.control-menu td {
  color: navy;
  font-weight: bold;
};


/*****************************/
/* Вертикальная колонка меню */
.menu-column {
  background-color: #F4B75C;
  background-image: url('img/menu-column.gif');
  background-repeat: repeat-x;
  padding: 8px 8px 16px 8px;
  border-right: 1px solid #CD9646;
  border-left: 1px solid #CD9646;
};

.menu-column iframe {
  border: 1px solid #606060;
};

.menu-column img {
  border: 1px solid #606060;
};


/******************/
/* Нижние баннеры */
.bottom-banners {
  background-color: #6C6C6C;
  background-image: url('img/bottom-banners.gif');
  background-repeat: repeat-x;
};

.bottom-banners iframe {
  border: 1px solid #606060;
};


/**********************/
/* Зеленый блок */

.green-block {
  background-color: #257D20;
};

.green-block th {
  background-image: url('img/green-block.gif');
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 3px 8px 3px 8px;
  height: 25px;
};

.green-block th div {
  position: relative;
  width: 100%;
  filter: dropshadow(color=black, offx=1, offy=1);
  overflow: crop;
};

.green-block td {
  background-color: white;
  color: black;
  padding: 0px;
};

.green-block a {
  color: #004F92;
  text-decoration: none;
};

.green-block a:hover {
  color: #2386DC;
  text-decoration: underline;
};

td.alphabet {
  padding: 5px;
};

.alphabet a {
  font-size: 10px;
};

/******************/
/* Список мелодий */

.melodies {
  background-color: #D4E9DB;
};

.melodies td {
  background-color: white;
  font-size: 11px;
  text-align: left;
  padding: 3px 8px 3px 8px;
  height: 25px;
};

td.author {
  background-color: #E0FFE0;
  text-align: right;
};

.melodies th {
  background-image: url('img/green-border.gif');
  font-size: 12px;
  padding: 0px;
  width: 6px;
  height: 25px;
};

.melodies a {
  font-size: 11px;
  font-weight: normal;
};

.melodies td.navigation {
  background-color: #F3FFF3;
  text-align: center;
  font-weight: normal;
};

/********************************/
/* Файлы для загрузки в телефон */
.files {
  background-color: #BAE4FF;
  width: 100%;
};

.files td {
  padding: 5px;
};

.files td.type {
  background-color: #D7F0FF;
  text-align: center;
  color: #004F92;
  font-weight: bold;
};

.files td.info {
  background-color: #EEF9FF;
};


