body{ font-family: Arial, Helvetica, sans-serif; color: Black; background-color: White; font-size: 10pt; background-image: ; background-repeat: repeat-x; margin: 0;  padding: 0;  }
p{	font-size : 10pt; }
a{	font-family : Arial, Helvetica, sans-serif;	color : #B90000;	font-size : 10pt;}
a:hover{	text-decoration : underline;  color: #FF2424; }
form{	margin: 0px;}
input{ font-family: Tahoma;  font-size: 12px;  }

/* HEADER
-------------------------------------------------------------------------*/
#HEADER{ display: block; height: 177px; padding:0; margin:0;  background-position: top left;  background-repeat: no-repeat;  background-image: url(bg_header.jpg);   }
	#HEADER h1{ width: 471px; position: absolute;  top: 0;  left: 0;     height: 177px;  background-image: url(bg_header.jpg); background-repeat: no-repeat; padding: 0 0 0 23px; margin: 0;  display: inline;              }
	#HEADER h1 a{ display: block;  padding: 0 20px 0 20px;  width: 10px;   color: White; font-family: "Times New Roman", Times, serif; font-size: 30px; margin: 10; text-decoration: none;  display: block;  font-weight: normal;    }
	
	
	#HEADER ul{ list-style: none; margin: 147px 0 0 0; padding: 0; display: inline; float: right; display: block;  border-bottom: 5px solid #004278;  position: relative;  left: 0px;       }
	#HEADER li{ float:left; margin: 0;  padding: 0 27px 0 5px; list-style: none; display: inline;  background-image: url(bg_topnav_li.gif);  background-repeat: repeat-y;    height: 25px;  line-height: 7px;      }
	#HEADER li a{  color: White; text-decoration: none;  font-size: 11px;  font-family: Tahoma, Arial, Helvetica, sans-serif;         }
	#HEADER li a:hover{ text-decoration: none; position: relative; top: -1px; }


	
/* CONTENT
--------------------------------------------------------------------------*/
#CONTENT{ display: block; margin: 27px 27px 27px 220px; }
	#CONTENT h1{ margin:0 0 0.5em 0; padding:0; line-height: 14pt; font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  font-size: 14pt;  color: #225680;    }
	#CONTENT p{ text-align: justify; text-indent: 25px;  margin: 0 0 10px 0;  padding: 0;  color: black; }

#SIDEBAR{ width:151px; display: table-cell; margin-top: 27px; padding: 0px 23px 0 23px;  background-image: url(bg_vline.gif);  background-repeat: repeat-y;  background-position: right;  float: left;  margin-bottom: 20px;     }
	#SIDEBAR h1{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: White;  background-color: #4000FF;  text-align: center;  font-weight: bold;  padding: 3px 0 3px 0;  margin: 0 0 17px 0;         }
	#SIDEBAR p{ text-align: justify;  margin: 0;  font-family: Arial, Helvetica, sans-serif;  font-size: 9pt;  padding-bottom: 3px;     }
	#SIDEBAR p.Date{ text-align: left;  font-size: 8pt; color: #B90000;  font-weight: bold;  line-height: 8pt;  margin: 0 0 3px 0;       }
	#SIDEBAR p.More{ text-align:right;  margin-top: 3px;  margin-bottom: 18px;   }
	#SIDEBAR p.More a{font-size: 8pt; color: #B90000;  text-decoration: none;  font-weight: bold;     }
	#SIDEBAR p.More a:hover{ text-decoration: underline; }

/* FOOTER
--------------------------------------------------------------------------*/
#FOOTER{ display: block; height: 100px; padding:0; margin:0;  clear: both;  background: #AFCDE7;;  background-position: center bottom;             }
	#FOOTER table {width: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 11px; border-collapse: collapse; text-align: center; }
	#FOOTER th, td {color: white; padding: 3px 10px;}
	#FOOTER th, td:first-child, td, th {}
	#FOOTER td: {}
	#FOOTER th:first-child, td:first-child {text-align: left-center-left;}

#treeHTML {
  line-height: normal;
}
#treeHTML details {
  display: block;
  text-indent: 1.5em;
  first-letter {color:#f00;}

}
#treeHTML div {
  position: relative;
  margin: 0 0 0 .5em;
  padding: 0 0 0 1.2em;
  
}
#treeHTML div:not(:last-child) { /* необязательно */
  border-left: 1px solid #ccc;
  
}
#treeHTML div:before { /* необязательно */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1em;
  height: .5em;
  border-bottom: 1px solid #ccc;
  
}
#treeHTML div:last-child:before { /* необязательно */
  border-left: 1px solid #ccc;
}
#treeHTML summary { /* стилями можно задать любую форму, например, тот же плюс. Я специально не стала усложнять, чтобы можно было проще разобраться в коде */
  p:first-letter {color: red; /* Красный цвет первой буквы */}
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer; 
  
#ul.treeHTML.treeHTML-node {
    margin: 8px 0;
}