* {
	margin: 0;
	padding: 0;
}
body {
	background: #000 url('/i/bg.gif') repeat-x 0 0;
	font: 12px Tahoma, Verdana, sans-serif;
	color: #333;
	padding: 0 0 90px;
}
a, a:link, a:visited, a:active {
	color: #195b92;
	text-decoration: underline;
}
a:hover {
	color: #2278c0;
}
.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 0 0 -1px;
}

.splash {
	display: none;
	position: absolute;
	width: 100%;
	min-width: 995px;
	height: 380px;
	left: 0;
	top: 0;
	overflow: hidden;
}
.homepage .splash {
	display: block;
}
.splash .l, .splash .t {
	position: absolute;
	width: 1280px;
	left: 49.95%;
	margin: 0 0 0 -640px;
}
@media all and (min-width: 0) {
	.splash .l, .splash .t {
		left: 49.99% !important;
	}
}
* html .splash .l, * html .splash .t {
	left: 50%;
}
html>/**/body .splash .l, x:-moz-any-link, x:default, html>/**/body .splash .t, x:-moz-any-link, x:default {
	left: 49.99%;
}

.splash .l {
	height: 305px;
	top: 75px;
	background: url('/i/splash_l.jpg') no-repeat 0 0;
}
.splash .t {
	height: 75px;
	top: 0;
	background: url('/i/splash_t.jpg') no-repeat 0 0;
}

.page {
	position: relative;
	height: 1%;
	z-index: 100;
	margin: 75px auto 0;
	width: 995px;
	background: #fff url('/i/top_pic2.gif') no-repeat 0 0;
	padding-top: 325px;
}
.homepage .page {
	background: #fff url('/i/top_pic.jpg') no-repeat 0 0;
	padding-top: 423px;
}

#login_form, #vcard {
	position: absolute;
	z-index: 100;
	top: 36px;
	left: 627px;
	width: 277px;
	height: 211px;
	padding: 19px 0 0 44px;
	background: #d7d7d7 url('/i/login_form_bg2.jpg') no-repeat 0 0;
	color: #000;
}
#vcard {
	background: #d7d7d7 url('/i/login_form_bg3.jpg') no-repeat 0 0;
}
.homepage #login_form, .homepage #vcard {
	height: 175px;
	background: #c0d5df url('/i/login_form_bg.jpg') no-repeat 0 0;
}
#login_form h3, #vcard h3 {
	font: 16px Tahoma, Verdana, sans-serif;
	color: #000;
	padding: 0 0 20px;
}
#login_form label {
	display: block;
	float: left;
	width: 68px;
	padding: 5px 0 0;
	clear: both;
}
* html #login_form span {
	margin: 0 -3px 0 0;
}
#login_form input {
	border: 0;
	border-top: 1px solid #494b4c;
	border-left: 1px solid #494b4c;
	width: 162px;
	height: 20px;
	background: #f6f9fb url('/i/input_bg.gif') no-repeat 0 0;
	margin: 0 0 8px;
	padding: 4px 5px 0;
	font: 12px Tahoma, Verdana, sans-serif;
	color: #000;
}
* html #login_form input {
	margin: -1px 0 7px;
}
*:first-child+html #login_form input {
	margin: -1px 0 7px;
}
@media all and (min-width: 0) {
	#login_form input {
		padding-top: 0;
		height: 24px;
	}
}

#login_form .action {
	clear: both;
	padding: 19px 36px 0 0px;
}
#login_form .action div{margin-top: -8px; padding-top: 0px; float: left; line-height:15px;}

#login_form b,label,a{font-size:90%;}
#login_form label {font-weight:bold;}

#login_form .action a.bt, #vcard .action a.bt {
	display: block;
	float: right;
	width: 91px;
	height: 23px;
	padding: 8px 0 0;
	text-align: center;
	color: #d3e2ee;
	background: url('/i/bt_bg.gif') no-repeat 0 0;
	text-decoration: none;
	margin: -6px 0 0;
}
#login_form .action a.bt:hover, #vcard .action a.bt:hover {
	color: #fff;
}

