/* mac hide\*/
html, body { height: 100%; }
/* end hide */
body {
	margin: 0 0 0 0; /* !?!?! */
	padding: 0 2px 0 3px; /* !?!?! */
	text-align: center;
	min-width: 957px;/* for mozilla*/
	color: #808080;
	background: url(../imagest/page_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #e4e4e4; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#outer{
	height: 100%;
	min-height: 100%;
	width: 952px;
	min-width: 952px;/* for mozilla*/
	color: #808080;
	text-align: left;
	margin: auto;
	position: relative;
	background-color: #ffffff; 
	background: url(../imagest/outer_bg.gif) repeat-y center center;
}
html>body #outer { height: auto; } /*for mozilla as IE treats height as min-height anyway*/


#innerwrap { /* enables content first */
	float: left;
	width: 952px; 
	min-width: 952px; /* for mozilla*/
}


#menu_top {
	position: absolute;
	clear: both;
	top: 0;
	left: -1px;
	width: 952px;
	height: 2px;
	background-color: #fefefe;
	background-image: url(../imagest/menu_top_bg.gif);
	background-repeat: repeat-x;
	background-position: left;
	overflow: hidden;
	z-index: 80;
}


#header {
	position: absolute;
	display: inline;
	clear: both;
	overflow: hidden;
	top: 2px;
	left: 0px;
	width: 952px;
	height: 123px;
	background-color: #fefefe;
	background-image: url(../imagest/header_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #0066cd;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 60;
}

#header .areaname {
	float: left;
	padding-top: 19px;
/*	position: relative; 
	height: 120px;
	text-align: left;	*/
	width: 520px;
}

#header h1 {
	margin: 0 50px 0 16px;
	padding: 0;
	font-size: 40px;
	height: 42px;
	display: inline;
}
#header h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	display: inline;
}
#header h1 a, #header h2 a, #header h3 a {
	font-weight: normal;
	color: #0066cd;
	text-decoration: none;
}
#header h2 {
	margin: 0;
	margin: 8px 0 0 0;
	font-size: 20px; 
	line-height: 22px;
	height: 22px;
}
#header .slogan {
	padding: 2px 0 0 0;
	font-size: 11px; 
	font-weight: bold;
	font-style: italic;
	color: #660066;
}
#header .line {
	margin: 0;
	padding: 0;
	height: 2px;
}
#header .line1 {
	margin: 53px 0 0 -454px;
	position: absolute;
}

#header .logo {
	margin: 8px 0 0 16px;
	padding: 0;
	width: 66px;
	float: left;
	text-align: left;
	left: 13px;
}
#header .areaimages {
	position: relative;
	width: 430px;
	float: right;
	text-align: right;
	right: 0px;
	vertical-align: middle;
}

#menu-middle {
	position: absolute;
	clear: both;
	top: 125px;
	left: 0px;
	width: 952px;
	height: 24px;
	background-image: url(../imagest/menu_middle_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	z-index: 100;
}


#footer {
	width: 952px;
	clear: both;
	height: 39px;
	background-image: url(../imagest/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #8891a4;
	text-align: center;
	left: 0;
	bottom: -2px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-weight: bolder;
}
* html #footer { /* only ie gets this style*/
	\height: 41px; /* for ie5 */
	he\ight: 39px; /* for ie6 */
}

#footer div { margin: 0; padding-top: 1px; }
#footer a { color: #8891a4; text-decoration: none; background: transparent; font-weight: bolder; }
#footer a:hover, #footer a.emailus:hover  { color: red;; text-decoration: none; background: transparent; }
#footer a.emailus { color: #f7931e; text-decoration: none; background: transparent; }

#footer .left {
	position: relative;
	width: 131px;
	float: left;
	text-align: left;
	left: 2px;
	vertical-align: middle;
	color: #eee;
}
#footer .left a { color: #fff; text-decoration: none; background: transparent; }

#footer .center {
	position: relative;
	width: 821px;
	float: left;
	text-align: center;
	vertical-align: middle;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-weight: normal;
}

#clearfooter { width: 100%; height: 12px; clear: both} /* to clear footer */


/* начало левой средней колонки */
#leftcontent {
	position: relative; /*ie needs this to show float */
	width: 131px;
	float: left;
	min-height: 100%;
	bottom: -2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 144px; /* needed to make room for header*/
	padding-bottom: 39px; /* needed to make room for footer */
	overflow: hidden;
}

