html, body {height: 100%; margin: 0; padding: 0;}
table {border: none; border-collapse: collapse;	font-size: 100%;}
td, th, form {padding: 0; margin: 0;}
img {border: none;}

.w100 {width: 100%;}
.cll {clear: left;}
.clr {clear: right;}
.clb {clear: both;}

body {
	background: #FFF; color: #000;
	font: 80% Tahoma, sans-serif;
}

a {color: #004891;}


/* Page */
#page-all {
	min-height: 100%; margin-bottom: -105px;
	margin-left: 25px; margin-right: 25px;
}
.narrow-page #page-all {
	margin-left: 10px; margin-right: 10px;
}
.wide-page #page-all {
	width: 1100px; margin: 0 auto -105px;
}
#page-empty {
	height: 140px; clear: both;
}
#page-footer {
	height: 105px; margin: 0 25px;
	font: 11px Tahoma, sans-serif;
	color: #929292;
}
.narrow-page #page-footer {
	margin: 0 10px;
}
.wide-page #page-footer {
	width: 1100px; margin: 0 auto;
}
#page-footer a:hover {color: #90bd29;}

/* Header */
#header {height: 128px; position: relative;}
.logo {position: absolute; top: 33px; left: 20px;}
.narrow-page .logo {left: 11px;}

.header-phone {float: right; position: relative; top: -12px; left: -20px;}
.narrow-page .header-phone {left: 0;}

.search {
	position: relative; top: 25px; left: -20px;
	float: right; width: 180px; margin: 0;
	background-color: #cbcbcb;
	text-align: right;
}
.narrow-page .search {left: 0;}
.search .field {
	position: absolute; left: 0; top: 2px;
	border: none; background-color: #cbcbcb;
	padding: 0 5px; font-size: 11px;
}

.icons {
	float: right; width: 53px; height: 19px;
	border-left: 2px solid #cbcbcb;
	position: relative; top: 25px; left: -20px;
}
.narrow-page .icons {left: 0; width: 45px;}
.icons img {position: absolute; top: 3px; left: 9px;}

/* Menu */
#menu {
	height: 30px;
	margin: 0 140px 30px 0; padding: 0;
	list-style: none;
}
#menu li {
	float: left; margin-right: -2px;
	background: url(/files/menu_item.gif) no-repeat 100% -50px;
}
* html #menu li {position: relative; width: 10px;}
#menu li div {
	position: relative;
	float: left; height: 30px; padding: 0 20px; overflow: hidden;
	background: url(/files/menu_item.gif) no-repeat 0 -50px;
}
.narrow-page #menu li div {padding: 0 11px;}
#menu li img {position: relative; top: 7px;}

#menu li.current {background-position: 100% 0; background-color: #004891;}
#menu li.current div {background-position: 0 0;}
#menu li.current img {top: -33px;}

