html, body {
	height: 100%;
}

body { font-family:Verdana, Geneva, sans-serif; font-size: 12pt;}
a {text-decoration: none;  color: #00437e;}
h1 {margin: 0px; padding: 0px; color: #00437e; font-size:12pt; font-weight: normal; font-family: Verdana, Geneva, sans-serif;}
h2, h3 { font-size:10pt; font-weight: bold; color:#000;}
h4 {font-family:Verdana, Geneva, sans-serif; font-size:9pt; font-weight: bold; color:#000;}
h5 {font-weight: normal;}
p, li, td, ol li, h5 { font-size:9pt; color:#000; text-align:left; font-family:Verdana, Geneva, sans-serif; }
input {border: 0px;}

.left-col, .right-col {padding: 8px; text-align:left; background-color: #ddd; vertical-align:top;}
.right-col {padding-top: 0px;}
.middle-col {vertical-align:top; padding: 0px 0px 8px 0px; text-align:center; background-color: #ddd}
.right-col, .middle-col  { height:100%;}
.left-col  {padding-bottom: 0px;}
.top-banner {padding-top: 8px; padding-right: 8px; padding-bottom: 8px; background-color: #ddd; text-align:right;}
.bottom-banner {padding-bottom: 8px; padding-left:8px; padding-top: 0px; background-color: #ddd; text-align:left;}

.block-header {background:url(images/h-bg.gif); text-align:left; font-family:Tahoma; font-size: 10pt;}
.block-header div { background:url(images/arrow-down.gif) no-repeat left; padding-left: 35px; font-weight: bold; color: #484848;}
.text-header {padding: 10px 0px 10px 0px; color:#04457b; font-size: 9pt; text-align:left; font-weight:bold; display:block;}
.text-header img {margin-right: 10px;}
.block-li { background:url(images/arrow-right.gif) no-repeat left top; padding: 5px 0px 0px 15px; font-size: 9pt; margin-left: 18px; color: #004182;}
.separator { background:url(images/hr-line.gif) center no-repeat; display:block;}
.banner-left {margin:  10px 0 10px 0px;}
.banner-right {margin: 10px 0 10px 0px;}
.block-header, .text-header {width: 220px;}

.block { padding: 5px; padding-top:0px;}
/*.block p, .block li {font-family: "Times New Roman", Times, serif;}*/

.block li { padding-left: 10px;}
.block div, .block p, .block a, ol li, ul li, .block h4, .dsfaq_ol_quest a, h5 { text-align:left; font-size: 8pt;}
.news-header, .news-block, .refer-header, .refer-block, .refer-block a, .news-block p {color: #000; font-size:8pt; font-weight:bold;}
.news-block, .refer-block {font-weight: normal; padding: 5px 0px 5px 0px;}
.news-block p {margin: 0px; padding:0px; font-weight: normal;}
.news-more, .titles-news-more { padding-bottom: 5px; font-size: 110%;}
.news-more a, .titles-news-more a { text-decoration:underline; color: #00437e;}
.refer-header, .refer-block { text-align: right;}
.refer-block { padding-bottom: 10px;}
.refer-block a { font-weight: normal;}
.refer-more a {color: #dd0000; font-size: 110%;}


.copyright {padding-left: 10px; padding-right: 10px;}
.copyright p {color: #004179; font-size: 11px; padding: 5px; margin:0px;}

.search_form{ color: #056097;}
.s_text {border: solid 1px #056097; border-left: 0px;  color:#888; height: 23px;}
.lp_text {border: solid 1px #056097; border-left: 0px;  border-right: 0px; color:#888; height: 18px; width:85px;;}

.login_form {padding-right: 8px;}
.login_form a, td {color: #056097; font-size:8pt;}
.login_form a { text-decoration: underline;}
.login_form input { height: 14px; font-size: 10px;}

.search_form input { height: 19px; font-size: 12px;}
#menu { background:url(images/menu-bg.gif) repeat-x;; background-color: #d5d5d5; color:#000; height: 100%;}
#button { float:left; margin-left: 0px; margin-right: 0px; background:url(images/menu-butt-bg.gif) repeat-x top;
	  width:auto; height:100%;}
#button a, #button b {display:block; font-size: 11px; font-weight: bold;text-align:center; color:#000;
	padding:11px 5px 0px 5px; }
.butt-cont-l {float: left; background:url(images/menu-butt-l.gif) no-repeat left; padding-left:12px; height:100%;}
.butt-cont-r {float: left; background:url(images/menu-butt-r.gif) no-repeat right; padding-right: 12px; height:100%;}

/* Begin Images */
/*
p img {
	padding: 0;
	max-width: 100%;
	}
*/
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
h2.titles {font-size:10pt; text-align:left; margin-bottom: 3px;}
.titles-news-more {padding-top: 3px;}
.home-post-wrap { text-align:left; width: 400px;}
.home-post-wrap h2, .home-post-wrap div, .home-post-wrap h2 a {color: #000;} 

#banner-question {width:231 px; height:88px; background:url(banners/vopros1.jpg) no-repeat center;}
#banner-question:hover { background:url(banners/vopros2.jpg) no-repeat center;}

.maincont .news_body a, .maincont .news_body div, .block h4, .news_body hr {padding: 0px; margin: 0px;}
.maincont .news_body a {margin-bottom: 8px;}
.news_body hr {color: #000; border: none; border-top: 1px dotted #333; height: 1px; margin: 4px 0 4px 0;}
.block h4 {color: #333;}
.block .news_body {color: #000;}
.news_date { background-color:#aaa; padding: 0px 3px 0px 3px;}