body {
 font-family: Garamond,Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */
 margin: 0; /* Отступы для браузера IE */
 padding: 0; /* Отступы для браузера Firefox */
font-weight: bold;
color:#a17019;
scrollbar-face-color:#050000;
background:#000000;

}

#all {
 font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */
 margin: 0; /* Отступы для браузера IE */
 padding: 0; /* Отступы для браузера Firefox */
scrollbar-face-color: #053f38;
background:#000000;


}


h1 {
 font-size: 36px; /* Размер шрифта */
 font-weight: bold; /* Жирное начертание */
 margin: 0; /* Убираем отступы */
 color: #fc6; /* Цвет текста */
}
h2 {

 margin-left:40px; 
 margin-top: 0; /* Убираем отступ сверху */
 color: #f6e18d; 
}
#head { /* Верхний блок */

padding-top: 7px; /* Поля вокруг */
  float: bottom;			/* Состыковка с соседней вкладкой */
  width: 100%;			/* Ширина вкладки */
  height: 280px;			/* Высота вкладки */
 background: #000000;
border:0px;
}
/* left head-----------------------------border: 1px solid #330000;*/

#head_r{

position: absolute; /* Абсолютное позиционирование */
left: 0; /* Положение от левого края окна margin-right: 150px;float:left;

*/

  width:176px;
height:250px;
background: url(images/logo_photo1.jpg)
	/* Путь к совместному рисунку */
   no-repeat	

}
/* right head-----------------------------border: 1px solid #003300;*/

#head_l{
padding: 10px; /* Поля вокруг текста */
margin: 0 auto; /* Выравниваем по центру */
width:579px; 
height:100%;
background: url(images/logo_piano.jpg)
	/* Путь к совместному рисунку */
   no-repeat	
}

#menu { /* Левая колонка */
 float: left; /* Обтекание справа */
 border: 0px solid #333; /* Параметры рамки вокруг */
 width: 186px; /* Ширина колонки */
 padding: 0px; /* Поля вокруг текста */
 margin-top:10px; 
margin-left:10px; 
/* Значения отступов margin: 10px 10px 20px 5px;*/
}
#menu div {
 padding: 0px; /* Поля вокруг ссылок */
}

/* for home--------------------------------------*/
#menu div.menu_home {
  		
  width: 186px;			/* Ширина вкладки */
  height: 42px;			/* Высота вкладки */
  margin-top: 0px;		/* Расстояние между вкладками */
  text-align: center;		/* Выровнять надпись по центру */
  background:#333;
   }


#menu a.home { 
 display: block; /* Отображать ссылку как блок */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */

 padding: 0px; /* Поля вокруг ссылок */
 margin: 0px; /* Отступы вокруг */
 background:
    url(images/menu_home.jpg)/* Путь к совместному рисунку */
 0px
0px
 no-repeat			/* Установить фон без повторений */
	              /* Поля для размещения текста по центру */

}
#menu a.home:hover { 
 background:
   url(images/menu_home.jpg)	/* Путь к совместному рисунку */
   -186px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */


}
/* for curriculum--------------------------------------*/

#menu div.menu_rev {
  		
  width: 186px;			/* Ширина вкладки */
  height: 36px;			/* Высота вкладки */
  margin-top: 0px;		/* Расстояние между вкладками */
  text-align: center;		/* Выровнять надпись по центру */
  background:#333;
   }


#menu a.rev { 
 display: block; /* Отображать ссылку как блок */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */

 padding: 0px; /* Поля вокруг ссылок */
 margin: 0px; /* Отступы вокруг */
 background:
    url(images/menu_rev.jpg)/* Путь к совместному рисунку */
 0px
0px
 no-repeat			/* Установить фон без повторений */
	              /* Поля для размещения текста по центру */

}
#menu a.rev:hover { 
 background:
   url(images/menu_rev.jpg)	/* Путь к совместному рисунку */
   -186px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */


}

/* for repertoire--------------------------------------*/

