@charset "utf-8";

* {margin: 0; border 0; padding: 0;}
ul {list-style: none;}
a {text-decoration: none; color: #005384;}
h1 {font-size: 14px; font-weight: bold; color: #0366A2;}
h2 {font-size: 12px; font-weight: bold; color: #0366A2;}
h3 {font-size: 11px; font-weight: bold; color: #0B0B0B;}

html {background: #BBBBBB; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #0B0B0B; overflow: auto;}
html:not(:nth-child(1)) {overflow: visible;}
html, body {width: 100%; height: 100%;}
body {width: 1000px; margin: auto; position: relative;}

#header {width: 100%; height: 214px; background: url(../img/header.jpg); position: absolute; top: 0; left: 0; z-index: 1000;}
#left, #content {padding-top: 214px !important;}

#footer {width: 100%; height: 64px; margin-top: -64px; background: #D2D2D2; position: relative; z-index: 1000;}

#container {padding-left: 203px; position: relative; overflow: hidden; float: left; float: none; height: auto !important; height: 100%; min-height: 100%;}

* html #container {overflow: visible;}

#left, #content {padding-bottom: 64px !important; float: left; position: relative;}
#left, #content {padding-bottom: 24000px !important; margin-bottom: -23936px !important;}

@media all and (min-width: 0px) {
    #left, #content {padding-bottom: 64px !important; margin-bottom: 0 !important;}
	#left:before, #content:before {content: 'EasyClearing'; display: block; background: inherit; padding-top: 24000px !important; margin-bottom: -24000px !important; height: 0;}
}

#container:after {content: 'EasyClear'; display: block; height: 0; clear: both; visibility: hidden;}
#container {display: inline-block;}
#container {display: block;}

#left {width: 203px; background: url(../img/left_menu_bg.jpg); margin-left: -100%; right: 203px;}
#submenu {width: 180px}
/** html #left {left: 200px;}*/

#content {width: 100%; background: #F0F0F0;}

#content .menu {width: 797px; height: 43px; background: url(../img/top_menu_bg.jpg);}
#content .menu ul li {float: left; margin-top: 13px; margin-left: 16px;}
#content .menu ul li.bttv {float: right; margin-right: 60px;}
#content .menu ul li a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: underline;}
#content .menu ul li.bttv a {color: #000000;}
#content .menu ul li a:hover {text-decoration: none;}
#content .menu ul li a.current {color: #FACC5A; text-decoration: none;}

#left .menu ul {margin-top: 20px; margin-left: 20px;}
#left .menu ul li {margin-top: 5px;}
#left .menu ul li a {font-size: 12px; color: #005384; text-decoration: underline;}
#left .menu ul li a:hover {text-decoration: none;}
#left .menu ul li a.current {font-weight: bold; color: #9D7000; text-decoration: none;}
#left .menu ul.sub {margin-top: 5px; margin-left: 10px;}
#left .menu ul.sub li {margin-bottom: 5px;}
#left .menu ul.sub li a {font-size: 11px; color: #005384; text-decoration: underline;}
#left .menu ul.sub li a:hover {text-decoration: none;}

#footer {font-size: 10px; font-weight: normal; color: #5A7586;}
#footer .address {width: 120px; float: left; margin-left: 40px; margin-top: 10px;}
#footer .contacts {float: left; margin-top: 10px;}

/*Resultant content area is 710px of width.*/
#content .main {padding-left: 27px; padding-right: 50px; padding-top: 30px; padding-bottom: 30px}