body {
	margin: 0px;
	padding: 0px;
		
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
		
	/*background-image:url(/DATA/1000004/image/myBgBody.jpg);
	background-repeat:repeat-x;
	*/
	background-color:#e1d4c0;
	background-image:url(/DATA/1000021/images/sides_body.gif);
	background-repeat:repeat-y;
	background-position:center;	

	}

table td{
	vertical-align:top; 
	font-size:small;
}

#header { background:#036; color:#369; }
#c_one, #c_two {text-align:left; width:812px; margin: auto;	}
#c_two {padding-bottom: 20px;}
	
* html #c_one {width: 812px;}
#header a {color:#9cf;}



a img { border-width:0; border-style:none; color:#E1D4C0; }
#header a img { color:#036; }
p {color:#333;}
  
h3 {
		font-size: 110%;
		color: #666;
	}
	
	ul.logo {margin-top: 6px; color:#FFFFFF; margin-bottom: 0; 
	list-style-type: none;}
	
	div.pad_5 {padding: 5px;}
	.pad_l_5 {padding-left: 5px;}
	.pad_r_5 {padding-right: 5px;}
	
	ul.logo li {
		display: inline; 
		padding: 0 0 0 15px; 
		background:url(/data/1000021/images/bullet_top.gif) no-repeat 0 4px;
	}
	
	h4
	{
		font-size: 107%;
		color: #666;
	}
	
	h5
	{
		font-size: 103%;
		color: #666;
	}
	
	h6
	{
		font-size: 100%;
		color: #666;
	}
	
	/*10070101*/
	a:link
	{
		color: #1E3A7A;
		background-color: transparent;
	}

	/*10070201*/
	a:visited
	{
		color: #1E3A7A;
		background-color: transparent;
	}

	/*10070301*/
	a:hover
	{
		color: #1247C0;
		background-color: transparent;
	}

	/*10070401*/
	a:active
	{
		color: #1E3A7A;
		background-color: transparent;
	}

	/*10080101*/
	table
	{
		color: #333;
	}
	/*10080201*/
	th
	{
		text-align: left;
		color: #333;
		background-color: #bbb;
	}
	/*10080301*/
	tbody th
	{
		background-color: #fff;
		font-weight: normal;
	}
	 .first, .second, .third {margin-left: 0; padding-left: 0; list-style: none;}
	 .first li, .second li, .third li { padding-left: 10px; background-repeat: no-repeat; background-position: 0 .7em; width: 95%;}
	
	.first li{ background-image: url(/DATA/1000021/images/bg_arrow.gif); }
	.second li{ background-image: url(/DATA/1000021/images/bg_box.gif); }
	.third li{	background-image: url(/DATA/1000021/images/bg_crcl.gif); }
 
 	/*
 	#navigation li a {display: block; color: #363; background-color: transparent; width: 100%; text-decoration:none; }
	html>body #navigation li a { width: auto; }
	
	#navigation li a.thisitem{color: #ccc;}
	#navigation li a:hover { background-color: #ddd; color: #060; text-decoration:none; }
	#navigation{ list-style: none; margin-left: 7px; margin-top: 5px; border: 1px solid black; width: 180px; }
	#navigation ul, li { margin-left: 0; padding-left: 0;}
	#navigation ul{list-style: none;}

	*/

#navigation {width: 183px !important;}
#navigation {width: 172px;}
#navigation ul{list-style: none; margin: 0; padding: 0; border: none; }
#navigation li { margin: 0; }
#navigation li a {display: block; background-color: transparent; color: #363; text-decoration: none; width: 100%;}
html>body #navigation li a { width: auto; }
#navigation li a:hover{background-color: #ddd; color: #060;}

	
	
.tl, .tr, .bl, .br {background: url(/DATA/1000021/images/corners.gif); width: 10px; height: 10px; font-size: 0;}
.tl, .bl { float: left; }
.tr, .br { float: right; }
.box-content { clear: both; padding: 0 10px; overflow: hidden; height:19px; text-align:center;}

.brown-box {background: #e6dbc9; width: 776px; overflow: hidden; margin: 5px auto;}
.brown-box .tl {background-position: -580px 0px; width: 5px; height: 5px;}
.brown-box .tr {background-position: -595px 0px; width: 5px; height: 5px;}
.brown-box .bl {background-position: -580px -15px; width: 5px; height: 5px;}
.brown-box .br {background-position: -595px -15px; width: 5px; height: 5px;}

	
	#mids {
	text-align:left;
	width:812px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	clear:both;
	}
	
	#b_one{
	width:100%;
	background-color:#002255;
	}
	
	#b_two{
	width:100%;
	/*background-color:#cba88d;
	background-image:url(/DATA/1000021/images/sides_body.gif);
	background-repeat:repeat-y;
	background-position:center;	*/
	}
	
	
	#logo{
	float:left;
	padding-left:20px;
	padding-top:5px;
	}

	td.grid{
		border: 1px solid #003366;
	}

