A:hover {
color: #FFFF00;
}

A {
color: #FFD700;
text-decoration: none; /* Убирает подчеркивание для ссылок */
} 

body { color:#E0EEEE; background:#3B68BB ; font-family: Geneva, Arial, Helvetica, sans-serif;}

 .pic { position: absolute; top: 350px; left: 250px }
 a.navigation { text-decoration: none } 

table td{
padding:10px; /* cellpadding="15" */
}

.menu {
  width: 200px				/* Ширина меню */
}
 .menu A {
  display: block;			/* Ссылка как блочный элемент */
  width: 100%;				/* Ссылка на всю ширину меню */
  padding: 5px;				/* Поля вокруг надписи */
  border-left: 10px solid silver;	/* Линия слева */
  border-bottom: 1px solid silver;	/* Линия между пунктами */
  background: #3B68BB;			/* Исходный цвет фона */
  color: White;				/* Исходный цвет текста */
  text-decoration: none			/* Убираем подчеркивание у ссылок */
}
 .menu A:hover {
  border-left-color: solid silver;		/* Меняем цвет линии слева */
  background: #4876FF;			/* Новый цвет фона под ссылкой */
  color: #F5FFFA			/* Новый цвет ссылки */
}


IMG.leftpic {
    float: left; /* Выравнивание по левому краю с обтеканием */ 
    margin: 5px 10px 2px 0; /* Отступы вокруг */}

   IMG.leftpic {
    float: left; /* Выравнивание по левому краю с обтеканием */ 
    margin: 5px 10px 2px 0; /* Отступы вокруг */}

 

TABLE.ruler {
  width: 100%;		        /* Ширина таблицы в процентах */
  border: 1px solid navy	/* Рамка вокруг таблицы */
}
 TD {
  padding: 1px			/* Поля вокруг содержимого ячеек */
}
 TR.line {			/* Стиль выделенной строки */
  background: #4876FF;		/* Фон под выделенной строкой */
  color: #333			/* Цвет текста выделенной строки */
}
  .header {			/* Стиль заголовка */
  background: #333; 	 	/* Цвет фона заголовка */
  color: #FFFFFF       	        /* Цвет текста в заголовке */
}


ul {