*{
  margin: 0; padding: 0; border: none; font-family: trebuchet MS;
}
html,
body {
       height: 100%; 
       width: 100%;
       background-color: #d7d8d8;
}
#container {  
               position:relative;
               min-height: 100%;
               height: auto !important;
               height: 100%;
               width: 1000px;
               margin: auto;
               padding-bottom:-147px;
}

  #header_width{
                 position: absolute;
                 top: 0px;
                 left: 0px;
                 width: 100%;
                 height: 319px;
                 background-image: url(../pics/left_right.png);
                 border-bottom: 2px rgb(0,0,51) solid;
  }
  #header{
              width: 999px;
              height: 322px;
              background-image: url(../pics/header.png);
              position: relative;
  }
      .menu{ background-image: url(../pics/menu_2.png);}
      .menu a:hover{ background-image: url(../pics/menu_3.png);}
      .menu_on{ background-image: url(../pics/menu_1.png);}
      #menu1{   width: 135px; height: 44px; position: absolute; top: 25px; left: 25px;                 
      } 
            #m_kn1{ 
                      font-size: 18px;
                      color: #efedee; 
                      text-decoration: none;
                      width: 135px;
                      padding-top: 10px;
                      display: block; 
                      text-align: center;
            }
            .m_kn{ 
                      font-size: 18px;
                      color: #162637; 
                      text-decoration: none;
                      width: 135px;
                      padding-top: 10px;
                      display: block; 
                      text-align: center;
            }            
  
      #menu2{   width: 135px; height: 44px; position: absolute; top: 25px; left: 170px;                 
      }
      
      #menu3{   width: 135px; height: 44px; position: absolute; top: 25px; left: 315px;                 
      }
 
      #menu4{   width: 135px; height: 44px; position: absolute; top: 27px; left: 460px;                 
      }
  
/* Основной контейнер */  
  .col-wrap1 {
        width:250px;
    }
 
    .col-wrap2 {
        width:723px;
        margin-right:-100%; /* чтобы IE6 не раздвигал контейнер */
        position:relative;
        left: 107%;
        padding-bottom: 180px;
            background-color: #e7ebec;
            border: 4px #dde0e0 solid;
    }
 
    .col1 {
        float:left;
        width:240px;
        margin-right:-100%;
        position:relative;
        left:-33%;
        padding-top: 30px;       
    }  
 
    .clear {
        clear:both;
        font-size:0;
        overflow:hidden; /* тройной презерватив для IE */
    }

/* !!!!!!!!!!!! Левая колонка !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#left1{
          width: 220px;
          background-image: url(../pics/left1.jpg);
          background-repeat: no-repeat;
}
    #left1 p{
                  font-size: 24px;
                  font-weight: bold;
                  color: #00157b;
                  padding-bottom: 15px;
    }
#left2{
          width: 220px;
          background-image: url(../pics/left1.jpg);
          background-repeat: no-repeat;  
}
    #left2 p{
                  font-size: 24px;
                  font-weight: bold;
                  color: #00157b;
                  padding-bottom: 15px;
                  padding-top: 10px;
    }    
.left{
          width: 240px;
          padding-bottom: 20px;
          position: relative;
          left: -20px;
}

    .left li{
                font-size: 14px;
                color: #0033cc;
                list-style-type: none;
    }
    .left a{
                font-size: 14px;
                color: #0033cc;
                display: block;
                padding: 5px;
                background-color: #9dd0e4;
                text-decoration: none;
                border-bottom: 1px #999999 solid;                     
    }   
    .left a:hover{
                     color: #c4251b;
                     background-color: #dddddd;
    }  
    
.left_tov{
          width: 270px;
          padding-bottom: 20px;
          position: relative;
          top: -20px;
          left: -30px;
} 
    .left_tov li{
                font-size: 14px;
                color: #0033cc;
                list-style-type: none;
    }
    .left_tov a{
                font-size: 12px;
                color: #0033cc;
                display: block;
                padding: 5px;
                background-color: #9dd0e4;
                text-decoration: none;
                border-bottom: 1px #999999 solid;
    }   
    .left_tov a:hover{
                     color: #c4251b;
                     background-color: #dddddd;
    }  
    
           
    .lf2_bb{
              width: 200px;
              height: 3px;
              background-image: url(../pics/bb.gif);
              background-repeat: repeat-x;
              position: relative;
              left: -15px;
              padding-top: 20px;
    }

/* !!!!!!!!!!!! Правая колонка !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#right1{
          width: 670px;
          height: 52px;
          position: relative;
          left: 25px; 
          padding-top: 20px;      
}
    #right1 p{
                  font-size: 24px;
                  font-weight: bold;                  
                  color: #00157b;
                  padding-left: 22px;
                  padding-top: 5px;    
    }
#right2{
          width: 670px;
          position: relative;
          left: 25px; 
          padding-bottom: 20px;
}
    #right2 p, ul{
                  font-size: 14px;
                  color: #333333;
                  padding-left: 0px;
                  padding-top: 20px;
                  padding-right: 20px;   
    }
 #right2 li{
                  padding-top: 0px;
    }    

#sluch_foto{      position: relative; left: 20px; width: 656px; height: 165px; padding: 10px;
                  background-image: url(/pics/bg.gif);
                  border: 2px rgb(89,89,89) solid;
                  -webkit-border-radius: 4px;
                  -moz-border-radius: 4px;
                  border-radius: 4px;
                  text-align: center;
                  vertical-align: middle;
}
#sluch_foto img{  
                  border: 2px rgb(89,89,89) solid;
                  -webkit-border-radius: 4px;
                  -moz-border-radius: 4px;
                  border-radius: 4px;
                  width: 200px;
                  height: 134px;
}
#sluch_foto img:hover{  
                        border: 2px rgb(20,20,180) solid;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                        width: 220px;
                        height: 145px;                        
}
#sluch_block{      position: relative; left: 20px; width: 600px; height: 165px; padding: 10px;
                  background-image: url(/pics/bg.gif);
                  border: 2px rgb(89,89,89) solid;
                  -webkit-border-radius: 4px;
                  -moz-border-radius: 4px;
                  border-radius: 4px;
                  text-align: center;
                  vertical-align: middle;
}

/* !!!!!!!!!!!! FOOTER !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */        
#footer {    
	         position: relative;
           height: 147px;
	         margin-top: -147px;
           width: 100%;
           background-image: url(../pics/footer.gif);
}
#foo_menu_wr{
               height: 40px;
               width: 1000px;
               margin: auto;
               position: relative;
               top: 20px;
               text-align: center;
}
#foo_menu_wr a{
                  font-size: 16px;
                  font-weight: bold;
                  text-decoration: none;
                  color: #bdb9b9;
                  padding-right: 40px;
}
#foo_menu_wr a:hover{
                        color: #ffffff;
}
#border_menu{
               height: 2px;
               width: 1000px;
               margin: auto;
               position: relative;
               top: 20px;
               background-color: #252523;
}