.blueline {margin: 0 0 28px; background: url(/files/blueline.gif) no-repeat 100% -30px #004891;}
.blueline div {height: 12px; background: url(/files/blueline.gif) no-repeat 0 0; font-size: 1px;}


/* Columns */
.left-column {float: left; clear: left; width: 235px;}
.main-column {margin-left: 238px;}
* html .main-column {height: 1%;}

.content {margin-left: 258px;}
* html .content {height: 1%;}

.left-column div.banner {margin: 0; height: 145px; background: #FFF;}

/* Bluebox */
.bluebox {
	width: 100%; height: 280px; margin: 0 0 32px;
	background: url(/files/bluebox_corners.gif) no-repeat 100% 100% #004891;
	color: #FFF;
}
.bluebox td {width: 12px; vertical-align: top;}
.bluebox td p {
	width: 12px;  height: 60px; margin: 85px 0 0;
	background: url(/files/greenline_spacer.gif) no-repeat;
}
.bluebox th {
	width: 33%; vertical-align: top;
	text-align: left; font-weight: normal;
}
.bluebox th.bonline {width: 33.8%; background: url(/files/bluebox_corners.gif) no-repeat 100% 0;}
.bluebox th.bcorpcl {width: 33.5%;}
.bluebox th h3 {
	height: 60px; margin: 0;
	background: url(/files/greenline_bgr.gif) no-repeat #90bd29;
}
.bluebox th.bprivcl h3 {background-position: 50% 0;}
.bluebox th.bonline h3 {background-position: 100% 0;}
.bluebox th h3 img {margin-left: 17px;}
.bluebox th.bcorpcl h3 img {margin-left: 22px;}
.bluebox th div.artwork {padding-top: 85px;}

.bluebox th ul {list-style: none; margin: 0 0 14px 17px; padding: 0;}
.bluebox th li {margin: 0 0 2px;}
.bluebox th.bcorpcl ul {margin-left: 22px;}
.bluebox th a {color: #FFF;}
.bluebox p.list-green {
	margin: 14px 15px 16px 17px; font-weight: bold;
	padding-left: 16px;
	background: url(/files/list_green.gif) no-repeat 0 0.2em;
}
.bluebox th.bcorpcl p.list-green {margin-left: 22px;}
.bluebox .bcorpcl .artwork {background: url(/files/artwork_corpcl.jpg) no-repeat 50% 0;}
.bluebox .bprivcl .artwork {background: url(/files/artwork_privcl.jpg) no-repeat 50% 0;}
.bluebox .bonline .artwork {background: url(/files/artwork_online.jpg) no-repeat 50% 10px;}

/* News */
.main-news {margin: 0 0 0 238px; height: 1%;}
.main-news dt {position: relative; top: 0; left: -238px; height: 50px; margin-bottom: -50px;}
.main-news dd {
	float: left; margin: 0; width: 33.3%;
	position: relative; color: #000;
}
.main-news dd h6 {margin: 0 15px 6px 22px; color: #929292; font-size: 85%;}
.main-news dd p {margin: 0 15px 0 22px;}

.all-news {
	position: relative; left: 20px; top: 2px;
	font: 85% Tahoma, sans-serif; padding-left: 15px;
	background: url(/files/list_grey.gif) no-repeat 0 3px;
}
.rss-news {
	position: relative; left: 20px; top: 3px;
	font: 85% Tahoma, sans-serif; padding-left: 15px;
	background: url(/files/rss.gif) no-repeat 0 3px;
}
.all-news a, .rss-news a {color: #929292;}

img.title {margin: 17px 0 14px;}
.links-list {list-style: none; margin: 0 0 16px 20px; padding: 0;}
.links-list li {margin: 0 0 2px;}
.links-list a:hover {color: #90bd29;}

/* Courses */
table.greybox {width: 100%; background: url(/files/branch_corners.gif) no-repeat 100% 100% #ededed;}
tbody.greybox {background: url(/files/branch_corners.gif) no-repeat 100% 0;}

.courses {
	padding: 0 20px 10px;
	border-right: 10px solid #FFF;
}
.all-courses {
	float: right; margin: 19px 0 0;
	font: 90% Tahoma, sans-serif; padding-left: 16px;
	background: url(/files/list_grey.gif) no-repeat 0 0.3em;
}
.courses img.title {position: relative; left: -20px;}
.courses table {width: 100%; margin-bottom: 10px;}
.courses caption {text-align: left; font-weight: bold;}
.courses thead th, .courses thead td {
	border-bottom: 2px solid #90bd29;
	padding: 8px 5px 4px; color: #90bd29;
}

.courses tbody th {
	padding: 6px 0 6px 11px; border-top: 1px solid #b6b6b6;
	font-weight: normal; text-align: left;
}
.courses tbody td {
	padding: 6px; border-top: 1px solid #b6b6b6;
	text-align: center;
}

.branches {
	width: 352px; vertical-align: top;
	background: url(/files/branch_lines.gif) no-repeat 50% 0;
}
.branches div {
	text-align: center;
	padding: 0 4px 0 6px;
}
.branches img.title {margin-bottom: 6px;}

/* Left menu */
.left-menu {
	margin: 0 20px 20px 0; padding: 0;
	list-style: none;
}
.left-menu li {
	margin: 0 0 8px;
	padding-left: 20px;
}
.left-menu li.current {
	color: #90bd29;
	background: url(/files/leftmenu_item.gif) no-repeat 0 0.3em;
}
.left-menu li a:hover {
	color: #90bd29;
}
.left-menu ul {
	list-style: none;
	margin: 6px 0 10px 20px; padding: 0;
	font-size: 85%;
}
.left-menu ul li {
	margin: 0 0 6px;
	padding: 0;
}
.left-menu ul li.current {
	background: none;
}






/* Content */
.content h1 {
	margin: 0 0 20px;
	font: 220%/1.1 Tahoma, sans-serif;
	color: #004891;
}
.content a:hover {color: #90bd29;}

dl.news {margin: 0 0 20px;}
dl.news dt {color: #929292; font-size: 85%;}
dl.news dd {float: left; width: 100%; margin: 0 0 14px;}
img.news-img {padding: 5px; margin: 5px; border: 1px solid #999; display: block; float: left;}

.select-date {width: 100%; overflow: hidden; margin: 0 0 20px;}
.select-date ul {margin: 0; padding: 0; height: 22px; list-style: none;}
.select-date ul strong {color: #90bd29;}
.select-date ul.monthes {float: left; border-top: 2px solid #90bd29; color: #929292;}
.select-date li {float: left; padding-right: 14px;}
.select-date ul.monthes li {margin-top: 4px; padding-left: 24px; padding-right: 0;}
.select-date ul.monthes li:first-child {padding: 0;}
* html .select-date ul.monthes li {padding-left: expression(this.previousSibling ? "24px" : "0");}

h6.news-date {margin: 0 0 16px; font-weight: normal; font-size: 100%; color: #929292;}

.courses-table {width: 80%; margin: 10px 0;}
.courses-table thead th {
	border-bottom: 2px solid #90bd29;
	padding: 0 10px 6px; color: #000;
	text-align: right;
}
.courses-table thead th.alleft {text-align: left;}
.courses-table thead th.alcenter {text-align: center;}
.courses-table tbody td {
	padding: 10px; border-top: 1px solid #b6b6b6;
	text-align: right;
}
.courses-table tbody td.alleft {text-align: left;}
.courses-table tbody td.alcenter {text-align: center;}

.search-results {margin: 20px 0 0 36px; padding: 0;}
.search-results li {font-weight: bold; margin: 0 0 20px; color: #90bd29;}
.search-results li h6 {margin: 0 0 5px; font-weight: normal; font-size: 100%;}
.search-results li p {color: #000; margin: 5px 0 2px; font-weight: normal;}
.search-results li em {font: 90% Tahoma, sans-serif; color: #929292;}
.search-results li em a {color: #929292;}

.pager {margin: 20px 0 0; color: #90bd29;}
.pager a, .pager span, .pager strong  {margin-right: 8px; font-weight: bolb;}
.pager img {position: relative; top: 2px;}

.calculator {margin: 10px 0 20px;}
.calculator th {padding: 0 25px 8px 0; text-align: left;}
.calculator td {padding-bottom: 8px;}
.calculator select {width: 200px;}
.calculator .operations label {margin: 0 12px 0 4px;}

/* Footer */
.copyright {
	float: left; width: 238px; height: 85px;
	border-left: 2px solid #90bd29;
}
.contacts {
	float: left; height: 85px;
	border-left: 2px solid #90bd29;
}
.copyright p, .contacts address {
	margin: 0; padding: 10px 0 0 18px;
	font-style: normal;
}
.insurance {
	float: right;
	position: relative; left: -20px;
}
.develop {
	margin: 0 140px 0 620px;
	padding-top: 10px;
}
.develop a {
	color: #929292;
	text-decoration: none;
}
.develop a:hover {
	text-decoration: underline;
}

.narrow-page .contacts {width: 220px;}
.narrow-page .develop {margin: 0 90px 0 520px;}
.narrow-page .insurance {left: 0;}
img.img-btn {cursor: pointer;}
