/* Staart Oy */
/* jupoh || 24.10.2006 */



/* ===== LAYOUT STRUCTURE STYLE DEFINITIONS ===== */
/* ============================================== */

#page
{
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#layout
{
	border: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
body.index
{
	background-color: white;
	color: #505050;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}
table.main
{
	width: 100%;
}
td.top
{
	background-color: white;
	color: #3a3a3a;
	height: 23px;
	padding: 3px 0 3px 0;
	text-align: left;
	vertical-align: middle;
}
td.toplogo
{
	background-color: #1958aa;
	border-top: 1px solid #414c55;
	border-bottom: 1px solid #414c55;
	color: white;
	height: 87px;
	text-align: left;
}
td.mainlinks
{
	background-color: white;
	background-image: url("/images/mainlinksbg.gif");
	background-repeat: repeat-x;
	color: #000;
	padding-top: 8px;
	padding-bottom: 16px;
	text-align: left;
	vertical-align: top;
}
td.left
{
	background-color: white;
	color: #2f2f2f;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 221px;
}
td.main
{
	background-color: white;
	color: #353535;
	padding: 5px 20px 20px 15px; 
	text-align: left;
}
td.mainwide
{
	background-color: white;
	color: #353535;
	padding: 5px 20px 20px 15px;
	text-align: left;
	width: auto;
}
td.right
{
	background-color: white;
	background-image: url("/images/newsbg.gif");
	background-repeat: repeat-y;
	color: #2f2f2f;
	text-align: left;
	width: 265px;
}
td.bottom
{
	background-color: #d6d6d6;
	color: black;
	height: 20px;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;
}
td.bottom2
{
	background-color: white;
	color: #404040;
	font-family: verdana, sans-serif;
	font-size: 10px;
	padding: 5px 0 0 0;
	text-align: center;
}

/* ===== POSITIONING STYLE DEFINITIONS ===== */
/* ========================================= */

img.toptext
{
	float: left;
}
div.language
{
	float: right;
	padding: 8px 0 0 0;
	vertical-align: top;
	width: 200px;
}
div.search
{
	float: right;
	padding: 0 10px 0 20px;
	vertical-align: top;
	width: 250px;
}

/* ===== LANGUAGE STYLE DEFINITIONS ===== */
/* ====================================== */

input.search
{
	background-color: white;
	color: #404040;
	font-family: verdana, sans-serif;
	font-size: 12px;
	margin: 0 10px 0 0;	
}

a.language:link
{
	background-color: white;
	color: #8a8a8a;
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 25px;
	text-decoration: none;
}
a.language:visited
{
	background-color: white;
	color: #8a8a8a;
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 25px;
	text-decoration: none;
}
a.language:hover
{
	background-color: white;
	color: #8a8a8a;
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 25px;
	text-decoration: none;
}
a.language_sel:link
{
	background-color: white;
	color: #3a3a3a;
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 25px;
	text-decoration: none;
}
a.language_sel:visited
{
	background-color: white;
	color: #3a3a3a;
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 25px;
	text-decoration: none;
}
a.language_sel:hover
{
	background-color: white;
	color: #3a3a3a;
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 25px;
	text-decoration: none;
}

/* ===== QUICKLINK & UPDATES STYLE DEFINITIONS ===== */
/* ================================================= */

div.orangeheader
{
	background-color: #f5a41b;
	color: white;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	text-align: left;
	vertical-align: middle;
}
p.qlink
{
	background-color: white;
	color: #343434;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;	
}
div.greenheader
{
	background-color: #561885;
	color: white;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 14px;
	margin: 0 0 10px 10px;
	padding: 10px 0 10px 10px;
	text-align: left;
	vertical-align: middle;
}
p.newsdate
{
	background-color: white;
	background-image: url("/images/newsdot.gif");
	background-position: 0 4px;
	background-repeat: no-repeat;
	color: #561885;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	text-align: left;	
}
p.newsheadline
{
	background-color: white;
	color: #561885;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;	
}
p.shortnews
{
	background-color: white;
	color: #343434;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 10px 10px;
	padding: 0;
	text-align: left;	
}
a.more:link
{
	background-color: white;
	color: #343434;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.more:visited
{
	background-color: white;
	color: #343434;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.more:hover
{
	background-color: white;
	color: #343434;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.morenews:link
{
	background-color: white;
	color: #561885;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.morenews:visited
{
	background-color: white;
	color: #561885;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.morenews:hover
{
	background-color: white;
	color: #561885;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.bottomlink:link
{
	background-color: #d6d6d6;
	color: #0d3d91;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.bottomlink:visited
{
	background-color: #d6d6d6;
	color: #0d3d91;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.bottomlink:hover
{
	background-color: #d6d6d6;
	color: #0d3d91;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

div.horizontaldivider
{
	background-color: white;
	background-image: url("/images/dividerdot.gif");
	background-repeat: repeat-x;
	color: black;
	margin-top: 10px;
	margin-bottom: 2px;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	width: 100%
}
p.sitepath
{
	background-color: white;
	color: #70714b;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;	
}
a.sitepath:link
{
	background-color: white;
	color: #70714b;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.sitepath:visited
{
	background-color: white;
	color: #70714b;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.sitepath:hover
{
	background-color: white;
	color: #0d3d91;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

li.etusivu {
	background-color: white;
	color: #1959aa;
	font: 20px Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 15px;
	text-decoration: none;
}
a.etusivulnk:link, a.etusivulnk:visited
{
	background-color: white;
	color: #1959aa;
	font: 20px Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.etusivulnk:hover
{
	background-color: white;
	color: #1959aa;
	font: 20px Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}




/* ===== LEVEL 1 LINK STYLE DEFINITIONS ===== */
/* ========================================== */


ul.main 
{
	background-color: transparent;
	display: inline;
	margin: 0 0 0 13px;
	padding: 0;
} 
li.main
{
	background-color: white;
	color: #000;
	display: inline;
	font: 11px arial, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
li.main_sel
{
	background-color: white;
	color: #000;
	display: inline;
	font: 11px arial, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.main:link
{
	background-color: white;
	background-image: url("/images/linkdot.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #383838;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 6px 0 12px;
	text-decoration: none;
}
a.main:visited
{
	background-color: white;
	background-image: url("/images/linkdot.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #383838;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 6px 0 12px;
	text-decoration: none;
}
a.main:hover
{
	background-color: white;
	background-image: url("/images/linkdot_sel.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #70714b;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 6px 0 12px;
	text-decoration: none;
}
a.main_sel:link
{
	background-color: white;
	background-image: url("/images/linkdot_sel.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #70714b;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 6px 0 12px;
	text-decoration: none;
}
a.main_sel:visited
{
	background-color: white;
	background-image: url("/images/linkdot_sel.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #70714b;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 6px 0 12px;
	text-decoration: none;
}
a.main_sel:hover
{
	background-color: white;
	background-image: url("/images/linkdot_sel.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #70714b;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 6px 0 12px;
	text-decoration: none;
}

/* ===== LEVEL 2 LINK STYLE DEFINITIONS ===== */
/* ========================================== */

ul.sublinks 
{
	background-color: #d6d6d6;
	color: #000;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 10px 10px;
} 
li.sub
{
	background-color: #d6d6d6;
	color: #000;
	margin: 0;
	padding: 5px 0 0 0;
}
li.sub_sel
{
	background-color: #d6d6d6;
	color: #000;
	margin: 0;
	padding: 5px 0 0 0;
}
li.sub2
{
	background-color: #d6d6d6;
	color: #000;
	margin: 0;
	padding: 2px 0 0 10px;
}
li.sub2_sel
{
	background-color: #d6d6d6;
	color: #000;
	margin: 0;
	padding: 2px 0 0 10px;
}
li.sub3
{
	background-color: #d6d6d6;
	color: #000;
	margin: 0;
	padding: 2px 0 0 20px;
}
li.sub3_sel
{
	background-color: #d6d6d6;
	color: #000;
	font: 11px arial, sans-serif;
	margin: 0;
	padding: 2px 0 0 20px;
}
a.sub:link
{
	background-color: #d6d6d6;
	background-image: url(/images/sublinkdot.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	color: #2f2f2f;
	font: 11px arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
a.sub:visited
{
	background-color: #d6d6d6;
	background-image: url(/images/sublinkdot.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	color: #2f2f2f;
	font: 11px arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
a.sub:hover
{
	background-color: #d6d6d6;
	background-image: url(/images/sublinkdot.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	color: #2f2f2f;
	font: 11px arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
a.sub_sel:link
{
	background-color: #d6d6d6;
	background-image: url(/images/sublinkdot_sel.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	color: #2f2f2f;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
a.sub_sel:visited
{
	background-color: #d6d6d6;
	background-image: url(/images/sublinkdot_sel.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	color: #2f2f2f;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
a.sub_sel:hover
{
	background-color: #d6d6d6;
	background-image: url(/images/sublinkdot_sel.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	color: #2f2f2f;
	font: 11px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}


/* ------------------------------------------------------------- */
/* 		 			Basic definitions.                           */
/*		These are needed for htmlarea to work properly           */
/* ------------------------------------------------------------- */

body
{
	background-color: white;
	color: #505050;
	font-family: arial, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
pre
{
	padding: 0;
	margin: 0;
	text-align: left;
	font-family: courier, arial, verdana, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #505050;
	background-color: white;
}
p
{
	background-color: white;
	color: #505050;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding: 0 0 5px 0;
}
img
{
	border: none;
	padding: 0;
	margin: 0;	
}
h1
{
	background-color: white;
	color: #505050;
	font-family: arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 8px 0;
	width: 100%;
}
h2
{
	background-color: white;
	color: #505050;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 7px 0;
}
h3
{
	background-color: white;
	color: #505050;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 6px 0;
}
table
{
	margin: 0;	
}
th
{
	text-align: left;
	font-weight: bolder;
	padding: 0;
	margin: 0; 
}
td
{
	background-color: white;
	color: #505050;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
tr
{
	padding: 0;
	margin: 0; 
}
ul
{
	border-top: none;
	list-style: disc;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 20px;
	text-align: left;
}
li
{
	background-color: white;
	color: #505050;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
input
{
	padding: 0;
	margin: 0; 
}
form
{
	padding: 0;
	margin: 0; 
}
strong
{
	font-weight: bolder;
}
a:link
{
	background-color: white;
	color: #0d3d91;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
a:visited
{	
	background-color: white;
	color: #0d3d91;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
a:hover
{	
	background-color: white;
	color: #0d3d91;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}