/* CSS Document */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	/*background-color:#E9E9EA;*/
	background-image:url(../images/bg1.jpg);
}

img {
   margin:5px;
}

.clearfix {
	clear: both;
}

.float_left {
 float:left;
 }
 
.space {
 clear: both;
 background-color:#FFFFFF;
 height: 5px;
}

.space_big {
 clear: both;
 background-color:#FFFFFF;
 height: 34px;
}


#container {
 width:990px;
 margin:auto;
}

.color-wrapper {
 background-color:#FFCC99;
 padding: 8px;
 overflow: hidden;
 text-align: left;
 margin: 0 auto;
 }
 
.white-wrapper {
 background-color:#FFFFFF;
 padding: 0px;
 margin: 0;
 overflow: hidden;
 }
 
#left-pic {
 float: left;
 width: 144px;
 height: 169px;
 background: url(../images/bagration_s.jpg) no-repeat top center;
 border: 2px solid grey;
 }
 
#right-pic {
 float:right;
 width: 144px;
 height: 169px;
 background: url(../images/kutuzov_s.jpg)  no-repeat top center;
 border: 2px solid grey;
 }
 
#main-pic {
 /*width:800px;*/
 /*height:496px;*/
 width:700px;
 height:334px;
 margin:8px auto;
 background:url(../images/main_pic_s.jpg) no-repeat top center;
 border: 1px solid grey;
 }
 
#main-header {
 float:left;
 width:676px;
 overflow:hidden;
 color:#000000;
 }
 
#main-header h1 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight:bold;
 text-align:center;
 line-height: 24px;
 }
 
#main-header h1.year {
 font-size:64px;
 color:#990000;
 }
	
/********************   ????   ************************/
#menu {
 float:left;
 width: 233px;
 overflow:hidden;
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 font-size: 12px;
 font-style:italic;
 letter-spacing: 1px;
 line-height: 16px;
 background:#FFCC99;
 padding:0;
 margin:0;
 border: 1px solid #FFCC99;
}
#menu ul li hr {
 height:1px;
 width:100%;
 margin: 1px;
 padding: 0px;
 background-color:#FFFFFF;
 border: solid 1px #FFFFFF;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   width: 100%;
   border-bottom: 0px;
}

#menu ul li a {
   margin: 0;
   padding: 0;
   display: block;
   text-decoration: none;
   color: #333;
   background: #FFCC99;
   padding: 2px 2px 2px 8px;
   border: 1px solid #FFCC99;
}

#menu ul li a:hover {
   display: block;
   text-decoration: none;
   color: #a50000;
   /*background: #EBEBEB;*/
   background:#FFFFFF;
   border: 1px solid #E9E9EA;
}

#menu ul li a.current {
   display: block;
   text-decoration: none;
   color: #a50000;
   /*background: #EBEBEB;*/
   background:#FFFFFF;
   border: 1px solid #E9E9EA;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu ul.submenu li a{
 margin:2px 2px 2px 55px;
 padding: 2px 2px 2px 8px;
 border: 1px solid #FFCC99;
 background-color:#FFFFFF;
}

#menu ul.submenu li a:hover{
 margin:2px 2px 2px 55px;
 padding: 2px 2px 2px 8px;
 border: 1px groove #ffffff;
 background-color:#FFFFFF;
}


/********************   Содержание   *********************/
.content {
 float:left;
 width:720px;
 overflow:hidden;
 text-align:left;
 padding:0px;
 margin-left:15px;
 color:#000000;
}

div.content h3 {
color: #990000;
margin: 13px 0 21px 55px;
}

div.content h2 {
color: #990000;
text-align:center;
}

div.content h4 {
color: #990000;
margin: 35px 0 8px 0;
}

.new_content {
 width:520px;
 overflow:hidden;
 text-align:left;
 padding:5px;
 margin:5px 0 15px 115px;
 color:#000000;
 border: dotted #ccc 2px;
}

