* {
		margin: 0px;
		padding: 0px;
}

body {
        background: url(images/background.jpg) 0 0 repeat;
	    margin: 0px;
	    text-align: center;
	    font: 10px/10pt tahoma;
}


td,p,ul,li,select
{
	color: #000;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
h1
{
	color: #958eaf;
	font-family: georgia, palatino, times, serif;
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
}

h2
{
	color: #958eaf;
	font-family: georgia, palatino, times, serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	text-transform: uppercase;
}
a img {
		border: none;
}
.left {
		float: left;
}
.right {
		float: right;
}
.both {
		clear: both;
}
.all {
		width: 800px;
		height: 600px;
		margin: 0px auto;
		text-align: left;
		background: rgb(255,255,255);
}
#top .content
{
	height: 418px;
	text-align: left;
	background-color: white;
	background-image: url(images/title.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#top .content2
{
	height: 418px;
	text-align: left;
	background-color: white;
	background-image: url(images/title2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.content2 .homenews
{
	width: 200px;
	height: 418px;
	float: right;
	text-align: left;
	z-index: 100;
	overflow: auto;
	padding: 10px;
}

#bot .content {
		height: 413px;
		border-bottom: 6px solid rgb(218,216,227);
		text-align: left;
}
/* --Line_0-- */
.line_0 {
		height: 104px;
        background: url(images/back_0.gif) 0 0 no-repeat;
}
input.in {
		height: 17px;
		width: 119px;
		background: rgb(255,252,182);
		font-size: 12px;
		line-height: 17px;
		font-family: verdana;
		font-weight: bold;
		color: rgb(0,0,0);
		position: absolute;
		margin: 74px 0px 0px 398px;
		padding: 0px 3px;
}
input.out {
		position: absolute;
		margin: 75px 0px 0px 535px;
}
.bag_link {
		height: 104px;
		width: 190px;
        background: url(images/bag.gif) 20px 52px no-repeat;
		position: absolute;
		margin: 0px 0px 0px 600px;
}
.bag_link a {
		font-size: 10px;
		line-height: 14px;
		font-family: verdana, arial;
		font-weight: normal;
		color: rgb(162,183,41);
		text-decoration: none;
		position: absolute;
		margin: 77px 0px 0px 66px;
}
/* --Line_1-- */
.line_1 {
		height: 22px;
	        background-color: rgb(218,216,227);
}

/* --Line_2-- */
.line_2 {
		height: 49px;
		border-bottom: 6px solid rgb(218,216,227);
}
.bot_menu {
		height: 33px;
		text-align: center;
}
.bot_menu a {
		font-size: 10px;
		line-height: 33px;
		font-family: verdana, arial;
		font-weight: normal;
		color: rgb(123,114,152);
		text-decoration: none;
		margin: 0px 10px;
}
.bot_menu a.over {
		font-size: 10px;
		line-height: 33px;
		font-family: verdana, arial;
		font-weight: normal;
		color: rgb(123,114,152);
		text-decoration: underline;
		margin: 0px 10px;
}
.bot_menu a:hover {
		text-decoration: underline;
}
.line_2 p {
		font-size: 10px;
		line-height: 12px;
		font-family: verdana, arial;
		font-weight: normal;
		color: rgb(123,114,152);
		text-align: center;
}
/* page0 */
.pic_cintent {
		width: 348px;
		height: 413px;
		text-align: right;
		float: left;
}
.pic_cintent img {
		margin-top: 17px;
}
.wh_0 {
		width: 420px;
		background: rgb(255,255,255);
		height: 16px;
		margin: 397px 0px 0px 380px;
		position: absolute;
}
.right {
		width: 420px;
		height: 398px;
		text-align: left;
		margin: 15px 0px 0px 10px;
		padding: 0px;
		float: right;
		overflow: scroll;
}
.right h1 {
		font-family: verdana, arial, tahoma;
		font-size: 18px;
		line-height: 24px;
		font-weight: normal;
		color: rgb(0,0,0);
}
.right p {
		font-family: verdana, arial, tahoma;
		font-size: 12px;
		line-height: 16px;
		color: rgb(0,0,0);
		padding-right: 20px;
}
.right p.h2 {
		font-family: verdana, arial, tahoma;
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		color: rgb(0,0,0);
		padding-bottom: 4px;
}
.right a {
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		line-height: 16px;
		font-weight: normal;
		color: rgb(116,131,32);
		text-decoration: none;
}
.right a.em {
		float: right;
		margin: 5px 15px 0px 0px;
}
.right input.pgg_0 {
		width: 120px;
		height: 16px;
		background: rgb(238,236,247);
		border: 1px solid rgb(142,163,174);
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 10px;
		line-height: 10px;
		color: rgb(102,123,134);
		padding: 0px;
		margin: 0px 10px 0px 0px;
		float: left;
		text-align: center;
		cursor: pointer;
}
/* page1 */
.main1 {
		width: 770px;
		height: 380px;
		text-align: left;
		margin: 15px 0px 0px 20px;
		padding: 0px;
		float: right;
		overflow: scroll;
}
.main1 h1 {
		font-family: verdana, arial, tahoma;
		font-size: 13px;
		line-height: 22px;
		font-weight: bold;
		color: rgb(0,0,0);
}
.main1 table {
		width: 100%;
		height: auto;
		text-align: left;
		border: none;
}
tr.pp td {
		background: rgb(238,236,247);
		border-top: 1px solid rgb(142,163,174);
}
tr.pn td {
		background: rgb(233,231,242);
		border-top: 1px solid rgb(142,163,174);
}
.main1 table td.fir {
		text-align: left;
		vertical-align: top;
		width: 120px;
}
.main1 table td.fir img {
		margin: 10px 10px 15px 10px;
}
.main1 table td.sec {
		text-align: left;
		vertical-align: top;
		margin: 0px;
		padding: 10px 10px 15px 10px;
}
.main1 table td.sec p {
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		line-height: 14px;
		font-weight: normal;
		color: rgb(0,0,0);
}
/* page2 */
.main2 {
		width: 450px;
		height: 388px;
		text-align: left;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		float: right;
		overflow: scroll;
}
.main2 table {
		width: 420px;
		border: 0px;
}
.main2 table td {
		width: 140px;
		text-align: center;
		vertical-align: top;
		padding: 5px 0px 0px 15px;
}
.main2 table td img {
		margin-bottom: 5px;
}
.main2 table td p {
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		line-height: 14px;
		font-weight: normal;
		color: rgb(0,0,0);
}
.im_level {
		width: 315px;
		height: 413px;
		background: url(images/background1.jpg) 10px 10px no-repeat;
		float: left;
}
.im_level p {
		font-family: verdana, arial, tahoma;
		font-size: 10px;
		line-height: 12px;
		font-weight: normal;
		color: rgb(102,123,134);
		margin: 40px 30px 0px 20px;
}
/* page3 */
.main3 {
		width: 770px;
		height: 380px;
		text-align: left;
		margin: 15px 0px 0px 20px;
		padding: 0px;
		float: right;
		overflow: scroll;
}
.main3 h1 {
		font-family: verdana, arial, tahoma;
		font-size: 13px;
		line-height: 22px;
		font-weight: bold;
		color: rgb(0,0,0);
}
.main3 h2 {
		font-family: verdana, arial, tahoma;
		font-size: 12px;
		line-height: 22px;
		font-weight: bold;
		color: rgb(0,0,0);
}
.main3 table {
		width: 100%;
		height: auto;
		text-align: left;
		border: none;
		border-bottom: 2px solid rgb(142,163,174);
}
tr.pp td {
		background: rgb(238,236,247);
		border-top: 1px solid rgb(142,163,174);
}
tr.pn td {
		background: rgb(233,231,242);
		border-top: 1px solid rgb(142,163,174);
}
.main3 table td.fir {
		text-align: left;
		vertical-align: top;
		width: 120px;
}
.main3 table td.fir img {
		margin: 10px 10px 15px 10px;
}
.main3 table td.sec {
		text-align: left;
		vertical-align: top;
		margin: 0px;
		padding: 10px 10px 15px 10px;
}
.main3 table td.sec p {
		font-family: verdana, arial, tahoma;
		font-size: 10px;
		line-height: 13px;
		font-weight: normal;
		color: rgb(0,0,0);
}
.main3 table td input {
		width: 120px;
		height: 18px;
		background: rgb(248,246,255);
		border: 1px solid rgb(142,163,174);
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		color: rgb(102,123,134);
		padding: 0px;
		margin: 10px 10px 0px 0px;
		float: left;
		text-align: center;
		cursor: pointer;
}
.main3 input.pgg_0 {
		width: 130px;
		height: 18px;
		background: rgb(238,236,247);
		border: 1px solid rgb(142,163,174);
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		color: rgb(102,123,134);
		padding: 0px;
		margin: 0px;
		text-align: center;
		cursor: pointer;
}
/* page4 */
.main4 {
		width: 770px;
		height: 380px;
		text-align: left;
		margin: 15px 0px 0px 20px;
		padding: 0px;
		float: right;
		overflow: scroll;
}
.main4 h1 {
		font-family: verdana, arial, tahoma;
		font-size: 13px;
		line-height: 22px;
		font-weight: bold;
		color: rgb(0,0,0);
}
.main4 h2 {
		font-family: verdana;
		font-size: 12px;
		line-height: 22px;
		font-weight: bold;
		color: rgb(0,0,0);
}
.main4 table.otto {
		width: 100%;
		height: auto;
		text-align: left;
		border: none;
		border-bottom: 1px solid rgb(142,163,174);
}
.main4 table.otto table {
		width: 70%;
		height: auto;
		text-align: left;
		border: none;
}
.main4 table.otto table input {
		width: auto;
		height: auto;
}
.main4 table.otto table td, .main4 table.otto table th {
		border: none;
		padding: 5px;
}
table.otto tr.pp td.fir {
		background: rgb(238,236,247);
		border-top: 1px solid rgb(142,163,174);
}
table.otto tr.pn td.fir {
		background: rgb(233,231,242);
		border-top: 1px solid rgb(142,163,174);
}
.main4 table.otto td.fir {
		text-align: left;
		vertical-align: top;
}
.main4 table.otto td.fir {
		text-align: left;
		vertical-align: top;
		margin: 0px;
		padding: 10px 10px 15px 10px;
}
.main4 table.otto td.fir p {
		font-family: verdana;
		font-size: 10px;
		line-height: 13px;
		font-weight: normal;
		color: rgb(0,0,0);
}
.main4 input.pgg_0 {
		width: 100px;
		height: 18px;
		background: rgb(248,246,255);
		border: 1px solid rgb(142,163,174);
		font-family: verdana;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		color: rgb(102,123,134);
		padding: 0px;
		margin: 0px;
		text-align: center;
		cursor: pointer;
}
/* page5 */
.main8 {
		width: 460px;
		height: 388px;
		text-align: left;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		float: right;
		overflow: scroll;
}
.main8  p {
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		line-height: 14px;
		font-weight: normal;
		color: rgb(62,62,62);
		margin: 3px 25px 20px 0px;
}
.main8  p a {
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		line-height: 14px;
		font-weight: normal;
		color: rgb(62,62,62);
		text-decoration: underline;
}
.main8  p a:hover {
		text-decoration: none;
}
.main8  p  .h2 {
		font-family: verdana, arial, tahoma;
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		color: rgb(62,62,62);
}
.im_level0 {
		width: 315px;
		height: 413px;
		background: url(images/background3.jpg) 10px 10px no-repeat;
		float: left;
}

/* ___________
Style's for menu
 ___________ */
 
.abs {
		position: absolute;
		margin: 102px 0px 0px 10px;
		padding: 0px;
		height: 22px;
		width: 355px;
        background: url(images/fff.gif) 0 2px no-repeat;
 }
.abs a {
		font-size: 11px;
		line-height: 22px;
		font-family: arial;
		font-weight: normal;
		color: none;
		text-decoration: none;
}
.abs a.c0 {
		width: 80px;
		height: 22px;
}
.abs a.c1 {
		width: 100px;
		height: 22px;
}
.abs a.c2 {
		width: 75px;
		height: 22px;
}
.abs a:hover {
		text-decoration: none;
}
 
.dhtmlselect{ /*style of DHTML Select Menu, main box */width: ; /*default  width of main box */position: relative;cursor: hand;cursor: pointer; }
.dhtmlselect .downimage{ /*style of "down" image to the right of the DHTML Select Menu*/position: absolute;right: -25px;}
.dhtmlselect .dropdown{ /*style of Drop Down Menu that appears onMouseover */position: absolute;left: 0;width: 180px; /*default width of drop down menu*/border-bottom-width:0;display: none;z-index: 5;font-weight: normal;}
.dhtmlselect .dropdown a{ /*style of Drop Down Menu's links */width: auto;display: block;background: rgb(218,216,227);padding: 4px 0px 4px 10px;text-indent: 5px;text-decoration: none;color: rgb(149,142,174);/* Стилі текстів */font-size: 10px; line-height: 14px; font-weight: normal; font-family: verdana, arial; letter-spacing: 0px;}
* html .dhtmlselect .dropdown a{ /*IE 6 (and below) hack */width: 180px;}
.dhtmlselect .dropdown a:hover{background: rgb(218,206,203); text-decoration: none;}
/* ######### Main Menu ######### */
.chromestyle{
width: 99%;
font-weight: bold;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
width: 100%;
padding: 0px;
margin: 0px;
text-align: left; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
color: #FFFFFF;
padding: 0px;
margin: -1px;
text-decoration: none;
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #DAD8E3; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:12px;
z-index:100;
background-color: #DAD8E3;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #DAD8E3; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #856E70;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #dacecb;
}