html, body {
	min-height: 100%;
	height: 100%;
} 

html>body, html>body #main {
	height: auto;
} 

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
}

a {
	color: #416fa5;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

h2 {
	font-weight: normal;
	color: #6bb86e;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-weight: normal;
	color: #416FA5;
	font-size: 20px;
}

input.text, select, textarea {
	font-family: "Tahoma",Arial,Helvetica,sans-serif;
	font-size: 11px;
}

select {
	width: auto;
}

input.radio {
	vertical-align: baseline;	
}

input.checkbox {
	vertical-align: baseline;
	padding: 0px;
	margin: 4px 3px 0px 0px;
}

li {
	margin-bottom: 5px;
}

blockquote {
	background: transparent url('../image/quote.gif') 0 0 no-repeat;
	margin: 0;
	padding: 0 0 0 35px;
}

#header {
	background-color: #416fa5;
	border-bottom: 8px solid #6bb86e;
	height: 100px;
	margin-bottom: 20px;
}


#header a#logo {
	width: 200px;
	height: 100px;
	background: transparent url('../image/iloma.gif') 0 0 no-repeat;
	display: block;
	float: left;
}

#header a#mta_kti {
	width: 300px;
	height: 100px;
	background: transparent url('../image/mta_kti.jpg') 0 0 no-repeat;
	display: block;
	float: right;
}

#header a span  {
	display: none;
}

.center, #main {
	width: 980px;
	margin: 0 auto 0 auto;
}

#main {
	background: transparent url('../image/content-background.gif') 100% 0% repeat-y;

}

#menu, #menuFake {
	float: left;
	width: 190px;
	margin-right: 10px;
}


#menu ul {
	padding: 5px 0 0 0;
	margin: 0px;
	list-style: none;
	width: 190px;
	height: 295px;
	background: transparent url('../image/menu.gif') 0 0 no-repeat;
}

#menu ul li {
	width: 170px;
	height: 30px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	float: left;
}

#menu ul li a {
	width: 158px;
	height: 24px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
	font-size: 13px;
	padding: 6px 0px 0px 12px;
}

#menu ul li a:hover {
	text-decoration: underline;
}

#content {
	width: 740px;
	float: left;
	background: url('../image/content-top.gif') 0 0 no-repeat;
	padding: 15px 20px 0px 20px;
}

#content h2#page-title {
	width: 534px;
	float: left;
	margin: 0px;
}

#content a#help, #content a#hints {
	float: left;
	width: 62px;
	margin-left: 13px;
	height: 22px;
	padding: 8px 0px 0px 28px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	color: #606060;
	text-decoration: none;
}

#content a:hover#help, #content a:hover#hints {
	text-decoration: underline;
}

#content a#help {
	background-image: url('../image/button-help.gif');
}

#content a#hints {
	background-image: url('../image/button-hints.gif');
}

#content-bottom {
	clear: both;
	width: 780px;
	margin-left: 200px;
	height: 22px;
	background: url('../image/content-bottom.gif') 0 0 no-repeat;
}

#footer {
	clear: both;
	height: 28px;
	margin-top: 25px;
	background-color: #c0c0c0;
	border-top: 8px solid #606060;
	font-size: 11px;
	padding-top: 12px;
	color: #303030;
}

#footer a {
	color: #303030;
}

#query-steps {
	clear: both;
	padding-bottom: 10px;
	padding-top: 5px;
	margin: 0px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #6BB86E;
	font-size: 11px;
}

#query-steps div {
	padding: 3px 0 3px 0px;
	margin-bottom: 3px;
	clear: left;
}

#query-steps div#selected {
	font-weight: bold;
}

#query-steps div span {
	float: left;
}

#query-steps div span.number {
	color: #ffffff;
	padding: 4px 7px;
	background-color: #6BB86E;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

#query-steps div#selected span.number {
	background-color: #416FA5;
}

#query-steps div span.name {
	width: 220px;
	padding: 5px 0px 0px 5px;
}

#query-steps div span.value {
	width: 480px;
	padding: 5px 0px 0px 5px;
}


a.go {
	padding-left: 20px;
	background: url('../image/go.gif') 0px 0px no-repeat;
}

.category {
	font-weight:bold;
	padding-bottom:5px;
	margin: 10px 0px 5px 0px;
	clear: both;
}

#nav-back {
	width: 350px;
	margin: 15px 0px 15px 20px;
	float: left;
}

#nav-forward {
	width: 350px;
	margin: 15px 20px 15px 0px;
	float: left;
	text-align: right;
}

#nav-fake {
	width: 100%;
	height: 10px;
	clear: both;
}

.container-title {
	background: url('../image/icon_expand.gif') 0 10px no-repeat;
	padding: 10px 0px 5px 15px;
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #D2D2D2;
}

table {
	border-collapse: collapse;
	width: 100%;
	margin: 10px auto;
}

table td {
	border: 1px solid #a0a0a0;
	padding: 1px;
}

table td.data {
	text-align: right;
	white-space: nowrap;
}

table td.year {
	font-size: 18px;
	background-color: #6BB86E;
	color: #ffffff;
	padding: 5px;
}

table tr.header td {
	background-color: #416FA5;
	padding: 3px;
	color: #ffffff;
	text-align: center;
}

table.statistics td {
	padding: 5px;
}

#results {
	width: 100%;
	overflow: auto;
	clear: both;
}

.image {
	text-align: center;
}

.image img {
	border: 3px solid #6BB86E;
}


.definition {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #D2D2D2;
}

