
html, body {
   background-color: #460000;
   background-color: #FFFFFF;
   padding: 0px;
   margin: 0px;
   min-height: 700px;
   _height: 700px;
}

img { border: 0px; }


 div#cp_central {
   min-height: 700px;
   _height: 700px;

   min-width: 1000px;
   max-width: 1200px;
   width: 100%; 
   _width: 1020px;

   margin: 0px auto;
   position: relative;
/*
   background: white url(/static/images/bg1-l.gif) repeat-y left top; 
*/
 }
/*
 div#cp_central2 {
   position: absolute;
   width: 15px;
   height: 100%;
   _height: 100%;
   top: 0px; right: 0px;
   background: white url(/static/images/bg1-r.gif) repeat-y right top; 
 }
*/
a {
   text-decoration: none; 
   color: #6A698B;
}
a:visited {
   color: #8d839a;
}
a:hover {
   text-decoration: underline; 
   color: #9a71cd;
}

 div.cp_content {
   min-height: 700px;
   _height: 700px;

   margin: 0px 10px;
   padding: 0px;
   font-family: Tahoma, serif, Sans-Serif, Monospace;
   font-size: 90%;
   text-align: left;
/*
   background: white url(/static/images/bg1-r.gif) repeat-y right top; 
*/
 } 

 a#home {
   width: 250px;
   height: 100px;
   display: block;
   position: absolute;
   left: 0px; top:0px;
   float: left;
 }
 div.main-header {
   border:1px solid white;
   padding-bottom:5px;
   margin-bottom: 10px;
   position: relative;
   width:100%;
   height: 90px;
   border-bottom: 1px solid #ccc;
   background: white url(/static/images/microscope.gif) 77% 0 no-repeat; 
 }
 div.main-header.test {
   background: white url(/static/images/bg-title.jpg) no-repeat; 
 }
 #rus-eng {
   position: absolute;
   right: 0px;
   top: 5px;
 }

 #right-box {
   width: 300px;
   text-align: right;
   position: absolute;
   top: 4px;
   right: 10px;
 }
 #search-box {
   margin-right: 60px;
   width: 240px;
   _width: 300px;
 }
#user {
   _margin-right: -60px;
   margin-top: 10px;
 }

 div.main-header img#logo {
   position: absolute;
   top: 5px;
   left: 0px;
 }
 div#slogan-text {
   color: #AAA;
   font: bold 170%/25px Tahoma, serif, Sans-Serif, Monospace;
   letter-spacing: 1.5px;
   margin-top: 10px;
   text-align: center;
 }
 div.main-header.test div#slogan-text {
   color: #FAFAFA;
 }

 #issn {
   font-size: 45%;
   position: absolute;
   top: 70px;
   left: 5px;
 }
 #under-slogan {
   color: #000;
   font: normal 50% "Courier New", Courier, monospace;
 }
 div.main-header.test div#under-slogan{
   color: #F7F7F7;
 }
 div#dummy {
   height:20px;
   clear: both;
 }

 div#cp_footer {
   clear: both;
   font-family: normal 90%/30px Tahoma, serif, Sans-Serif, Monospace;
   text-align: center;
   color: silver;
   border-top: 1px dotted #ccc;
 }
 div#counters {
   text-align: center;
 }

 #cp_body {
   min-height: 700px;
   _height: 700px;
   clear: both;
   margin-top: 20px;
   background: white url(/static/images/cell3.gif) top left no-repeat;
 } 

 #banner-left {
   margin-left: 0px;
   _margin-left: 0px;
   width: 160px;
   float: left;
   text-align: center;
   height: 100%;
 }
 ul.lasttopics {
   text-align: left;
   padding: 0px 0px 0px 10px;
 }
 ul.lasttopics li {
  *margin-left: -35px;
 }
 div.lasttopics {
   margin: 25px 0px 5px;
   color: darkblue;
      border-bottom: 1px solid;
      border-top: 1px solid;
      background-color: #fefafa;

 }
 #journal-newissue {
   float: left; 
   clear: right;
   width: 60%;
   min-height: 700px;
   _height: 700px;
   position: relative;
 }
 #news {
   padding-left: 62%;
 }

 #cp-text-block {
   padding: 10px 5% 0px 200px;
   /* margin-left: 250px; */
   text-align: justify;
   font-size: 100%;
   min-height: 730px;
   _height: 730px;
   position: relative;
   min-width: 800px;
   _width: 800px;
 }

 div.intro-text {
   bbackground-color: #FEFFFE; 
   color: #444444;
   font-weight: bold;
   font-size: 90%;
   border:2px solid #fff0f0;
   margin-left: 180px; 
   text-align: justify;
   padding: 5px;
 }

 div#main-text {
   height: 100%;
   padding-left: 70px; 
 }
 #forum {
   height: 700px;
 }



.section-title {
color: #000055;
font: bold 130% "Times New Roman", Times, serif;
border-left: 4px solid #800000;
padding-left: 6px;
}
.section-body {
padding-left: 30px;
}

 .news-title {
   font: normal 150%/30px "Times New Roman", Times, serif;
   background: url(/static/images/news-bg2.gif) right top no-repeat;
   text-align: right;
   letter-spacing: 2px;
   height: 34px;
   margin-bottom: 15px;
   padding-right: 35px;
   background-color: white;
   cursor: hand;
   margin-left: 30%;
 }
 .news-title a {
   text-decoration: none !important; 
   color: black !important;
 }
 .news-title a:hover {
   text-decoration: none !important; 
   color: black !important;
 }

