body   
        {margin: 0px; color: #333333; padding: 13px 10px 0 10px; font: 12px Arial, Helvetica; background: #e7f9df url(images/top_bg.jpg) 0 -20px repeat-x}

img {
     border: none
}

form {
   /* margin: 0px;
    padding: 0px;*/}

p
{margin: 1px 0 4px}

hr {
   border: none; background-color: #fff; color: #fff; height: 1px}

#info 
     {font-size: 11px; font-weight: bold; padding: 4px 5px 0 10px}

#icqpanel
     {padding: 5px; margin: 10px 0 0; background: url(images/icqpanel.gif) 0 100% no-repeat}
	 
#icqpanel a
     {color: red; margin: 3px 0 3px; font: bold 15px Arial, Helvetica}
	 
#icqpanel h6
     {padding: 8px 0 8px; margin: 0; text-decoration: underline; font: bold 13px Arial, Helvetica}
	 
#icqpanel .avatar
     {float: right; border-bottom: 1px solid #ABABAB; border-right: 1px solid #ABABAB}
	 
#icqpanel div
     {padding: 5px 3px 15px; display: block; background: url(images/corn.gif) 154px 50% no-repeat}

#tempcontainer 
     {width: 970px; height: 100%; padding: 10px; margin: 0px auto; background: #ffffff url(images/topbg.png) -10px -3px no-repeat}

#kommtayna li, #sltayna li, #gostayna li
     {padding-left: 0; list-style-image: url(images/gr-button.gif)}

#kommtayna ul, #sltayna ul, #gostayna ul{
     margin: 0;
     padding: 5px 0 5px 20px;
     list-style-image: url(images/gr-button.gif);
}
  
#header #logo {
       float: left;
       width: 240px;
       position: relative;
}

#header #icon {
       float: right;
       padding: 9px 10px 10px 10px;
       width: 73%;
       text-align: right;
}

#header #icon img{
       margin: 3px 15px 0 25px;
}

#header #topmenu {
       float: right;
       width: 722px;
       list-style: none;
       margin: 0 0 2px 0;
       text-align: center;
}

#header #topmenu li { 
       margin: 1px;
       float: left; width: 118px; padding: 5px 0 8px; text-align: center; background: url(images/button.gif) no-repeat}

#header #topmenu a{
       color: white; line-height: 118%; font-size: 11px; text-decoration: none; text-transform: uppercase}

#header #topmenu a:hover{
   
}
  
#menu {
      float: left;
      width: 248px}

#menu #catalogs {
      background: url(images/catalogs.gif) no-repeat}

#menu #services {
      background: url(images/services.gif) no-repeat}

#menu #obuch {
      background: url(images/obuch.gif) no-repeat}

#menu #techob {
      background: url(images/techob.gif) no-repeat}

#menu #nauka {
      background: url(images/nauka.gif) no-repeat}

#menu a {
      display: block; color: white; line-height: 125%; font-size: 12px; text-decoration: none; text-transform: uppercase; padding: 13px 5px 12px 95px}

#menu a:hover {
            /*border-bottom: #ffc500 3px solid;*/
}

#mainbanner 
               {float: left; width: 720px}

#newspanel {
       float: right;
       width: 695px;
       margin-left: 6px;
       padding: 0 0 0 28px;
       background: url(images/newsleft.png) no-repeat}

#newspanel p{
       float: left;
       width: 30%;
       padding: 15px 5px 25px 15px}

#newspanel #date {
       font-weight: bold; color: #124a2e; margin: 3px 5px 9px 0}

#searc
             {padding: 7px 0 9px 13px}

#search input
             {margin: 0 2px 0 2px; width: 390px; border: none; font-size: 12px; background: #fff}

#service
             {float: left; width: 239px; margin: 3px 0 0}

#service a
             {color: white; display: block; padding: 12px 1px 15px 70px}

#service #forum {
     background: url(images/forum.gif) no-repeat;
}
#service #faq {
     background: url(images/faq.gif) no-repeat;
}
#service #icqk {
     background: url(images/icqk.gif) no-repeat;
}

a:link , a:active, a:visited {
            color: #339966;
            font-weight: bold;
            text-decoration: none}

a:hover {
            color: #cd3333;
            text-decoration: none}
  
.left
        {padding: 0px; width: 239px}

.left  p.block{
            color: #028746; font-size: 12px; font-weight: bold; margin: -9px 0 2px -2px; padding: 15px 0 12px 10px; text-transform: uppercase;  background: url(images/l_R_panel.png) no-repeat}

.left  h5
         {color: #028746; font-size: 12px; font-weight: bold; margin: -9px 0 2px -2px; padding: 15px 0 12px 10px; text-transform: uppercase;  background: url(images/l_R_panel.png) no-repeat}

.left li {
            margin: 3px 10px 4px -23px;
            padding: -3px 0 0 -5px;
            list-style-image: url(images/green.gif);
}
      
/*.right .block{
            color: #028746; font-size: 12px; font-weight: bold; margin: -8px 0 2px -1px; padding: 15px 0 15px 10px; text-transform: uppercase;background: url(images/l_R_panel.png) no-repeat}
	*/

.right  
      {padding: 0px; width: 239px}	

.right .show_banner {}

.right .show_banner img {width: 231px; height: 106px; display: block}
	
.right h5
               {color: #028746; font-size: 12px; font-weight: bold; margin: -8px 0 2px -1px; padding: 15px 0 15px 10px; text-transform: uppercase;background: url(images/l_R_panel.png) no-repeat}

.content {
             margin: 0 7px 5px 7px; padding: 3px 0 0; background: url(images/center.gif) no-repeat}

.content .block{
            margin: 0 0 0 4px;
            color: #028746;
            font-size: 12px;
            font-weight: bold;
            padding: 15px 0 10px 10px;
            text-transform: uppercase;
            background: url(images/centr_panel.png) no-repeat
}

.content li {
            list-style-type: none;
            padding-left: 25px;
            margin: 5px 5px 5px -30px;
            background: url(images/green.gif) no-repeat}

#contentpage{
           background: url(images/contentbgheader.png) no-repeat}

#comment_form {
           padding: 5px 0 5px 0; background: url(images/onlineformtop.gif) no-repeat}

#comment_form span {
           padding: 2px;
           margin: 5px 0 8px;
           background: url(images/onlineforminput.gif) no-repeat; 
}

 #comment_form input {
           border: none;
           height: 18px; 
           width: 400px;
           font-size: 12px;
           background: transparent
  }
  
 #comment_form #submit {
           width: 85px;
 }
 
 #comment_form textarea {
          overflow:hidden; 
          /*padding: 3px;*/
          border: none;
          width: 440px; 
          height: 62px;
          font-size: 12px;
          background: transparent;
 }


/* стили для иконок в новостях */

.newsicon {
           float: left;
           margin: 3px 7px 0px 0px;
}
/* рамка иконок в новостях */

.newsicon img {
            border: #505050 1px solid;
            width: 150px;
            height: 150px;
}

.post .title, .comment .title {
            padding: 2px 2px 8px 1px;
	        font-weight: bold;
            font-size: 14px;
            color: #339966;
 }

.post .story 
   {text-align: justify; line-height: 140%}


.post .date, .comment .date {
    padding: 2px;
	font-size: 80%;
}
.post .attr, .comment .attr {
           clear: both;
           padding: 5px;
	       font-size: 80%;
}
 
#footer {
          font-size: 10px;
          margin: 0px auto;
          width: 970px;
          text-align: center;
          padding: 15px;
          background: url(images/footerbg.png) bottom center no-repeat;          
     }