*{margin:0;padding:0;}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}
ul,ol{
margin-left:1.5em;
}
#outer_wrapper {
/* because "min-width" is not supported by IE, these pages use a script from PVII */
min-width:780px;
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:100%;
/* faux-column technique, this is the left one */
background:url(../dimages/wrapper_bg.gif) repeat-y top left;background-color:#FFF;
}
#wrapper {
/* faux-column technique, this is the right one */
}
/***** HEADER *****/
#header {
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
}

/* ������� ����� */
#slogan {
height:31px;
background:url(../dimages/slogan_bg.gif) repeat-x top left;
background-color:#09507B;
}
#slogan #slogan_text {
height:20px;
padding:5px 10px 0 10px;
float:left;
font-size:90%;
font-weight:bold;
color:#FFF;
}
#slogan #slogan_menu {
height:31px;width:323px;
margin:0;padding:0;
list-style:none;
float:right;
display:block;
background:url(../dimages/slogan_bg2.jpg) no-repeat top right;
}
#slogan #slogan_menu li {
padding:7px;
list-style:none;
float:right;
}
#slogan #slogan_menu li span {
display:none;
}
#slogan #slogan_menu li a.home,#slogan #slogan_menu li a.home:hover {
height:11px;width:11px;
display:block;
background:url(../dimages/icon_home.gif) no-repeat top left;
}
#slogan #slogan_menu li a.home:hover{
background:url(../dimages/icon_home.gif) no-repeat bottom left;
}

/* ���� � �������� */
#header #logo,
#header #logo div#logo_fasad,
#header #logo #logo_waves {
height:126px;
background:url(../dimages/logo_bg.png) repeat-x top left;
background-color:#096FAD;
}
#header #logo{
position:relative;
z-index:1;
}
#header #logo div#logo_fasad {
position:absolute;
/*_top:31px;*/
width:650px;
display:block;
float:left;
background:url(../dimages/logo_fasad.jpg) no-repeat top left;
}
#header #logo #logo_text {
padding:12px 0 0 130px;
text-align:left;
}
#header #logo div#logo_fasad h1 {
font-size:190%;
font-weight:bold;
line-height:1.5em;
color:#FFF;
text-transform:uppercase;
}
#header #logo div#logo_fasad h3 {
font-size:90%;
font-weight:bold;
line-height:2em;
color:#FFF;
text-transform:uppercase;
}
#header #logo div#logo_fasad h1 span{
color:#FFD062;
}

#header #logo #logo_waves {
width:450px;
display:block;
float:right;
background:url(../dimages/logo_2.jpg) no-repeat top right;
}

/* ���� ������ ������� ��� �������� */
#alertBox {
	text-align:right;
	float:right;
	width:450px;
}
#alertBox h5 {
font-size:135%;
color:#FFD062;
padding:10px 10px 0 0;
font-weight:bold;
text-decoration:underline;
text-transform:uppercase;
}

#alertBox h6 {
font-size:95%;
color:#FFFFFF;
padding:5px 10px 0 0;
font-weight:bold;
}

#alertBox h6 a:link,
#alertBox h6 a:visited,
#alertBox h6 a:hover {
color:#FFFFFF;
}
/* ������� ���� � ����� */
#header #quickpanel {
font-family:Verdana, Arial, Helvetica, sans-serif;
top:150px;
height:37px;
background:url(../dimages/quick_bg.png) repeat-x top left;
background-color:#525A60;
}
#header #quickpanel #lang{
float:left;
padding-left:15px;
font-size:90%;
color:#FFF;
font-weight:bold;
line-height:2.5em;
}
#header #quickpanel #lang a:link,
#header #quickpanel #lang a:visited,
#header #quickpanel #lang a:hover,
#header #quickpanel #lang a:active{
font-size:85%;
color:#FFF;
font-weight:bold;
text-decoration:none;
}
#header #quickpanel #lang a:hover{
text-decoration:underline;
}
#header #quickpanel #nav{
height:32px;width:600px;
float:right;
background:url(../dimages/qnav.png) no-repeat top left;
}
#header #quickpanel #nav ul {
list-style:none;
display:block;
}
#header #quickpanel #nav ul li {
list-style:none;
display:block;
float:left;
background:url(../dimages/qnav_li_bg.gif) no-repeat left center;
}
#header #quickpanel #nav ul li.first{
background:none;
}
#header #quickpanel #nav ul li a,
#header #quickpanel #nav ul li a:link,
#header #quickpanel #nav ul li a:visited,
#header #quickpanel #nav ul li a:hover,
#header #quickpanel #nav ul li a:active{
color:#000;
font-size:100%;
text-transform:uppercase;
text-decoration:none;
line-height:2.5em;
padding:0 12px 0 12px;
}
#header #quickpanel #nav ul li a:hover {
text-decoration:underline;
}
/*************************************/
#container {
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
/*EXTRA*/
margin-left:-200px;
}

/* ������� ��������� */
#left {
float:left;
width:224px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/*EXTRA*/
margin-left:200px;
}