#header {
	height: 45px;
	background-repeat:no-repeat;
	background-position: top left;
}

/* for Internet Explorer */
/*\*/
* html #header {
	background-position: 1px 0;
}
/**/





.col_lf {
	float: left;
	width: 26%;
	padding-left:5%;
}
.col_rt {
	float: right;
	width: 27%;
	padding-right:4%;
}
.col_md {
	padding: 0px 37% 0px 37%;
	margin: 0px;
}

.s_title{
font-weight:bold;
font-stretch:extra-condensed;
}

.coll255 {
	float: left;
	padding: 0;
	width: 255px;
}
.colr255
{
	padding: 0;
	width: 255px;
	float: right;
}

.cb535 h4{
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 2px;
	background: white url("/DATA/1000021/images/rounded_eleg.png") no-repeat left top;
	border-bottom:1px solid #BBA18E;
	font-size: 13px;
	margin:0;
}

.cb535 table{
	display:block;
}


.cb535 p{
	display: block;
	clear:both;
}

div.high_0{
	height: 0px;
}


.note{font-size: 9px;}
.padding-10{padding: 10px;}


.col525 img{
	padding: 5px;
}

.forminput{
	padding: 1px 0 1px 2px;
	margin: 1px 2px 1px 0;
	background-color: #F8FDF5;
	border: 1px solid black;
	color: #666666;
	width:130px;
}
.formbutton{
	margin: 0;
	padding: 0;
}


/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../images/rounded_eleg.png) no-repeat bottom right;
    margin: 0;
    padding: 0;
}

.cb240 {
    width: 240px;             /* IE Win = width - padding */
}

.cb535 {
    width: 538px;
}

.cb760 {
    width: 776px;
}

.cb200 {
    width: 195px;
}

.cb260 {
    width: 251px;
	padding-left: 2px;
}

.cb190 {
    width: 185px;
}

.cssbox {
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0 auto;         /* use to position the box */

}

/* set the top-right image */
.cssbox_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 15px;       /* right-image-gap + right-inside padding */
	border-bottom: 1px solid #bba28e;
}

/* set the top-left image */
.cssbox_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 3px 0 3px 5px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    /*height: 1%;*/                /* IE Holly Hack */
	height: 20px;
}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 5px;        /* interior-padding right */
    padding: 3px 0 5px 5px; /* mirror .cssbox_head right/left */
}

/*\*/ * html .cssbox_body {margin-right: 0px; padding: 3px 0 5px 0px;} /**/

/* Misc Text formatting */
.cssbox_head h2{
    font-weight: normal;
    font-size: 11px;      /* this is tricky if box width is in ems */
    text-align: left; 
    text-shadow: rgb(0,0,0) 0px 2px 5px; /* Safari-only, but I'm doing it just 'cause I can */

}

div#b_two div.container{
	min-height:26em; 
	height:auto;
}
/*\*/
* html div#b_two div.container {
height: 26em;
}
/**/


.cssbox_body p {
    margin: 0 0 10px;
}
.cssbox_body a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}