#leftcontent h3 { margin: 0; padding: 4px 2px 0 1px; font-size: 10px; font-weight: bold; }
#leftcontent h4 { margin: 0; padding: 1px 1px 2px 2px; font-size: 10px; font-weight: bold; line-height: 11px; color: #f37021; }
#leftcontent p { margin: 0; padding: 0px 2px 0px 2px; }
#leftcontent a { text-decoration: none; }

#leftcontent .menu-caption {
	margin: 0px 0px 0 0px; 
	padding: 0px 0px 0 1px;
	height: 20px;
	width: 124px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
	line-height: 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-image: url(../imagest/menu_left_caption_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: 1px solid #ffffff;
	white-space: nowrap;
}

#leftcontent .menu-item {
	display: block;
	margin: -1px 0px 0 0px; 
	padding: 0px 0px 0 0px;
	height: 19px;
	width: 124px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	white-space: nowrap;	
}
#leftcontent .menu-item a {
	display: block;
	padding-top: 4px;
	padding-left: 3px;
	height: 16px;
	line-height: 12px;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
#leftcontent .menu-item a.link {
	display: block;
	padding-top: 3px;
	padding-left: 3px;
	height: 16px;
	line-height: 12px;
	color: #ffffff;
	text-decoration: none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #3366FF;
}

#leftcontent .menu-item a:hover {	
	display: block;
	padding-top: 3px;
	padding-left: 3px;
	height: 15px;
	line-height: 12px;
	background-color: #617c98; 
	color: #ffffff; 
	text-decoration: none;
	border-top: 1px solid #ffffcc;
	border-bottom: 1px solid #ffffcc;
}
#leftcontent .menu-item a.active {
	display: block;
	padding-top: 3px;
	padding-left: 3px;
	height: 16px;
	line-height: 12px;
	color: #ffffff;
	text-decoration: none;
	background-color: #617c98; 
	border-top: 1px solid #f7931e;
	border-bottom: 1px solid #f7931e;
} 


#leftcontent .menu-blue, #leftcontent .menu-coral {
	display: block;
	margin: 1px 0px 0 0px; 
	padding: 0px 0px 0 0px;
	height: 20px;
	width: 124px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
	text-transform: uppercase;
	white-space: nowrap;
}
#leftcontent .menu-coral {
	background-color: #f37021;
}
#leftcontent .menu-blue {
	background-color: #3366FF;
}

#leftcontent .menu-blue a, #leftcontent .menu-coral a {
	display: block;
	padding-top: 4px;
	padding-left: 3px;
	height: 16px;
	color: #ffffff;
	text-decoration: none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#leftcontent .menu-blue a:hover, #leftcontent .menu-coral a:hover {	
	display: block;
	padding-top: 3px;
	padding-left: 3px;
	height: 16px;
	background-color: #ffffff;
	color: #f37021; 
	text-decoration: none;
	border-top: 1px solid #f7931e;
	border-bottom: 1px solid #f7931e;
}
#leftcontent .menu-blue a.active, #leftcontent .menu-coral a.active {
	color: #000000;
} 



#leftcontent .menu-info {
	display: block;
	margin: 1px 0px 0 0px; 
	padding: 0px 0px 2px 0px;
	left: 1px;
	width: 124px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #ffffff;
	background-image: url(../imagest/menu_left_info_bg.gif);
	background-repeat: repeat-y;
	background-position: top;
}
#leftcontent .dts {
	margin: 2px 10px 1px 1px ;
	border-top: 1px dotted #f7931e;
	height: 1px;
}

/* конец левой средней колонки */



#rightcontent {
	position: relative; /* ie needs this to show float */
	min-width: 404px;
	width: 408px;
	float: right;
	padding-top: 8px; /*	 needed to make room for header */
	padding-bottom: 10px; /* needed to make room for footer */
	padding-left: 16px;
	margin-right: 0px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

#rightcontent .imagebig {
	position: relative;
	float: right;
	padding-top: 1px;
	padding-right: 1px; 
}
#rightcontent .menu {
	position: relative;
	float: left;
	padding-top: 1px;
	padding-right: 1px; 
	width: 120px;
}
#rightcontent .dot-top {
	width: 120px;
	height: 0px;
	margin: 2px 2px 1px 6px ;
	border-bottom: 1px dotted #f7931e;
}
#rightcontent .list-item {
	width: 120px;
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px dotted #f7931e;
}