#menu div.menu_repert {
  		
  width: 186px;			/* Ширина вкладки */
  height: 36px;			/* Высота вкладки */
  margin-top: 0px;		/* Расстояние между вкладками */
  text-align: center;		/* Выровнять надпись по центру */
  background:#333;
   }


#menu a.repert { 
 display: block; /* Отображать ссылку как блок */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */

 padding: 0px; /* Поля вокруг ссылок */
 margin: 0px; /* Отступы вокруг */
 background:
    url(images/menu_repert.jpg)/* Путь к совместному рисунку */
 0px
0px
 no-repeat			/* Установить фон без повторений */
	              /* Поля для размещения текста по центру */

}
#menu a.repert:hover { 
 background:
   url(images/menu_repert.jpg)	/* Путь к совместному рисунку */
   -186px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */


}

/* for biography--------------------------------------*/

#menu div.menu_biogr {
  		
  width: 186px;			/* Ширина вкладки */
  height: 36px;			/* Высота вкладки */
  margin-top: 0px;		/* Расстояние между вкладками */
  text-align: center;		/* Выровнять надпись по центру */
  background:#333;
   }


#menu a.biogr { 
 display: block; /* Отображать ссылку как блок */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */

 padding: 0px; /* Поля вокруг ссылок */
 margin: 0px; /* Отступы вокруг */
 background:
    url(images/menu_biogr.jpg)/* Путь к совместному рисунку */
 0px
0px
 no-repeat			/* Установить фон без повторений */
	              /* Поля для размещения текста по центру */

}
#menu a.biogr:hover { 
 background:
   url(images/menu_biogr.jpg)	/* Путь к совместному рисунку */
   -186px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */


}

/* for up--------------------------------------*/

#menu div.menu_up {
  		
  width: 186px;			/* Ширина вкладки */
  height: 36px;			/* Высота вкладки */
  margin-top: 0px;		/* Расстояние между вкладками */
  text-align: center;		/* Выровнять надпись по центру */
  background:#333;
   }


#menu a.up { 
 display: block; /* Отображать ссылку как блок */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */

 padding: 0px; /* Поля вокруг ссылок */
 margin: 0px; /* Отступы вокруг */
 background:
    url(images/menu_up.jpg)/* Путь к совместному рисунку */
 0px
0px
 no-repeat			/* Установить фон без повторений */
	              /* Поля для размещения текста по центру */

}
#menu a.up:hover { 
 background:
   url(images/menu_up.jpg)	/* Путь к совместному рисунку */
   -186px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */


}
/* for gall--------------------------------------*/

#menu div.menu_gall {
  		
  width: 186px;			/* Ширина вкладки */
  height: 36px;			/* Высота вкладки */
  margin-top: 0px;		/* Расстояние между вкладками */
  text-align: center;		/* Выровнять надпись по центру */
  background:#333;
   }


#menu a.gall { 
 display: block; /* Отображать ссылку как блок */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */

 padding: 0px; /* Поля вокруг ссылок */
 margin: 0px; /* Отступы вокруг */
 background:
    url(images/menu_gall.jpg)/* Путь к совместному рисунку */
 0px
0px
 no-repeat			/* Установить фон без повторений */
	              /* Поля для размещения текста по центру */

}
#menu a.gall:hover { 
 background:
   url(images/menu_gall.jpg)	/* Путь к совместному рисунку */
   -186px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */


}


/* for audio--------------------------------------*/

#menu div.menu_audio {
  		
  width: 186px;			/* Ширина вкладки */
  height: 36px;			/* Высота вкладки */
  margin-top: 0px;		/* Расстояние между вкладками */
  text-align: center;		/* Выровнять надпись по центру */
  background:#333;
   }


#menu a.audio { 
 display: block; /* Отображать ссылку как блок */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */

 padding: 0px; /* Поля вокруг ссылок */
 margin: 0px; /* Отступы вокруг */
 background:
    url(images/menu_audio.jpg)/* Путь к совместному рисунку */
 0px