.data {
 padding:3px; 
 font-size: 10px; 
 font-style:italic;
 letter-spacing: 1px;
 background-color:#e2e2e2
}

div .new_title {
 color: #990000;
 font-size: 10px;
 margin: 10px ;
}

.center{
text-align:center;
margin: 13px 0 21px 0;
}

div.float_left_verse_author h3 {
margin: 13px 0 21px 0px;
}

div.content a.list{
padding:13px;
}

div.content ul li{
list-style:disc;
padding-bottom:3px;
}

div.left-column, .right-column {
	flex: 1;
	padding: 20px;
	box-sizing: border-box;
}

div.left-column {
	background-color: #f5f5f5;
}

div.right-column {
	background-color: #e9e9e9;
	text-align: right;
}

div.event, .date {
	margin-bottom: 15px;
}

div.date {
	font-weight: bold;
	color: #555;
}

/********************   ?????   *********************/
p {
 text-align:justify;
 text-indent:34px;
}
p.sign{
 font-family:"Courier New", Courier, monospace;
 font-size:14px;
 font-weight:bold;
}
.in_center {
 text-align:center;
}
.small_ {
 font-size:12px;
}
.small_bold {
 font-size:12px;
 font-weight:bold;
}
.big_bold {
 font-size:16px;
 font-weight:bold;
}
.upper {
 text-transform:uppercase;
 }
.indent {
 padding-left:34px;
}
.no_indent {
 text-indent:0;
}
.ind {
 margin:13px 0 13px 89px;
}

/*****************************************/
dt {
 font-weight:bold;
 margin-top: 1.2em;
}
dd {
 font-style: italic;
  margin-top: 0.5em;
}

dl span {
 font-family:"Courier New", Courier, monospace;
 font-size:14px;
}

div #additional_menu{
 background-color:#E9E9EA;
 border: 1px solid #E9E9EA;
 border:1px solid #ccc;
 padding:5px;
 margin: 5px 0 34px 200px;
 overflow:hidden;
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 font-size: 12px;
 font-style:italic;
 letter-spacing: 1px;
 line-height: 18px;
}

div #additional_menu a {
 text-decoration:none;
 padding:3px;
}

div #additional_menu a:hover {
 text-decoration:none;
 color: #a50000;
 background:#FFFFFF;
}

div #additional_menu_actions{
 background-color:#E9E9EA;
 border: 1px solid #E9E9EA;
 border:1px solid #ccc;
 padding:5px;
 margin: 5px 0 34px 8px;
 overflow:hidden;
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 font-size: 12px;
 font-style:italic;
 letter-spacing: 1px;
 line-height: 18px;
 }
div #additional_menu_actions a {
 text-decoration:none;
 padding:3px;
}

div #additional_menu_actions a:hover {
 text-decoration:none;
 color: #a50000;
 background:#FFFFFF;
}
/********************************** ??????????? *********************/

div.doc_author {
 float:left;
 margin:5px 0 13px 0;
 width:160px;
 overflow:hidden;
 font-weight:bold;
}
div.doc_title {
 float:left;
 margin:5px 0 13px 0;
 width:500px;
 overflow:hidden;
}

/********************************** ??????? *********************/
dl.chronicle dd{
 font-style:normal;
 text-align:justify;
}

ul.menu_cronicle {
 margin:0 0 30px 0;
 list-style:none;
 padding:8px 0 3px 25px;
 background-image:url(../images/bookmark_bg.png);
 height:55px;
}

ul.menu_cronicle li{
    margin:0px 0 0px 0px;
	padding: 5px 18px 0px 10px;
line-height:30px;
	/*border: #F81317 1px solid;*/
	display:inline		
}

ul.menu_cronicle a{
 font-size:18px;
 font-weight:bold;
 padding:8px 2px 4px 8px;
 margin:12px 12px 2px 3px;
/*height:80px;*/
 text-decoration:none;
 color:#333;
/*background-image:url(../images/bg_hover.png);*/
}
 