#rightcontent .list-item a {
	display: block;
	padding-top: 3px;
	padding-left: 2px;
	height: 16px;
	line-height: 12px;
	color: #617c98;
	text-decoration: none;
}
#rightcontent .list-item a:hover {	
	display: block;
	padding-top: 3px;
	padding-left: 2px;
	height: 16px;
	line-height: 12px;
	background-color: #8fa7c1; 
	color: #ffffff; 
	text-decoration: none;
}
#rightcontent .list-item a.active {
	color: #f37021;
} 



#right-menu-first {
	position: relative; /* ie needs this to show float */
	min-width: 180px;
	width: 190px;
	float: right;
	padding-top: 8px; /*	 needed to make room for header */
	padding-bottom: 10px; /* needed to make room for footer */
	text-align: left;
	color: #6d6d6d;
	white-space: nowrap;
	overflow: hidden;
/*	background-color:#309; */
}

#right-menu-first img {
	cursor: pointer; 
}

#right-menu-first .menu {
	position: relative;
	float: right;
	width: 112px;
  background-color: #d3e3fe;
}

#right-menu-first .list-caption {
	margin: 0 0 0 0; 
	padding: 0 0 0 6px;
	height: 14px;
	width: 112px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	color: #ffffff;
	background-image: url(../imagest/menu_right_caption_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #ffffff;
}

#right-menu-first .list-item {
	display: block;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	height: 13px;
	width: 112px;
	color: #6d6d6d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
}
#right-menu-first .list-item a {
	display: block;
	padding-top: 1px;
/*	padding-left: 3px; */
	margin-left: 6px;
	height: 11px;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
#right-menu-first .list-item a:hover {	
	display: block;
	padding-top: 1px;
	background-color: #d3e3fe; 
	text-decoration: none;
}



#centrecontent {
	position: relative; /* ie needs this to show float */
	margin-top: 0px;
	padding-top: 149px;
	width: 821px;
	float: right;
	padding-bottom: 39px; /* needed to make room for footer */
	padding-right: 0px;
/*	padding-left: 0px; 
	background-color:#9C6;
	padding-bottom: 36px;  needed to make room for footer */
/* 	border-left: 2px solid #007CC2; */
}

#centrecontent .border-top, #rightcontent .border-top {
	margin-right: 0px;
	height: 1px;
	background-image: url(../imagest/centrecontent_border_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	z-index: 100;
}

#centrecontent h2 {
	margin: 0px 0 0 0px;
	padding: 8px 0 1px 6px;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #617c98;
}

#centrecontent h2, #centrecontent h2 a {
	font-size: 10px;
	font-weight: bold;
	color: #617c98;
}

#centrecontent a {
	color: #606060;
	text-decoration: none;
}
#centrecontent a:hover {
	color: #303030;
	text-decoration: none;
}


#centertext { padding-left: 10px; }

#centertext .info-first { 
	cursor: pointer; 
	border-bottom: 1px dotted #f7931e; 
	margin: 0 0 0 0px; 
	padding: 0 0 16px 8px; 
	text-align: justify;
	width: 590px;
	float: left;
/*
	background-image: url(/images/button_next.gif);
	background-position: 98% 96%;
	background-repeat: no-repeat;
*/
}

#centertext p { margin-left: 1px; text-align: justify; width: 384px; }

#centertext table { margin: 2px 0 8px 2px;  width: 384px; }
#centertext td { padding: 0; text-align: center; font-size: 10px; }

#centertext .image-top {
	width: 384px;
	height: 152px;
	margin: 2px 0 8px 2px; 
}
#centertext h1 {
	margin: 0px 0 0 0px;
	padding: 4px 0 2px 4px;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color: #93278f;
}

#centertext h2 {
	margin: 0px 0 0 0px;
	padding: 4px 0 2px 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #662d91
}

#centertext h3 {
	margin: 0px 0 0 0px;
	padding: 8px 0 1px 6px;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #617c98;
}

#centertext h3, #centertext h3 a {
	font-size: 10px;
	font-weight: bold;
	color: #617c98;
}

#centertext h4 {
	margin: 0px 0 0 0px;
	padding: 4px 0 2px 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}

#centertext .citation {
	margin: 0px 0 0 0px;
	padding: 4px 0 2px 4px;
	vertical-align: middle;
}

#centertext .citation .quotation {
	font-size: 17px;
	font-weight: normal;
	text-align: left;
	color: #f37021;
	line-height: 19px;
}

