body {


    background:    url(zanaves.jpg) ;

                   ;
	margin: 0;
	padding: 0;

scrollbar-face-color:#E0C5BE;
scrollbar-highlight-color:#CC9999;
scrollbar-shadow-color:#A6A6A6 ;
scrollbar-3dlight-color:#804040;
scrollbar-arrow-color:#6D3932;
scrollbar-track-color:#654332;
scrollbar-darkshadow-color:#0F0F0F;  }

a:link { font-size: 10pt;  font-family:Helvetica,  Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:#FFFF00;
	}
a:visited {  font-size: 10pt; font-family: Helvetica, Verdana,
 sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:  #FFFF00;
	}
a:hover, a:active { font-size:10 pt;  font-family:Helvetica,  Verdana,  sans-serif;
	text-decoration: underline;
	color: #E9ADFC;}

font-weight: normal;
font-family:   Verdana, Helvetica, sans-serif; bgcolor:#C0C0C0; FONT-SIZE:9pt; color:#8F4747
	}

TD {FONT-WEIGHT: bolder; FONT-SIZE: 9pt; color: #582C2C; FONT-FAMILY: Verdana, Arial, Helvetica, Times New Roman, sans-serif;
text-align:justify; text-indent: 1,5 cm;  padding:20;

}
H1{FONT-SIZE:16pt; COLOR:#743A3A; font-style:  normal;text-decoration: none; line-height: 16px; font-weight: normal; margin: 0px; padding: 0px;}

H2{FONT-SIZE:12pt; COLOR:#F3DC07; font-style: normal; line-height: 14px; font-weight: bold; margin: 0px; padding: 0px;}

H3{FONT-SIZE:10pt; COLOR:#171717; font-style: normal; line-height: 12px; font-weight: bold; margin: 0px; padding: 0px;}

  HR {color:#592826}
  
 P.aside {float: left; width: 5em; margin: 1em;}

  
 p { text-indent: 0,5cm;  text-align: justify;    padding:3;
    font-size:10pt;  font-family:  Verdana, Arial,Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #3E1A6A; }
	

	
	
  
   #header1{ background: transparant ;

   position: absolute;
  left:15px; top:0px;
   width:196px; height: 10px;
  z-index: 2;   }
  
  
  #header2 { background: transparant;
   position: absolute;
  left:200px; top:0px;
   width:360px; height: 110px;
    padding:10px; text-align: center;
     font-size:10pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:#E6BF59;
  z-index: 2;   }
  
  
 #header3 { background: transparant;
   position: absolute;
  left:650px; right: 0px; top:0px;
   width:600px; height: 110px;
    padding:10px; text-align: center;
     font-size:10pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:#E6BF59;
  z-index: 2;   }
  
  
      #title {  background:transparant;
     position: absolute;
  left:650px;  top:130px;
      width:200; height:100;
     padding:10px; text-align: center;
     font-size:9pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #E6BF59;  z-index: 1; }

  
  

  
  

  

    #bookbox  {  background:transparant;
     position: absolute;
    left:650px; top:230px;
      width:650; height:800;
     padding:10px; text-align: center;
     font-size:9pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #E6BF59;  z-index: 1; }


  #newsbox  {background:transparant;
     position: absolute;
    left:650; top:1050px;
      width:650px; height:300;
     padding:0px; text-align: center;
     font-size:9pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #E6BF59;  z-index: 2; }



     #culturebox  {background:transparant; overflow: auto;  border: 1px solid #F2D0F0;
     position: absolute;
    left:825px; top: 1100px;
      width:300; height:200;
     padding:0px; text-align: center;
       z-index: 2; }


     #weatherbox  {  background:transparant;
     position: absolute;
      left:750px; top:1300px;
      width:400; height:700;
     padding:10px; text-align: center;
      font-size:9pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #E6BF59;

       z-index: 2; }

       
       
       
       
       
       
       
       
       
       
       

 #banner1  {
    position: absolute;  background:transparant;
  left:695px; top:1400px;
  width:250; height:100;
     padding:10px; text-align: center;
     font-size:9pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #F8D86B;

    z-index: 2;  }


  
  
  
  
  
  
  
  
  
  
  
  
  
   #boxmenu {
     position: absolute;  padding:10px;   text-align: center ;  border: 1px solid #F2D0F0;
  left:40px; top:110px;
   width:560; height:20;   background:transparant;
  z-index:1;  }

 #navsite h5 {

 display: none;

}

#navsite ul {

 padding: 2px 0;

 margin-left: 0;

 border-bottom: 1px solid #778;

 font: bold 10px Verdana, sans-serif;

}

#navsite ul li {

 list-style: none;

 margin: 0;

 display: inline;

}