ul.menu_cronicle a:hover{
 color:#990000;
/*background-image:url(../images/bookmark_bg.png);*/
/*border:1px dashed #e6e6e6;*/
}

/********************************** ?????? *********************/
div.artical{
 margin-left:390px;
 color:#990000;
}

div.artical span{
 font-weight:normal;
 font-size:12px;
}
div.artical2{
 margin-left:180px;
 color:#990000;
}
/********************************** Стихи *********************/
a.verse{
 font-family:"Courier New", Courier, monospace;
 font-weight:bold;
 font-style: normal;
 font-size:14px;
 margin-top: 1.2em;
 text-decoration:none;
}

.expand{
 width:100%;
 margin: 10px 20px 20px -55px;
 background:	#ededed;
 padding:2px 30px;
 cursor:pointer;
}

.expand2{
 margin: 10px 20px 20px 20px;
 background:	#FFFAF0;
 padding:2px 30px;
 cursor:pointer;
}

p.verse_date {
 text-align:right;
 font-size:12px;
 font-style:italic;
}

a.verse_read {
 padding:30px 0 0 50px;
}

div.float_left_verse_author {
 width:300px;
 float:left;
 overflow:hidden;
 margin:0;
 }
div.float_left_verse_author h3 span{
 font-size:14px;
 font-weight:400;
}

div.float_left_verse_img{
 float:left;
 overflow:hidden;
 margin-left:15px;
}

div.float_left_verse{
 float:left;
 overflow:hidden;
 margin-left:15px;
}
 
h3.title {
padding:55px 0 0 0;
font-weight:bold;
}

pre em strong{
color:#990000;
}

/********************************** публикации  *********************/
div.float_left_publ_author {
 width:160px;
 float:left;
 overflow:hidden;
 margin:15px 0 10px 21px;
 text-indent:0;
 font-weight:bold;
 color:#990000;
}
 
div.float_left_publ_article_title{
 width:510px;
 float:left;
 overflow:hidden;
 margin:15px 0 10px 0;
 text-indent:0;
}



#publ_p p{
 text-indent:0;
}

#publ_p a{
 text-decoration:none;
}
#publ_p em {
font-size: 12px;
}

/********************************** information  *********************/
div.float_left_inf_data {
 width:160px;
 float:left;
 overflow:hidden;
 margin:15px 0 3px 5px;
 text-indent:0;
 font-weight:bold;
 color:#990000;

}
 
div.float_left_inf_title{
 width:705px;
 float:left;
 overflow:hidden;
 margin:0px 0 10px 5px;
 text-indent:0;

}

#publ_p p{
 text-indent:0;
}

#publ_p a{
 text-decoration:none;
}
#publ_p em {
font-size: 12px;
}

/********************************** gallery *********************/
dl.gallery dd{
 font-style:normal;
 font-weight:bold;
}


div.pic{
 border:0px groove #e9eaea; 
 width:220px; 
 height:250px; 
 float:left; 
 margin-left:13px;
 margin-right:15px;
 padding-left:0px;
}

div.pic p {
font-size:12px;
margin: 0 0 0 10px;
text-indent:0;
text-align:left;
}

div.pic1{
 margin-left:13px;
 margin-right:15px;
}
div.pic2{
 margin-left:0;
 margin-right:15px;
}
div.pic3 {
 margin-left:0;
 margin-right:0;
}

/********************************** фотоархив *********************/
#shadow {
/*position:absolute;
top:0px;
left:0px;
width:100%;*/
background-color:#000000;
opacity:0.4;
filter:alpha(opacity(40));
}

/********************************** copyright *********************/
#copyright { 
 font-size:10px;
 text-align:center;
 margin: 20px auto;
 }
 
 #copyright hr{
 width:100%;
 height:2px;
 background-color:#FFCC99;
 border: solid 1px #FFCC99;
 }