#vcard .photo {
	position: absolute;
	top: 34px;
	left: 22px;
	width: 79px;
	height: 87px;
}
#vcard .photo div {
	width: 79px;
	height: 87px;
	background: url('/i/clipping_mask2.png') no-repeat 0 0;
}
* html #vcard .photo div {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/clipping_mask2.png',sizingMethod='image');
}
.homepage #vcard .photo div {
	background: url('/i/clipping_mask.png') no-repeat 0 0;
}
* html .homepage #vcard .photo div {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/clipping_mask.png',sizingMethod='image');
}
#vcard h3 {
	padding: 29px 0 0 69px;
	line-height: 22px;
	height: 69px;
}
#vcard .action {
	position: relative;
	z-index: 100;
	padding: 0 36px 0 68px;
}
#vcard .action a.bt {
	margin: 0 0 0;
}
#vcard .action a.edit {
	padding: 0 0 0 15px;
	margin: 0 0 0 -15px;
	background: url('/i/ico_edit.gif') no-repeat 0 1px;
}
* html #vcard .action a.edit {
	display: inline-block;
}
*:first-child+html #vcard .action a.edit {
	display: inline-block;
}


.page h1 {
	position: absolute;
	z-index: 100;
	display: block;
	left: 114px;
	top: 71px;
	width: 245px;
	height: 112px;	
	background: url(/i/logo_inner.gif) top left  no-repeat;
}
.homepage .page h1 {
	top: 145px;
	background: url('/i/logo_khlptu.png') no-repeat 0 0;
}

* html .homepage .page h1 {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/logo_khlptu.png',sizingMethod='image');
}
.page h1 a {
	text-decoration: none;
}
.page h1 strong {
	visibility: hidden;
}

.cols {
	background: url('/i/content_bg.gif') repeat-x 0 100%;
	padding: 0 0 100px;
	position: relative;
	height: 1%;
	margin: -95px 0 0;
}
.homepage .cols {
	margin: 0;
	padding: 0 0 54px;
}
*:first-child+html .cols {
	top: -95px;
	margin: 0 0 -95px;
}
*:first-child+html .homepage .cols {
	top: 0;
	margin: 0;
}
* html .cols {
	top: -95px;
	margin: 0 0 -95px;
}
* html .homepage .cols {
	top: 0;
	margin: 0;
}

.nav {
	float: right;
	width: 290px;
	padding: 60px 0 0;
}
.homepage .nav {
	padding-top: 41px;
}
.nav li {
	list-style-type: none;
	padding: 0 0 23px 0;
	font: 14px Verdana, Tahoma, sans-serif;
	word-spacing: -1px;
}


#container .nav li a {
	display: table-cell;
	color: #c40d0a;
	padding: 0 0 0 34px;
	background: url('/i/arrow_red.gif') no-repeat 0 7px;
}

#container .nav li a {
	display: table-cell;
	color: #c40d0a;
	padding: 0 0 0 34px;
	background: url('/i/arrow_red.gif') no-repeat 0 7px;
}

#container .nav li strong a {
	display: table-cell;
	color: #ffffff;
	text-decoration:none;
	padding: 0px;
	background: none;
}


#container .nav li.selected a{text-decoration:none; color: gray; font-weight:bold; background: url('/i/arrow_gray.gif') no-repeat 0 7px;}

* html #container .nav li a {
	display: inline-block;
}
*:first-child+html #container .nav li a {
	display: inline-block;
}
#container .nav li a:hover {
	color: #e62724
}
.nav li strong {
	display: block;
	position: relative;
	margin: 0 0 0 -2px;
	padding: 8px 0 0 36px;
	height: 28px;
	background: url('/i/nav_bg_a.gif') no-repeat 0 0;
	color: #fff;
	font-weight: normal;
	cursor: default;
}




.nav li ul {
	padding: 14px 0 0 35px;
	position: relative;
	margin: 0 0 -10px;
}
.nav li li {
	padding: 0 0 10px 0;
	font-size: 12px;
}
#container .nav li li a {
	color: #195b92;
	padding: 0 0 0 35px;
	background: url('/i/arrow_blue.gif') no-repeat 0 5px;
}
#container .nav li li a:hover {
	color: #2278c0;
}


.content {
	margin: 0 368px 0 222px;
}
.content2 {
	float: left;
	width: 100%;
}

.content .news {
	padding: 0 0 14px;
	margin: 0 0 0 -77px;
}
.content .news li {
	position: relative;
	height: 1%;
	list-style-type: none;
	padding: 11px 20px 12px 77px;
}
.content .news li span {
	position: absolute;
	display: block;
	width: 70px;
	text-align: right;
	left: 0;
	top: 11px;
	font-size: 11px;
	color: #989999;
	white-space:nowrap;
}
.content .news li.separator{height:3px;padding-top:0px; padding-bottom:0px;}
.content .news li.members_only {
	background: #f6e5e5;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	:root .content .news li.members_only {
		border: 0;
		background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiByeD0iMTBweCIgcnk9IjEwcHgiIGZpbGw9IiNmNmU1ZTUiLz4NCjwvc3ZnPg==');
	}
}
#container .rounded {
	background: none;
	padding: 0;
}
#container .rounded v\:* {
	behavior: url(#default#VML); 
	display: block;
	height: 17px;
	width: 481px;
	margin: -1px 0 0 -1px;
}
#container .rounded div {
	padding: 4px 20px 4px 77px;
	background: #f6e5e5;
	margin: -11px 0;
	position: relative;
	height: 1%;
}
#container .rounded div span {
	top: 4px;
}
#container .content .news li.members_only a {
	color: #c40d0a;
}
#container .content .news li.members_only a:hover {
	color: #e62724
}

