@charset "UTF-8";
/* CSS Document */

/* -----------------------------------*/
/* ---------->>> GLOBAL STYLES <<<----*/
/* -----------------------------------*/

/* scrollbars on every page */
html{
	height:100%;
	padding-bottom:1px;
}

body{
	text-align:center;
	background:#3a72b3 url(images/tausliuk.jpg) repeat-x top left;
	font:normal 62.5% Lucida sans, Verdana, Arial, Helvetica, sans-serif;
}

img.imageRight {
	float:right;
}

img.imageLeft {
	float:left;
}

.imageCenter {
	margin:0 auto 0 auto;
	width:350px;
	overflow:visible;
}

.captioned_image {
	overflow:hidden;
	margin:1em;
	}

.captioned_image.left {
	float:left;}
	
.captioned_image.right {
	float:right;}

.captioned_image p {
	font:normal 0.8em/1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:1em;
	text-align:center;}

a {
	color:#619bd0;
	}

	a img {
		border:2px solid #619bd0;
		}
	
	a:hover img {
		border:2px solid #92bee7;
		}
	
	a img.imgNoBd{
		border:0;
		}
	
ul li {
	margin:0 0 5px 0;
	}

ul.lista {
	list-style:square;
	list-style-position:inside;
	padding-left:16px;}

ul.lista li {
	color:#022053;
	text-indent:-16px;}


/* -----------------------------------*/
/* ---------->>> PAGE STRUCTURE <<<---*/
/* -----------------------------------*/
#wrapper{
	width:800px;
	margin:0 auto;
	text-align:left;
	font-size:1.3em;
}

#container {
	background-color:#92bee7;
}

#contentWrap{
	float:right;
	width:620px;
	}

	#content{
		background:#FFFFFF url(images/content_up.png) no-repeat top;
		width:547px;
		margin: 0 16px 16px 0;
		padding:0 20px 35px 35px;
		overflow:hidden;
	}

#footer{
	height:53px;
	background:url(images/footer.png) no-repeat top;
}

#ads {
	margin-top:20px;
	text-align:center;
	}


/* -----------------------------------*/
/* ---------->>> HEADER   <<<---------*/
/* -----------------------------------*/
#header{
	background-image:url(images/header.jpg);
	height:175px;
}

	#header h1,
	#header p {
		visibility:hidden;
	}
	
	#header a {
	display:block;
	position:absolute;
	top:30px;
	width:230px;
	height:95px;
	}


/* -----------------------------------*/
/* ---------->>> HEADINGS <<<---------*/
/* -----------------------------------*/
h1{
	font:bold 1.4em/1.8em Verdana, Arial, Helvetica, sans-serif;
}

/*PAGE HEADING*/
h2{
	font:bold 1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#619bd0;
	padding:0.7em 0 0 0;
	margin:0 0 0.4em 0;
}

/*PAGE SUBHEADING*/
h3{
	font:bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color:#022053;
	margin:1.8em 0 0.7em 0;
}
	
	/* Subheading with custom ruler */
	h3.line{
		background:url(images/header_line.png) no-repeat top;
		padding:4px 0 0 0;
	}


/* -----------------------------------*/
/* ---------->>> TEXT STYLES <<<------*/
/* -----------------------------------*/
p {
	font:normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#022053;
	margin-bottom:1em;
	}

strong {
	font-weight:bold;
	}


/* -----------------------------------*/
/* ---------->>> NAVIGATION <<<-------*/
/* -----------------------------------*/
#navi{
	float:left;
	/*background-color:#CCCCCC;*/
	width:170px;
	
}

	#navi ul li {
	margin:0;
	}

	#navi ul li a {
		display:block;
		background:#92bee7 url(images/navibg.gif) no-repeat top left;
		border-bottom:1px solid #3a72b3;
		padding:0.4em 0.2em 0.4em 0.6em;
		margin:0;
		margin-top:0px;
		text-decoration:none;
		color:#022053;
		font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	}
	
	#navi ul li a:hover {
		background:#39598f url(images/navibg_hover.png) no-repeat top left;
	}
	
	#navi ul li a:active {
		background:#d3e7f9;
	}
	
	#navi a:visited {
	}
	
	/* currently active navigation page */
	#navi ul li a#activeNavi{
		background-image:none;
		background:#d9e9f9 url(images/navibg_active.png) no-repeat top left;
		width:180px;
		border-top:1px solid #92bee7;
		margin-top:-1px;
		color:#3a72b3;
	}
	
	/* accessibility keys */
	#navi a strong {
		font:bold 1em Verdana, Arial, Helvetica, sans-serif;
		border-bottom:1px dotted #39598f;
		}
	

/* -----------------------------------*/
/* ---------->>> EXTRA <<<------------*/
/* -----------------------------------*/

.clear {
	clear:both;}
	
	
/* -----------------------------------*/
/* ---------->>> LEHDISTÖ <<<---------*/
/* -----------------------------------*/
.pressRel{
	width:170px;
	float:left;
	/*border:1px solid black;*/
	margin:1px;
}


/* -----------------------------------*/
/* ---------->>> FORMS <<<-------------*/
/* -----------------------------------*/
.formContainer {
	background-color:#d3e7f9 ;
	border:1px solid #022053;
	padding:20px;
}

.formRow {
	float:left;
	margin:10px 0 0 0;
}

label {
	display:block;
	float:left;
	width:200px;
	text-align:right;
	margin:0 10px 15px 0;
	font-size:1em;
	color:#022053;
}

input.formText,
textarea.formText,
select.formText
{
	width:250px;
	float:left;	
	margin:0 0 15px 0;
	display:block;
}

p.newSection {
	border-top:1px solid #3a72b3;
	padding-top:10px;
	}

.formSubmit {
	margin-left:210px;
}
	
/* -----------------------------------*/
/* ---------->>> TABLES <<<-----------*/
/* -----------------------------------*/
th, td {
	border:1px solid #619bd0;
	padding:6px 15px;
	vertical-align:top;
	margin:0;
	}
	
	tr.divide {
		border-top:2px solid #619bd0;
	}


th {
	font-size:1em;
	background:#b9deff url(images/table_bg.png) no-repeat top left;
	}
	
	th span.thweak {
		font-size:0.8em;
	}

td {
	font-size:1em;
	background-color:#d3e7f9;
	}
	
	td.alt {
		background-color:#e7f2fc;
	}