html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #353535; font-family: Georgia, "Times New Roman", Times, serif; background: #eeeeee 1200px 0 url('../img/bgs/grey.gif') repeat-y;}
#body {background: #ffffff; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 950)? "950px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1200)? "1200px" : "100%"); min-width: 950px; max-width: 1200px; min-height: 100%;}
*html #body {height: 100%;}
#index #body {background: #ffffff repeat-x url('../img/bgs/flash.gif') 0 92px;}
img {border: 0;}
a {color: #3a75c4;}
a:hover, a.sel {color: #353535;}
	a.win {white-space: nowrap;}
		a.win img {width: 11px; height: 9px; margin-left: 0.3em;}
.direct {color: #259bb8; border-bottom: 1px dashed; cursor: pointer; cursor: hand;}
.red, .error_message {color: #cc2229;}
.clr {clear: both}
label {color: #353535; font-size: 12px;}
label input, label select {margin-top: 1px}
.half {width : 48%; padding: 10px 5px 10px 0; float : left;}
.attn {color: #01802a} 
.btns {padding: 10px 0}
p {font-size: 12px; padding: 0; margin: 0 0 5px 0; line-height: 18px;}
	.prelist {margin-bottom: 0.6em;}
	.also {margin-top: 1.2em;}
ul, ol {font-size: 12px; padding: 5px 0 0 0; margin: 0 0 3px 5px; line-height: 15px;}
	ul li {list-style-type:disc; margin: 0 0 8px 20px; padding-left: 5px; position: relative;}
	ul.plain li {margin: 3px 0 8px 5px; padding-left: 0; position: relative;}
	ol li {margin: 3px 0 8px 40px; position: relative;}
h1 {color: #2b5483; font-size: 27px; font-weight: normal; line-height: 27px; margin: 0 0 8px 0; font-family: Georgia, "Times New Roman", Times, serif;}
h2 {color: #2b5483; font-size: 20px; line-height: 23px; font-weight: normal; margin: 0 0 8px 0; font-family: Georgia, "Times New Roman", Times, serif;}
h3 {color: #2b5483; font-size: 18px; font-weight: normal; margin: 8px 0 4px 0; font-family: Georgia, "Times New Roman", Times, serif;}
h4 {color: #353535; font-size: 14px; margin: 20px 0; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
h5 {color: #2b5483; font-size: 18px; font-weight: normal; margin: 15px 0 20px 0; font-family: Georgia, "Times New Roman", Times, serif;}
h5 a{font-size: 16px; margin: 15px 0 20px 0; font-family: Georgia, "Times New Roman", Times, serif;}
h6 {color: #2b5483; font-size: 16px; margin: 15px 0 10px 0; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
.first {margin-top: 0;}
.clr {clear: both}
.center {text-align: center}
.float {float: left; padding-right: 15px}
.ctr {display: block; clear: both; text-align: center; padding: 10px 0}
h6.ctr {display: block; clear: both; text-align: center; padding: 5px 0 0 0}
	td.field {width: 100%;}
	.star {color: #cc2229; position: absolute; margin-left: -20px; font-size: 160%;}
	span.error {color: #cc2229;}
	input, select, textarea {font-size: 12px; font-family: Tahoma, Verdana, sans-serif; margin: 0;}
	input.error, textarea.error {border: 2px solid #cc2229;}
#counter {margin-top: 20px; float: left; display: block; font-size: 120%; height: 2em;}
#counter a,  #counter a:visited, #counter a:active {color: #edf0f0; padding: 0 10px 6px 10px;}
#counter strong {color: #2f3033; font-weight: normal; background: #f1d685; padding: 0 10px 6px 10px;}
#counter span {padding: 2px 7px 3px 7px;}
.spacer {float: left;}
	.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: both;}
.nobr {white-space: nowrap;}
img.png {//background-image: none !important; behavior: url('png.htc');}

#zoom_screen {z-index: 2; position: fixed; width: 100%; height: 100%; background: url('../img/zoom_bg.gif');}
*body #zoom_screen {position: absolute; left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLef ) + 'px'); top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}
	#zoomed_div {position: absolute; left: 50%; top: 50%;  background: #35363a url('../img/zoom_loading.gif') no-repeat center; cursor: hand; cursor: pointer;}
		#zoomed_photo {margin: 7px 9px;}
		#cross {z-index: 3; position: absolute; top: 17px; right: 19px;}

#header {position: relative; padding-top: 83px; width: 100%; background: none; height: 56px}
#index #header {position: relative; padding-top: 83px; width: 100%; height: 56px}
	#ukraine {position: absolute; top: 15px; left: 2%; width: 48px; height: 45px; background: url('../img/ukraine.gif') no-repeat;}
	#sep {position: absolute; top: 15px; left: 8.7%; width: 1px; height: 50px; background: url('../img/sep.gif') no-repeat;}
	a#msms {position: absolute; top: 15px; left: 10.2%; width: 690px; height: 29px; background: url('../img/btns/msms.gif') no-repeat;}
	a#msms:hover {background: url('../img/btns/msms.gif') no-repeat 0 -29px;}
	a#logo, #logo {position: absolute; top: 43px; left: 10.2%; width: 638px; height: 43px;  background: url('../img/btns/logo.gif') no-repeat; z-index: 1000}
	a#logo:hover {background: url('../img/btns/logo.gif') no-repeat 0 -43px;}
	a#ff {width: 188px; height: 35px; background: url('../img/btns/ff.gif') no-repeat; display:block}
	a#ff:hover {background: url('../img/btns/ff.gif') no-repeat 0 -38px;}
	#lang {position: absolute; top: 55px; right: 2%; font-size: 11px; width: 70px; text-align: right}
	
#yellow {position: relative; left: 2%; width: 96%; height: 44px; background: #f9de1f url('../img/bgs/yellow.jpg') repeat-x; display: block; padding: 12px 0 0 0;}
		#yellow table {border: 0; width: 100%;}
		#yellow td {font-size: 13px; line-height: 16px; padding: 0 5px; border-right: 1px solid #ffffff; text-align: center; vertical-align: middle}
			#yellow a {text-decoration: none}
			#yellow a:hover, #yellow a.sel {text-decoration: underline; color: #353535}

	#select {z-index: 0; position: absolute; top: -70px; left: -50px; width: 187px; height: 199px;}
#index #title {position: relative; display: block; margin-top: 0}
#title {position: relative; display: block; margin-top: 20px}
	#title p {margin: 0; font-size: 11px; padding-bottom: 2px}
	#index #title p {margin: 0; font-size: 11px; padding-bottom: 0}
		#title h1 {margin: 7px 0;}
		#title img {margin-top: 30px;}
#content {margin-bottom: 30px; position: relative; width: 100%;}
	#left {float: left; position: relative; left: 2%; width: 22%; padding-bottom: 20px}
	#index #left {left: 2%; width: 22%;}
		.shadow {display: block; background: #ffffff url('../img/bgs/shadow-sm.gif') no-repeat 50% 100%; line-height: 10px; font-size: 10px; margin-top: 12px; height:16px; clear: both;}
		.shadow1 {display: block; background: #ffffff url('../img/bgs/shadow-sm.gif') no-repeat 50% 100%; margin-top: 12px; line-height: 10px; font-size: 10px;  height:14px; clear: both}
		.shadow2 {display: block; background: #ffffff url('../img/bgs/shadow-sm.gif') no-repeat 50% 100%; line-height: 10px; font-size: 10px;  height:14px; clear: both}
		.blue {font-size: 16px; background: #4585d1 url('../img/bgs/blue.jpg') repeat-x; margin-top: 15px; padding-top: 12px; display: block; }
			.blue a {display: block; padding: 5px 15px 5px 18px; background: none; margin: 0; color:#ffffff; text-decoration: none}
			.blue a:hover, .blue a.sel {text-decoration: underline; color:#f0f16d;}
		.yellow1 {padding-top: 10px; background: #f3e65e url('../img/bgs/yellow1.jpg') repeat-x; margin-top: 15px;}
		.yellow1 a {display: block; font-size: 16px; padding: 5px 15px 6px 18px; line-height: 16px; margin: 0; background: none; text-decoration: none}
		.yellow1 a:hover {text-decoration: underline}
		.blue1 {padding-top: 13px; background: #cddaf0 url('../img/bgs/blue1.jpg') repeat-x; line-height: 16px; }
		.blue1 a {display: block; padding: 4px 15px 4px 18px; font: 15px/18px Tahoma, Arial, Helvetica, sans-serif; margin: 0; background: none; text-decoration: none}
		.blue1 a:hover {text-decoration: underline}
		.white {margin: 5px 0; padding: padding: 7px 0; line-height: 18px; background: none}
		.white img {float: left; margin: 3px 6px 10px 0;}
		.orgs img {float: none; text-align: center; margin: 0; padding: 0;}
		.orgs {text-align: center;}
		.white a, .white p {display: block; font-size: 16px; padding: 7px 15px 6px 18px; margin: 0; background: none; clear: both}
	#index #center {float: left; position: relative; left: 4%; width: 72%; background: none;}
	#center {float: left; position: relative; left: 4%; width: 72%; background: url('../img/bgs/shadow.gif') no-repeat;}
	.grey {font-size: 12px; padding: 9px 15px 11px 18px; background: #ecebe7 url('../img/bgs/grey.jpg') repeat-x;}
	.grey h3 {border-bottom: solid 1px #d5d5d5; padding-bottom: 5px; margin: 3px 0; font-size: 14px;}
	.grey p {margin: 0; font-size: 12px; line-height: 16px; padding: 5px 0}
	.grey p.btn {padding: 2px 0}
	.grey p.sm {margin: 0; font-size: 11px; line-height: 14px; padding: 5px 0}
		#flash {display: block; height: 130px;}
		#shadow-top {background: url('../img/bgs/shadow-g.gif') no-repeat;}
		#quote {display: block; font: italic 22px/25px Times New Roman; padding: 15px 0 24px 0; font-family: ; background: url('../img/yuschenko.gif') no-repeat 75% 100%}
		#quote .smaller{display: block; text-align: right; padding: 10px 0; font-size: 80%; text-transform: none; font-style: italic}
		#lnews {position: relative; display: block; padding: 10px 0; float: left; width: 72%}
		.txtblock {position: relative; padding: 10px 20px 20px 0; position: relative; font-size: 12px; margin: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
		   .txtblock .date {position: relative; color: #828182; font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 17px; margin: 0; padding-bottom: 0}
		   .txtblock .news {position: relative; margin: 0; padding-left: 6%; padding-bottom: 15px; font: normal 14px/20px Tahoma, Verdana, Arial;}
	#search {clear: both; padding-left: 18px; font-size: 13px; margin: 0; display: block}
	#search {clear: both; padding-left: 18px; font-size: 13px; margin: 0; *margin-top: -18px; display: block}
	.link {text-decoration: none}
	.link:hover {text-decoration: underline}
    .txtblock table {margin: 10px 0; width: 100%; font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif; border-right: solid 1px #d5d5d5; border-collapse: collapse}
	.txtblock table td {padding: 5px; vertical-align: top; text-align: left; border-bottom: solid 1px #d5d5d5; border-left: solid 1px #d5d5d5;}
	.txtblock table td.first {text-align: left; font-weight: bold; vertical-align: top;}
	.txtblock table th.first, .txtblock table thead td.first {text-align: left; font-weight: bold;}
	.txtblock table .odd {background: #d6e3fd} 
	.txtblock table th, .txtblock thead td {padding: 5px; border-bottom: solid 1px #d5d5d5; border-top: solid 1px #d5d5d5; border-left: solid 1px #d5d5d5; vertical-align: top; text-align: left; background: #f3f2f2}
	.txtblock table.wide th, .txtblock table.wide td, .txtblock table.wide td p  {font: normal 10px/12px Tahoma, Arial, Helvetica, sans-serif; padding: 3px 5px;}
		
		table.notxt {margin: 10px 0; width: 100%; font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif; border: 0;}
		table.notxt td {padding: 7px 10px; border-collapse: collapse; border: 0; vertical-align: middle; text-align: center;  width: 48% }	
		table.nobrdr {margin: 0 0 10px 0; width: 100%; font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif; border: 0}
		table.nobrdr td {padding: 4px 10px 4px 0; border-collapse: collapse; border: 0}	
		table.nobrdr td h2 {line-hight: 24px}		
		table.inform {margin: 0 0 10px 0; width: 100%; font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif; border: 0}
		table.inform td {padding: 4px 10px 4px 0; border-collapse: collapse; width: 48%; border: 0}		
		p#address {font-size: 140%; line-height: 1.2em;}
			p#address span {position: relative; left: -0.7em;}
	.video {padding: 0 25px 25px 17px; background : url('../img/bgs/video.gif') no-repeat; width: 200px; display:block} 
	#caption_under {padding: 0 5px 5px 5px; width: 430px; margin: 0 auto; text-align: left; font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif; border: 0}	
	#caption_under h6 {font: bold 13px/16px Tahoma, Arial, Helvetica, sans-serif; margin: 0 auto 5px auto; padding: 0}
	.small {font: normal 11px/13px Tahoma, Arial, Helvetica, sans-serif;}
	#right {float: left; width: 28%;}
	#index #right {width: 28%; right: 0%; padding-top: 20px}
	.subs {position: relative; width: 60%; display: block; clear: both; background: #fef7c4; padding: 1px 15px 5px 0;}
	.downloads {position: relative; width: 60%; display: block; clear: both; background: #eaeaea; padding: 1px 15px 2px 0;}
	.subs ul, .downloads ul {width: 100%; font-size: 90%; margin: 7px 0 2px 0; line-height: 1.2em;}
	.subs ul li, .downloads ul li {padding: 0 0 5px 10px; margin-left: 10px; list-style: none; background: none}
	.subs ul li a, .downloads ul li a {text-decoration: none;}
	.subs ul li a:hover, .downloads ul li a:hover {color: #353535; text-decoration: underline}
	.downloads-intxt {position: relative; display: block; clear: both; background: #eaeaea; padding: 1px 15px 2px 0; font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;}
	.downloads-intxt ul {width: 100%; margin: 7px 0 2px 0; line-height: 1.2em;}
	.downloads-intxt ul li {padding: 0 0 5px 10px; margin-left: 10px; list-style: none; background: none}
	.downloads-intxt ul li a {text-decoration: none;}
	.downloads-intxt ul li a:hover {color: #353535; text-decoration: underline}
			
	
		.submenu {position: relative; left: 20%; width: 80%;}
			.submenu li {margin: 0; padding: 0; height: 2.7em; background: none;}
			.submenu li.top {position: relative; left: -10%;}
				.submenu a, .submenu a:visited {display: block; position: relative; color: #85d5e5;}
				.submenu a:hover {font-size: 240%; color: #ff5360;}
				.submenu strong {display: block; position: relative; font-size: 240%; color: #edf0f0; font-weight: normal;}
#footer	{position: relative; height: 130px; width: 100%; background: #f3f3f3 url('../img/bgs/footer.gif') repeat-x; font-size: 11px; line-height: 27px;}
#links {position: relative; left: 3%; width: 94%; height: 28px; border-top: 1px solid #d5d5d5; background: #ffffff;}
#copyright {position: relative; left: 3%; width: 94%; height: 56px; background: #f3f3f3 url('../img/bgs/footer-shadow.gif') no-repeat 50% 0; color: #969696; font-size: 10px; line-height: 15px}
#copyright p {font-size: 10px; padding: 7px 0}
a#madein {width: 148px; height : 38px; background : url('../img/btns/madein.gif') no-repeat 0 0; display: block; float : right; }
a#madein:hover { background : url('../img/btns/madein.gif') no-repeat 0 -38px; }
			 


/* admin styles */

.admin a, a.admin { color: #d6222c; text-decoration: underline; }
.admin a:hover, a.admin:hover { color: #000000;}
#admin_menu { text-align: right; position:absolute; right:5px; top:5px; z-index:10000; background: #d6222c; width: 532px; padding: 6px 10px 6px 6px; font: normal 12px/14px Tahoma, Verdana, sans-serif; margin: 0; color:#ffffff}
#admin_menu a {color: #ffffff;}
#admin_menu a:hover {color: #000000;}
#admin_main { padding: 20px 30px;}
#admin_main h3 { font-family: Tahoma, Verdana, sans-serif}
#admin_main label, label {display: block; clear: both; margin-top: 15px}
#admin_main label input {width: 90%;}
#admin_main label input.check {width: 0;}
.mceLayout{width: 90% !important;}
.mceStatusbar{display: none;}
.subMenu,.subMenu2{
	position: absolute;
	z-index: 341;
	background: #f6eb7f;
	margin-top: 18px;
	left: 0;
	3top: 18px;
}
.subMenu2{
	background: #4585D1;
	min-width: 250px;
	*width: 250px;
}
ul.subMenu li,.subMenu2 li{
	2position: static;
	list-style: none;
	background: none;
	padding: 2px 5px 0 5px; 
	margin: 5px 10px 5px 10px;
}
.subMenu a,.subMenu2 a{
	text-decoration: none;
}
.subMenu a{
	font-size: 13px;
}
.subMenu2 a{
	display: block;
	color: #fff;
	padding: 2px 5px; 
	margin: 5px 10px 5px 5px;
}
ul.subMenu a:hover,.subMenu2 a:hover{
	text-decoration: underline;
}
.subMenu2 a:hover{
	color: #F0F16D;
}
ul.subMenu{
	2position: static;
	list-style: none;
	line-height: 1.2em;
	padding: 5px 0 3px 0;
}
.short {display: block; padding-top: 5px; font: normal 12px/18px Tahoma, Verdana, Arial;}

#btns {padding: 20px 0}


.not{
	display: none !important;
}
.sub{
	font-size: 14px !important;
	text-indent: .6em;
}
#sub-top{
	position: absolute;
	width: 962px;
	heigth: 16px;
	background: red;
	left: 20px;
	top: 139px;
}
.sub-top{
	font-size: 11px;
	color: black;
	margin: 20px 0;
	display: block;
	position: absolute;
	z-index: 300;
	left: 0;
	width: 70px;
}
#sub-top a{
	font-size: 11px;
	color: black;
}

ol.bebroken {counter-reset: item}
ol.broken {counter-reset: item}
ol.bebroken li, ol.broken li{display: blockk}
ol.broken li:before {
		content: counter(item) ". ";
		counter-increment: item;
		display:block;
		}