#navsite ul li a {

 padding:2px 0.5em;



 border: 1px solid #778;

 border-bottom: none;

 background: #DDE;

 text-decoration: none;

}

#navsite ul li a:link {

 color: #448;

}

#navsite ul li a:visited {

 color: #667;

}

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {

 color: #000;

 background: #AAE;

 border-color: #227;

}

#navsite ul li a#current {

 background: white;

 border-bottom: 1px solid white;

}

  


 #container { background:#D3D6DE;  border: 3px solid #FFFF00;

   position: absolute;
  left:40px; top:110px;
   width:600; height:1100;

  z-index: 3;  }
  
  
  
 #container   a:link {
 color: #A5056D; }
  
   #container   a:link:visited {

 color: #E18717; }

  
  #container  a:link:hover {

 color: #E18717; }

  
  
  
  
  






   #box1 {
    position: absolute;
  left:40px; top:110px;
   width:600; height:1300px;   background:#EAD5D5;
    z-index:1; }
    
    

      #box:{   background:transparant;  border: 1px solid #F2D0F0;
    left:40px; top:560px;
      width:560; height:100;

       padding: 10px; text-indent: 1cm;
    font-size:10pt;  font-family:  Verdana, Arial,Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:#E6BF59 ;
       z-index:-2;   }



#footer {      background:#transparant;


   position: absolute;
   left:40px; top:1370px;
   width:560; height:100;;
   
    padding:10px; text-align: center;
     font-size:9pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #F8DF07;

  z-index:1;  }
  

#footer2 {  position: absolute;
  left:230px; top:1630px;
   width:200; height:100;

    padding:10px; text-align: center;
     font-size:8pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #E4B55A;}
	


	
	
	
	
	
	
	
	
	
	
	
	 .left {padding-left: 5px; padding-top: 5px;text-align: justify;
      width:50%; float: left;
      font-size:7pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #2B0B6C;}
      
      
      
      

      .middle {padding-left: 10px; padding-top: 10px;text-align: justify;
      width:33%; float: left;}


       .right {padding-right: 5px;padding-top: 5px; text-align: justify;
      width:50%; float: left;
      font-size:7pt;  font-family:Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #2B0B6C;}

                                  url(zanaves.jpg)


      #nav {
      width: 620px;

      /*ширина всего меню навигации */
      height:30px;

      /*и, разумеется, его высота*/
      background: #C4EBC2;

      /*тут мы задаем параметры фона; сразу прописываем путь к картинке, котороая будет служить фоном, после указываем, что эта картинка не повторяется и в конце указываем цвет меню, на случай, если пользователь отключит графику*/
      font-size: 18px;


      /*делает так, что наш блок с меню располагается справа; на самом деле меню растягивается на всю длину сайта и нам это вроде не нужно, но этот параметр понадобятся, чтобы не «косячил» макет, чтобы меню «дружило» с остальными блоками */
      }


      #nav ul {
      margin:4px 0 0 25px;

      /*меняя эти параметры, я «двигаю» кнопки относительно фона */
      list-style:none;

      /*меню создается в виде списка, а команда «none» указывает на то, что у строк этого списка не будет указателе в виде цифр или маркеров; чтобы лучше уяснить, что я имею ввиду, удалите эту строку, когда будете делать свое меню для сайта и увидите, что из этого получится; когда посмотрите – вернете строку на место*/
      }


      #nav li {
      display:inline;

      /*чтобы наши кнопки выстраивались в линию, а не столбцом */
      }


      #nav a {
      float:left;

      /*указывает, что кнопки должны выстраиваться слева направо */
      display:block;

      /*этот параметр нам нужен, чтобы у нас была не просто ссылка, а ссылка с «каркасом», который и будет создавать иллюзию кнопки */
      width: 98px;

      /*длина этого «каркаса» */
      height: 50px;

      /*и… правильно! */
      background:url(key.png») no-repeat;

      /*тут все, как и в случае с фоном для меню; кто не уяснил, пускай вернется чуть выше и повторит */
      text-align : center;

      /*положение текста внутри «каркаса» */
      text-decoration: none;

      /*делаем, чтобы текст был чистый, без всяких подчеркиваний, которые в меню навигации нам не нужны совершенно*/
      padding:10px 2px 10px 0px;

      /*этими циферками можно подправить положение надписи внутри «каркаса», если нас что-то не устраивает: подвинуть, опустить и т.д. */
      color:#FF0F00;

      /*цвет надписи, когда кнопка не активна */
      }


      #nav a:hover {
      background-position:0% -50px;

      /*здесь мы указываем, на сколько пикселей нужно поднять фон; подробнее опишу чуть ниже */
      color:#66FF66

      /*цвет текста, когда на кнопку наведен курсор */
      }