.content h2 {
	font: 20px Verdana, Tahoma, sans-serif;
	color: #333;
	letter-spacing: -1px;
	padding: 0 0 24px;
}
.homepage .content h2 {
	padding: 0 0 12px;
}
.content p {
	padding: 0 0 15px;
}
.content .pics {
	float: left;
	position: relative;
	margin: 0 0 0 -172px;
	padding: 3px 0 0;
}
.content .pics img {
	margin: 0 0 21px;
}

.before {
	position: relative;
	height: 1%;
	margin: 0 0 0 -15px;
	padding: 0 0 3px 15px;
	background: url('/i/ico_prev.gif') no-repeat 0 5px;
}
#container .before a {
	color: #989a9c;
}
#container .before a:hover {
	border-color: #686a6b;
	color: #686a6b;
}

.footer {
	position: relative;
	height: 136px;
	padding: 28px 382px 0 222px;
	background: #fff;
}
.footer .metro {
	position: absolute;
	display: block;
	left: 48px;
	top: 48px;
	width: 87px;
	height: 58px;
	background: url('/i/logo_metro.gif') no-repeat 0 0;
}
.footer address {
	font-style: normal;
	padding: 15px 0 15px;
}
.footer p {
	position: absolute;
	left: 705px;
	top: 26px;
	line-height: 18px;
	width: 240px;
}
.footer .reflection {
	position: absolute;
	left: -3px;
	top: 131px;
	width: 1000px;
	height: 120px;
	background: url('/i/container_b_reflection.gif') no-repeat 0 0;
}

.userinfo{font-weight:bold;}
.answer{margin-top:5px; padding-left:30px;background: url('/i/faq_bg.gif') top left no-repeat;margin-bottom:20px;color:#666666;}
.faq .title { margin-bottom:5px;}
.faq .title a {font-weight:bold; font-size:110%; color:black;}

ul.pages{float:left;}
.pages li{list-style:none; float:left !important; margin-right:5px; margin:0px; padding:0px;}
.pages img {border:0px; border-collapse:collapse;}
.pages li.prev {height:17px; width:10px;}
.pages li.prev_disabled {background:url(/i/pages_prev_bg.gif) top left no-repeat;}
.pages li.next {height:17px; width:10px;}
.pages li.next_disabled {background:url(/i/pages_next_bg.gif) top right no-repeat;}
.pages li {background: #f0f1f1 url(/i/pages_bg_link_left.png) top left no-repeat; height:17px; margin-right:2px; margin-left:2px; padding-left:3px;}
.pages li ul {float: left; margin: 0px; padding: 0px;}
.pages li ul li {float: left; list-style:none; width: 2em; text-align: center;}
.pages ul li a {background: #f0f1f1 url(/i/pages_bg_link_right.png) top right no-repeat; height:17px; padding-right:5px; padding-left:2px; display:block; margin:0px; color:#a5a6a6; text-decoration:none;}
.pages li ul li.selected {background:url(/i/pages_bg_left.png) top left no-repeat; height:17px;}
.pages li ul li b{background:#4e81ab url(/i/pages_bg_right.png) top right no-repeat; height:17px; padding-right:5px; padding-left:2px; display:block; margin:0px; color:#FFFFFF; font-weight:normal;}

.ActionLink {margin-bottom:10px;}
#divQuestionForm{margin-bottom:10px;}
.link a {font-size:90%; color:gray;}
.link .date{font-size:90%; color:gray;}

.regform label {width:120px; font-weight:bold; clear:left; float:left;}
.regform input {width:262px; float:left;}
.regform input.req {}
.regform p{margin-top:9px;}
.regform input.submit {margin-top:20px; margin-left:120px;}
.regform label.req {border-right:2px solid red;}
.regform label {border-right:2px solid white; margin-right:1px; height:20px;}

ul.files {margin-top:1em;}
ul.files li {list-style:none; margin:0px;}