ul.item-list {
  list-style-image: url(/static/icons/square.gif);
}
ul.item-list li {
  margin-top: 10px;
}
#login-form {
  visibility: hidden;
  position: absolute;
  top:-200px;
  left:-300px;
background-color: white;
border:1px solid;
}
input.text {
  min-width: 200px;
  _width: 200px;
  background: #e8e5f1 url(/static/images/inputbg.jpg) top right repeat-y;
  border:1px solid;
}

input.checkbox {
  background: #e0e9ef;
}

input.short {
  min-width: 50px;
  _width: 50px;
}
input.submit {
  background: #eed3d6 url(/static/images/submitbg.jpg) top right repeat-y;
  cursor: hand;
  font-weight: bold;
}

input.button {
  cursor: hand;
  background: #e0e9ef;
  border:1px solid;
}
button {
  cursor: hand;
  background: #e0e9ef;
  border:1px solid;
}

#search-box input.text {
  min-width: 100px;
  width: 100px;
}

#search-box input.submit {
  width: 25px;
  height: 25px;
  border:0px solid;
  background: transparent url(/static/images/arrow1.gif) top left no-repeat;
  background-position: 0px 2px;
  *background-position: 0px 4px;
}
div.fotki,table.fotki{margin:.3em auto 0;background:url(/static/images/bg-fotki.png)}
div.fotki{display:inline;float:left;margin:0 0 -1px 5px;padding-top:9px;
           background-position:100% 0}
div.fotki div{margin:0;padding:0 5px 0 0; background-position:100% 100%}
div.fotki div div{position:relative;left:-5px;padding:0;background-position:0 100%}
div.shadow {
   background-color: black;
   filter: alpha(opacity=20);
   opacity: 0.2;
   position: absolute;
   z-index: -1;
   top: 5px; left: 5px;
   right: -7px; 
   _right: -10px; 
   bottom: -7px;
 }
   div.box-fotki {
       border: 0px solid black;
       background: white url(/static/images/bg-fotki.png) top left no-repeat;
       padding-left: 5px; padding-top: 5px;
       position: relative;
   }   
   div.box-fotki div.hd {
       position: absolute;
       width: 5px; height: 5px;
       right: 0px; top: 0px;
       background: white url(/static/images/bg-fotki.png) top right no-repeat;
   }   
   div.box-fotki div.bd {
       background: white url(/static/images/bg-fotki.png) bottom right no-repeat;
       _padding-right: 5px;
       _padding-bottom: 2px;
       height: 100%;
   }   
   div.box-fotki div.ft {
       position: absolute;
       width: 5px; height: 5px;
       left: 0px; bottom: 0px;       
       background: white url(/static/images/bg-fotki.png) bottom left no-repeat;
   }
ul.menu li a, ul.menuleft li a  {
   font: bold 14px "Courier New", Courier, monospace;
   padding: 3px 25px;
   background: white url(/static/icons/menu-bg2.gif) no-repeat;
   _height: auto;
   overflow: visible;
   color: black !important;
   text-decoration: none !important;
}
ul.submenu li a {
   color: black;
   display: block;
   width: 100%;
   height: 22px;
   line-height: 22px;
   margin:0px;
   padding:0px;
   padding-left: 25px;
}
ul.menu li, ul.textmenu li {
   margin-right: 10px;
}
ul.textmenu li {
   margin: 0px 2%;
}

ul.menu li a:hover, ul.menuleft li a:hover  {
   background: white url(/static/icons/menu-bg2-hover.gif)  no-repeat;
}

ul.menu li, ul.textmenu li {
   display: inline;
}
ul.submenu li {
   z-index: 30;
   *margin:-1px 0px;
   margin-left: 20px;
   display: block;
}
 ul.menu, ul.textmenu {
   text-align:center;
   margin: 0px auto;
   padding: 0px;
   white-space: nowrap;
   overflow: visible;
   list-style-type: none;
 }
 ul.submenu {
   z-index: 20;
   width: 200px;
   text-align: left;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   visibility: hidden;
   position: absolute;
   top: -100px; left: -100px;
 }
ul.menuleft li a {
   display: block;
   width: 100%;
   margin: 0px;
   padding: 0px;
   padding-left: 25px;
   height: 22px;
   line-height: 22px;
   color: black !important;
   text-decoration: none !important;
}
ul.active li a {
   background: white url(/static/icons/menu-bg3.gif) no-repeat;
}
ul.active li a:hover {
   background: white url(/static/icons/menu-bg3-hover.gif) no-repeat;
}
ul.menuleft li {
   *padding-bottom: 1px;
   *margin-bottom: -2px;
}
 ul.menuleft {
   float: left;
   width: 120px;
   _width: 140px;
   margin: 0px;
   padding: 0px;
   list-style-type: none;

   position: absolute;
   left: 0px; top: 0px;
   z-index: 20;

 }
 ul.submenuleft li a {
   display: block;
 }

 ul.submenuleft {
   z-index: 20;
   width: 170px;
   white-space: nowrap;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   visibility: hidden;
   position: absolute;
   top: -100px; left: -100px;
 }
 ul.active {
   position: static;
   visibility: visible;
 }
 ul.active li  {
   padding-left: 20px;
 }

 #menu-shadow {
   background-color: black;
   filter: alpha(opacity=20);
   opacity: 0.2;
   position: absolute;
   z-index: -1;
   top: 0px; left: 15px;
   right: -20px; 
   *right: -30px; 
   bottom: -5px;
 }

 ul.submenuleft #menu-shadow {
   right: -30px; 
 }