/* динамические стили меню слева экрана*/
/* Псевдокласс :link применяется к ссылкам, которые еще НЕ ПОСЕЩАЛИСЬ пользователем, и задает для них стилевое оформление.  */
  a:link.menu                         {
    color: #000000; 
    text-decoration: none;            }
/* Псевдокласс :visited применяется к ссылкам, УЖЕ ПОСЕЩЕННЫЕ пользователем, и задаёт для них стилевое оформление. */            
  a:visited.menu                      {
    color: #000000; 
    text-decoration: none;            }
/* Определяет стиль элемента ПРИ НАВЕДЕНИИ НА НЕГО курсора мыши, но при этом элемент еще не активирован, 
иными словами кнопка мыши не нажата.    */          
  a:hover.menu                        {
    color: #0000f0; 
/*   font-weight: bolder;  */
    text-decoration: underline;       }

/* ------------------------------------------------------------------------------------------------    */
  
/* стили кнопок menubutton меню */
a:link.menubutton {text-decoration:none;}
a:visited.menubutton {text-decoration:none;}
a:hover.menubutton {color:#000000; font-weight:normal; text-decoration: underline;}

/* ------------------------------------------------------------------------------------------------    */
/* стили кнопок button меню */
a:link.button {
border-top: 1px solid #96d1f8;
background: #003859;
background: -webkit-gradient(linear, left top, left bottom, from(#00ddf5), to(#003859));
background: -webkit-linear-gradient(top, #00ddf5, #003859);
background: -moz-linear-gradient(top, #00ddf5, #003859);
background: -ms-linear-gradient(top, #00ddf5, #003859);
background: -o-linear-gradient(top, #00ddf5, #003859);
padding: 5px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #ffffff;
font-size: 14px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
}
a:hover.button {
border-top-color: #45a1d6;
background: #45a1d6;
color: #ccc;
}
a:visited.button {
border-top-color: #83ccfc;
background: #83ccfc;
}

/* ------------------------------------------------------------------------------------------------    */


/* стили под-меню */
.podmenu { 
    position: absolute; /* Абсолютное позиционирование */
    left: 300px; /* Положение от левого края */
    top: 50px; /* Положение от верхнего края */
    width: 120px; /* Ширина блока */
    background: #e0e0e0; /* Цвет фона */
    border: 1px solid #000; /* Параметры рамки */
    padding: 5px; /* Поля вокруг текста */
   }