0px
 no-repeat			/* Установить фон без повторений */
	              /* Поля для размещения текста по центру */

}
#menu a.audio:hover { 
 background:
   url(images/menu_audio.jpg)	/* Путь к совместному рисунку */
   -186px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */


}


/* for contacts--------------------------------------*/

#menu div.menu_contacts {
  		
  width: 186px;			/* Ширина вкладки */
  height: 35px;			/* Высота вкладки */
  margin-top: 0px;		/* Расстояние между вкладками */
  text-align: center;		/* Выровнять надпись по центру */
  background:#333;
   }


#menu a.contacts { 
 display: block; /* Отображать ссылку как блок */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */

 padding: 0px; /* Поля вокруг ссылок */
 margin: 0px; /* Отступы вокруг */
 background:
    url(images/menu_contacts.jpg)/* Путь к совместному рисунку */
 0px
0px
 no-repeat			/* Установить фон без повторений */
	              /* Поля для размещения текста по центру */

}
#menu a.contacts:hover { 
 background:
   url(images/menu_contacts.jpg)	/* Путь к совместному рисунку */
   -186px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */


}



#content { /* Правая колонка border: 1px solid #333;*/
 margin: 10px 50px 20px 225px; /* Значения отступов */
 padding: 5px; /* Поля вокруг текста */
  /* Параметры рамки color:#003300;
border: 1px solid #f6e18d;*/
 
  }

#content p.contacts{ /* Правая колонка border: 1px solid #333;*/
 margin: 10px 5px 10px 10px; /* Значения отступов */
margin-top:  50px;
  /* Параметры рамки */

text-align: center;
}
#content p{ /* Правая колонка border: 1px solid #333;*/
  /* Значения отступов margin: 10px 5px 10px 10px;*/
margin-top: 3px;
margin-right: 10px;
margin-bottom: 20px;
  /* Параметры рамки */
font-size: 11pt;
margin-left:40px; 
text-align: justify;

}

#content div.conta{

width: 50%;

}


#content h2 {

 margin-left:7px; 
text-align: center;

 margin-top: 10px; /* Убираем отступ сверху */
 color: #f6e18d; 
}
#content h2.h_list{
margin-bottom: 5px;
margin-left:40px; 
text-align: left;
font-size:12pt;
}

#content a{
text-decoration: underline;	/*color:#ffffff; Отменяем подчеркивание у ссылки */

color:#f6e18d;
}

#content hr{
color:#a17019;
background-color: #a17019;	/* Цвет линии для браузера Opera и Netscape */
align:right;
height:1px;
width:38%;
text-align:left;
margin-left:0px;

}



#content td{
width:215px;
height:230px;

}


#content table{
width:650px;
padding:0px;
margin:auto;
margin-top:0px;

cellspacing:100;
 cellpadding:0;


}

#content span.r{
  font-style:italic;
  font-weight: 700;
}

/*  list repertoire-----------------------*/

#ul_list { 

  list-style-image: url(images/note.jpg);
}

#li_list{
list-style-image: none;
list-style-type: none;

}
#li_list span{
font-size: 11pt;

 color:#a17019;
font-style: italic;
font-weight: 10;

}

#content ul{
margin-bottom:30px;
}

 #span_list{
color:#f6e18d;
}

#line {
 border-bottom: 1px groove #333; /* Линия между ссылками */
}
#foot { /* Нижний блок  background: #333; */
/* Цвет фона */
background: url(images/logo_f1.png)
	/* Путь к совместному рисунку */
right bottom 

   no-repeat;
margin-right: 7px;
	
 padding: 5px; /* Поля вокруг текста */
 color: #fff; /* Цвет текста */
 clear: both; /* Отменяем обтекание */
 margin-bottom:0px;
height:39px;
}

#audio{
font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */

  margin-top: 27px;
margin-right: 10px;
margin-bottom: 20px;
  /* Параметры рамки */

margin-left:10px; 
text-align: center;

}