html {
	width:100%;
	height:100%;
}
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font: 14px Tahoma,sans-serif;
	background:url('/img/design/leftbg.png') left repeat-y;
}
a {
	color:#990000;
}
a:hover {
	color:#990000;
	text-decoration:none;
}
a:visited {
	color:#800080;
}
img {
	margin:0;
	padding:0;
	border:0;
}
h1, h2, h3, h4, h5, h6 {
	color:#990000;
	font-weight:normal
}
h2, h3 {
	margin-top:30px;
}
.clear {
	clear:both;
}
.img-left {
	float:left;
	margin:0 10px 10px 0;
}
.img-right {
	float:right;
	margin:0 0 10px 10px;
}



.column-left {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	min-height:100%;
	color:#f0f0f0;
	z-index:2;
}
.column-left a {
	color:#fff100;
}
.column-left h2 {
	margin:50px 0 0 20px;
	padding:0;
	color:#990000;
	font-weight:normal;
}
.column-left .logo {
	margin:10px auto 10px 45px;
	width:200px;
}
.column-left .logo-info {
	text-align:center;
	color:#f5f5f5;
}
.column-left .phone  {
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	font-size:12pt;
	line-height:30px;
}
.column-left .phone span {
	color:#fff100;
}
.column-left .news-last {
	margin:0 0 0 20px;
	padding:0;
}
.column-left .news-last li {
	margin:0 15px 40px 0;
	padding:0;
	list-style:none;
}
.column-left .news-last li .date {
	margin:0 0 10px 0;
}
.column-left .news-last li img {
	margin:0 5px 2px 0;
	float:left;
}
.column-left .news-last li .anons {
	margin:10px 0 0 0;
}
.column-left .logo-shcool {
	margin:20px 0 10px 20px;
}
.column-left .logo-shcool-info {
	margin:0 15px 20px 20px;
}
.line {
	background: url('/img/design/line.png') no-repeat;
	height: 2px;
	margin: 10px 0;
}



.column-right {
	position:absolute;
	top:0;
	left:0;
	margin-left:305px;
	min-width:695px;
	min-height:100%;
	z-index:3;
}
.column-right {
	background:url('/img/design/containnerbg.jp') top right no-repeat;
}
.column-right .menu-main {
	position:absolute;
	top:0;
	left:0;
	padding:20px 10px 40px 10px;
	min-width:665px;
	background:transparent url('/img/menu.png') repeat-x;
}
.column-right .menu-main .item {
	float:left;
	margin:0;
	font-size:13pt;
	background:#858b90;
}
.column-right .menu-main .item:hover {
	background:#aa3333;
}
.column-right .menu-main .active {
	background:#aa3333;
}
.column-right .menu-main .item a {
	display:block;
	padding:6px 12px;
	color:#ffffff;
	text-decoration:none;
}
.column-right .menu-main .subitem {
	margin-top:37px;
	padding:0;
	display:none;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:0px solid #858b90;
}
.column-right .menu-main .subitem a {
	color:#666666;
}
.column-right .menu-main .subitem a:hover {
	color:#990000;
}
.column-right .menu-main .subitem ul {
	display:block;
	background:#ffffff;
	list-style: none;
	margin:0;
	padding:0 0 5px 10px;
	text-align:left;
}
.column-right .menu-main .subitem li {
	display:block;
	padding:0;
	white-space:nowrap;
	background:url('/img/design/tree.png') scroll no-repeat;
}
.column-right .menu-main .subitem .last {
	background:url('/img/design/tree.png') 0px -120px scroll no-repeat
}
.column-right .content {
	margin:100px 20px 50px 15px;
	min-height:50%;
}
.column-right .content ul li {
	margin:3px 0;
}
.column-right .menu-services {
	float:left;
	margin:0 0 30px 15px;
	padding:0;
}
.column-right .menu-services li {
	margin:0 0 5px 20px;
	padding:0;
	font-size:9pt;
}
.column-right .menu-services-school-1 {
	width:40%;
}
.column-right .menu-services-school-2 {
	width:40%;
}
.column-left .menu-left {
	margin:0 0 30px 0;
	padding:0;
}
.column-left .menu-left li {
	margin:0 0 5px 20px;
	padding:0;
	font-size:11pt;
	list-style:none;
}
.column-left .menu-left .level-2 {
	margin-left:50px;
}



.footer {
	margin:100px 15px 20px 20px;
}
.footer a {
	color:#777777;
}
.footer .contact {
	float:left;
	margin:0;
	padding:0;
	width:400px;
}
.footer .contact li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:9pt;
	line-height:16px;
	color:#777777;
}
.footer .contact li span {
	font-weight:bold;
}
.footer .counter {
	float:left;
	margin:5px 0 0 0;
	padding:0;
	width:200px;
	font-size:9pt;
}
.footer .counter img {
	margin:0 30px 0 0;
}



.share {
	margin:50px auto 0 auto;
	width:260px;
	height:50px;
}
.share div {
	float:left;
	line-height:26px;
}
.table {
	width:100%;
	border-collapse:collapse;
}
.table tr:hover {
	background:#eeeeee;
}
.table thead td {
	vertical-align:middle;
	color:#ffffff;
	background:#858b90;
}
.table td {
	padding:5px 3px;
	text-align:center;
	border:1px solid #858b90;
}
.table .left {
	text-align:left;
}
.table .note {
	margin-top:5px;
	font-size:9pt;
	color:#555;
}
.map {
	margin:0;
	padding:0;
}
.map li {
	margin:0 0 5px 20px;
	padding:0;
	list-style:none;
}
.map .level-1 {
	padding-left:30px;
}
.map .level-2 {
	padding-left:60px;
}
.hide {
	display:none;
}
.clear {
	width:99%;
	height:0px;
}