#navigation{
padding-top:2px;
padding-left:5px;
padding-bottom:15px;
background:url(../dimages/page_bg.jpg) no-repeat top left;
float:left;
}
#navigation div#navigation_name {
height:28px;width:220px;
background:url(../dimages/menu_topbg.gif) no-repeat top left;
}
#navigation div#navigation_name h3 {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:7px 0 0 0px;
text-align:center;
text-transform:uppercase;
font-size:85%;
font-weight:bold;
color:#FFF;
}
#navigation div#navigation_footer {
float:left;
margin:0;padding-top:20px;
text-align:center;
font-size:80%;
background:url(../dimages/menu_footerbg.png) no-repeat top left;
}
#navigation div#menu {
background:url(../dimages/menu_bg.png) no-repeat top left;
font-size:70%;
}
/******************************/

/*** MAIN BODY ***/
#main {
/* the width from #left (220px) + the negative margin from #container (200px) */
/*EXTRA*/
margin-left:424px;
}
/* ���� �������� */
#main #content_title {
background:url(../dimages/content_topbg.png) no-repeat top left;
}
#main #content_title h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
height:25px;
padding:15px 0 0 20px;
text-align:left;
text-transform:uppercase;
font-size:85%;
font-weight:bold;
color:#FFF;
}
#main #content_text {
font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;
font-size:12px;
padding:15px;
text-align:justify;
/*background:url(../dimages/text_bg.gif) top left repeat-y;
background-color:#FFF;*/
}
.imgb {
border:1px solid #999999;
}

/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebar {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-200px;
}
/* ���� ������*/
#sidebar #extra{float:right;width:200px;background:url(../dimages/extra_bg.gif) repeat-y left;background-color:#DFE1E3;}
#sidebar #extra div#extra_name {
height:51px;
background:url(../dimages/extra_elmbg.png) no-repeat top left;
background-color:#B44B1C;
}
#sidebar #extra div#extra_name h3 {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:25px 0 0 7px;
text-align:center;
text-transform:uppercase;
font-size:85%;
font-weight:bold;
color:#FFF;
}
#sidebar #extra .extrablock,
#sidebar #extra .extrablock_last {
padding-left:15px;
padding-right:5px;
padding-bottom:10px;
padding-top:5px;
background:url(../dimages/extra_boxbg.gif) no-repeat bottom left;
}
#sidebar #extra .extrablock_last {
background:none;
}
#sidebar #extra .extrablock h5,
#sidebar #extra .extrablock_last h5 {
font-size:80%;
color:#8D461A;
}
#sidebar #extra .extrablock h5 strong,
#sidebar #extra .extrablock_last h5 strong {
font-size:105%;
font-weight:bold;
color:#174A69;
text-transform:uppercase;
}
#sidebar #extra .extrablock p,
#sidebar #extra .extrablock_last p {
position:relative;
padding-top:5px;
font-size:75%;
padding-left:10px;
text-align:justify;
}
#sidebar #extra .more_ru {
background:url(../dimages/news_more_ru.gif) top left no-repeat;
width:89px;height:27px;
display:block;
}
#sidebar #extra .more_en {
background:url(../dimages/news_more_en.gif) top left no-repeat;
width:89px;height:27px;
display:block;
}
#sidebar #extra .more_ua {
background:url(../dimages/news_more_ua.gif) top left no-repeat;
width:89px;height:27px;
display:block;
}
#sidebar #extra div#extra_footer {
height:5px;
background:url(../dimages/extra_elmbg2.png) no-repeat bottom left;
}

/* Extra Menu*/
#sidebar #extra ul {	
	list-style:none;
margin-left:0;	
}

#sidebar #extra ul a{
font-weight:normal;
color:#000;
text-decoration:none;
cursor:pointer;
padding-left:15px;
display:block;
	background-image: url(../dimages/menu_li_bg2.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
}
#sidebar #extra ul li {
padding-bottom:15px;
}
#sidebar #extra ul a:hover{
color:#a00;
}

/* FOOTER */
#footer{clear:both;width:100%;height:17px;background:url(../dimages/footer_bg.png) repeat-x top left;background-color:#3B4A54;color: #FFF;}
#footer a:link,a:visited,a:hover,a:active{
color:#FFFFFF;
}
#footer a:hover {
color:#CCCCCC;
}
#footer p{line-height:1.5em;margin-right:5px;font-size:70%;display:inline;float:right;padding:0;color: #C6D5FD;}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */

.clearing {height:0;clear:both}

/* ����� � ����������*/

a:link,a:visited,a:hover,a:active{
	color:#00458B;
	text-decoration:underline;
}
a:hover{
	color:#0053A6;
}

p {
text-indent:1.5em;
padding:0.5em;
}

#AltLangList {
list-style:none;
padding-left:20px;
padding-top:10px;
}
em {
font-style:italic;
}

.years90 {
color:#FFD062;text-align:right;font-size:26px;font-weight:bold;height:25px;padding-top:10px;padding-right:20px;
}
.years90 a:link,
.years90 a:visited,
.years90 a:hover,
.years90 a:active{
	color:#FFD062;
}