.pics {  
    height:  250px;  
    width:   812px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0;  
    border:  0;  
    background-color: #eee;  
    width:  812px; 
    height: 250px; 
    top:  0; 
    left: 0 
} 

div#magazine_header, div#magazine_header_sub{
	display:block;
	height: 267px;
	background: url(../images/header_bg.jpg) no-repeat top right;
	border-bottom: 9px solid #003366;
	clear:both;
}

div#magazine_header_sub{
	height: 257px;
}


div#language_switchers{
	display:block;
	margin-top:20px;
	margin-left:270px;
	width:510px;
	height:55px;
}

div#language_ru{
	float:left;
	display:block;
	height:51px;
	width:240px;
}

div#language_ru, div#language_ru a, div#language_ru a:link, div#language_ru a:active{
	background:url(../images/russian_english_version.png) no-repeat 0px 0px;
	display:block;
}

div#language_ru a:hover {
	background:url(../images/russian_english_version.png) no-repeat -240px 0px;
}

div#language_en{
	float:right;
	height:51px;
	width:240px;
}

div#language_en, div#language_en a, div#language_en a:link, div#language_en a:active{
	background:url(../images/russian_english_version.png) no-repeat -480px 0px;
	display:block;
}

div#language_en a:hover {
	background:url(../images/russian_english_version.png) no-repeat -720px 0px;
}

.center{margin:auto;}

div#volume_info {padding-left: 10px;}
div#volume_info h2 {font-size:1.3em;margin-bottom:0.5em; margin-top:0.5em;}
div#volume_info p {font-weight:bold;}

.simple{background:url(../images/bg_simpl.gif) repeat-y top left;}
.fancy{background:url(../images/bg_grid.gif) repeat-y top left;}
.waves{background:url(../images/waves.jpg) no-repeat top left;}
.river{background:url(../images/river.jpg) no-repeat top left;}

.float-l{float:left;}
.v-center {vertical-align:middle;}
.smallfont {font-size:10px;}
.main-block {min-height:26em; height:auto;}

.art-preview {margin-bottom: 10px;}
.art-title {font-size: 1.75em; font-family:Georgia, "Times New Roman", Times, serif; color:#000066; margin-bottom: 10px;}
.art-body {}
.art-menu {height:38px; background:url(../images/article-corner.jpg) no-repeat bottom right; }
.art-menu * {vertical-align:middle; }
.read-all {height: 16px; float:left; margin-top:8px;}
.bm_sm_icons {height: 16px; float:right; margin-top:8px; margin-right: 70px;}
.art-author{font-size: 0.85em; color:#666666; margin-bottom:7px;}

.hidden{display:none!important; visibility:hidden!important;}

.comment-block{display:block; border: 1px solid #99CCFF; margin-bottom: 8px;}
.comment-name{display:block; width:100%; padding: 3px 0; background-color: #FFFFCC;}
.comment-body{}

.art-body table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
.art-body table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
.art-body table td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

#issn{float:right; color:white; margin-top:12px; margin-right: 10px;}

.btn, a.btn *, a.btn:hover{
  float:left;
  margin: 0 5px 0 0;
  max-width: 350px;
  font:97%/1.2em;
  color:#0c4ea6;
  cursor:pointer;
}
.btn b {
  z-index: 6;
  float:left;
  display: inline;
  position:relative;
  margin:0 1px;
  border:solid #ccc;
  border-width:1px 0;
  padding:0;
}
.btn:hover b {
  border-color:#aaa;
}
.btn b b {
  background: #fff;
  display:block;
  position:relative;
  margin:0 -1px;
  border-width:0 1px;
  padding:0;
}
.btn b b b {
  margin:0;
  border-width:0;
  padding:1px 5px 3px 20px;
  text-decoration: underline;
  background:url(/data/1000021/images/blueprint.tick.png) no-repeat center left;
}
.mb10{margin-bottom:10px!important;}

.clear{clear:both;}

.art-body ul, .art-body ol{padding-left:10px!important;}