#centertext .citation .autor {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #617c98;
	line-height: 16px;
	vertical-align: text-bottom;
}


#centertext .sign-long, #centertext .sign-short, #centertext .sign-greybox {
	margin: 2px 2px 0px 1px;
	padding: 0px 0px 3px 0px;
	font-size: 11px;
	border-top:	1px dotted #f7931e;
	height: 14px;
	text-align: left;
}
#centertext .sign-long {
	width: auto;
}
#centertext .sign-short {
	width: 386px;
}
#centertext .sign-greybox {
	width: 374px;
}
#centertext a.emailus {
	position: relative;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	width: 56px;
	height: 14px;
	color: #ffffff;
	background-color: #f37021;
}
#centertext .youneed {
	position: relative;
	display: block;
	float: right;
	margin: 0;
	padding: 0 2px 0 0;
	text-align: right;
	height: 14px;
	color: #f37021;
	background-color: #ffffff;
}

#centertext .backforward {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 156px;
	height: 14px;
	color: #f37021;
	background-color: #ffffff;
}

#centertext a {
	color: #606060;
	text-decoration: none;
}
#centertext a:hover {
	color: #303030;
	text-decoration: none;
}



/* clear without structural mark-up (form PIE Position is Everything website) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* mac hide \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide */


/* начало верхнего меню */
#menu-middle-nav, #menu-middle-coral, #menu-middle-darkblue, #menu-middle-purple {
	margin: 0 0 0 0;
	padding: 0;
}
#menu-middle-nav ul, #menu-middle-nav li, #menu-middle-coral ul, #menu-middle-coral li, #menu-middle-darkblue ul, #menu-middle-darkblue li, #menu-middle-purple ul, #menu-middle-purple li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#menu-middle-nav li, #menu-middle-coral li, #menu-middle-darkblue li, #menu-middle-purple li {
	display: list-item;
	float: right;
	/*  width: 131px;  */
	height: 24px;
	line-height: 14px;
}

#menu-middle-nav li {
	padding-top: 6px ;
	padding-bottom: 4px ;
	font-size: 10px;
	background: url(../imagest/menu_middle_separator.gif) no-repeat;
}

#menu-middle-coral li, #menu-middle-darkblue li, #menu-middle-purple li {
	padding-top: 6px ;
	padding-bottom: 3px ;
	font-size: 11px;
} 
#menu-middle-coral li { background-color: #f37021; /*	background: url(../imagest/menu_middle_coral.gif) repeat-x; */
}
#menu-middle-darkblue li { background-color: #0066cd; }

#menu-middle-purple li { 	background-color: purple; }

#menu-middle-nav a, #menu-middle-coral a, #menu-middle-darkblue a, #menu-middle-purple a {
	display: inline;
	height: 24px;
	line-height: 14px;
	text-decoration: none;
}

#menu-middle-nav a {
	padding: 2px 5px 0 8px;
	color: #5f7a96; 
}
#menu-middle-coral a {
	padding: 2px 8px 0 8px;
	color: #ffffff; 
}
#menu-middle-darkblue a, #menu-middle-purple a {
	padding: 2px 10px 0 10px;
	color: #ffffff; 
}
#menu-middle-nav a.active {
	color: #f37021;
} 
#menu-middle-coral a.active, #menu-middle-darkblue a.active, #menu-middle-purple a.active {
	color: #000000;
} 
#menu-middle-nav a:hover, #menu-middle-coral a:hover, #menu-middle-darkblue a:hover, #menu-middle-purple a:hover {	
	display: inline;
	padding-top: 7px ;
	padding-bottom: 5px ;
	height: 24px;
	line-height: 14px;
	background: url(../imagest/menu_middle_over.gif) no-repeat;
	color: #222b35;
}
#menu-middle-nav .separator, #menu-middle-coral .separator, #menu-middle-darkblue .separator, #menu-middle-purple .separator { 
	background: url(../imagest/menu_middle_separator.gif) no-repeat; 
}
/* конец верхнего меню */


div, p  { margin-top: 0; }/*clear top margin for mozilla*/
.violet { color: #660066; }
.violet2 { color: #93278f; }
.indigo { color: #662d91; }
.blue { color: #0066cd; }
.coral { color: #f37021; }
.orange { color: #f7931e; }
.red { color: #c1272d; }
.yellow { color: #ffffcc; }
.moccasin { color: #fddfb1; }
.slate { color: #617c98; } /* gray */
.gray { color: #808080; }