#menu{
        left: 5px;  /* отступ меню от левого края страницы */
  list-style: none;
  position: fixed; /*фиксация меню*/
  top: 5px; /* отступ меню от верхнего края страницы  */
        
    }




 ul {
    width: 120px; /* Ширина меню 180 */
    list-style: none; /* Для списка убираем маркеры */
    margin: 0; /* Нет отступов вокруг */
    padding: 0; /* Убираем поля вокруг текста */
    font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */
    font-size: 10pt; /* Размер названий в пункте меню */
   } 
   
   li ul {
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 120px; /* Сдвигаем подменю вправо */
    margin-top: -2em; /* Сдвигаем подменю вверх */  
   } 
   li a {
    display: block; /* Ссылка как блочный элемент */
    padding: 5px; /* Поля вокруг надписи */
    text-decoration: none; /*Добавляет оформление текста */ 
    color: #000000; /* Цвет текста Самый черный*/
    border: 1px solid #ccc;/* Рамка вокруг пунктов меню желтая */
    background-color: #f0f0f0; /* Цвет фона светло-серый */
    border-bottom: none; /* устанавливает цвет границы*/
   }
   
   li a:hover {
    color: #ffe; /* Цвет текста активного пункта светло-серый*/
    background-color: #5488af; /* Цвет фона выбраемого пункта, светло-синий */
   }
   li:hover ul { 
    display: block; /* При выделении пункта курсором мыши отображается подменю */
   }
   .brd {
    border-bottom: 1px solid #ccc; /* Линия снизу серая*/
   }
.leftfoto{
 float:left;
margin: 4px 5px 2px 0px; }
.middlefoto {
	 float:middle;
 }