body {
	background-color: #fff;
	margin: 0;
}

a, a:visited {
	color: #588EB1;
}
a:hover, a:active, #menu a.active { /* MUUTOS 100308: lisätty "#menu" a.activen eteen (IE6 linkkivärit menussa) */
	color: #d74200;
}
p {
	margin: 0 0 10px 0;
	text-align: justify;
}
h1 {
	color: #6FA5C8;
	font-size: 1.0em;
	margin: 5px 0 5px 0;
}

h2 {
	color: #6FA5C8;
	font-size: 1.0em;
	margin: 5px 0 5px 0;
}

table.neutral {
	font-family: Arial;
	font-size: 1em;
	color: #134651;
	margin: 0 0 0 10px;
	overflow: hidden;
	width: 406px;
}



/* left columnt **************************************************************/
#left {
	background-image:url(../imgs/bgtopleft.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: left;
	height: 417px;
	width: 304px;
}
#slogan {
	font-family: Arial;
	font-size: 0.75em;
	color: #6FA5C8;
	height: 105px;
	overflow: hidden;
	padding: 80px 60px 0 63px;
	text-align: center;
	width: 165px;
}
#menu {
	background-image:url(../imgs/bgmenutile.png);
	background-position:top right;
	background-repeat:repeat-y;
	font-family: Verdana;
	font-size: 0.65em;
	color: #588EB1;
	margin: 0 0 0 50px;
	overflow: hidden;
	width: 173px;
}
#menu ul.menu {
	margin: 0 0 0 15px;
	padding:0;
	list-style: none;
}
#menu ul {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
}
#menu li {
	margin-left: 5px;
	padding-left: 0;
}
#menu li a {
	display: block;
	margin: 0 3px 3px 0;
	padding-left: 0;
	text-decoration: none;
}
#menu img {
	margin: 0;
	padding: 0;
	height: 14px;
	width: 173px;
}

#container table td#changeslogan {
	background-image:url(../imgs/bgbottomleft.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height: 198px;
	overflow: hidden;
	vertical-align: bottom;
}
#changeslogan div {
	font-family: Arial;
	font-size: 0.65em;
	color: #6FA5C8;
	overflow: hidden;
	padding: 0 60px 40px 60px;
}
#changeslogan a {
	color: #6FA5C8;
	text-decoration: underline;
}


/* right columnt *************************************************************/
#content {
	background-image:url(../imgs/bgbottomright.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-left: 304px;
	width: 518px;
}
#topbg {
	background-image:url(../imgs/bgtopright.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	min-height: 417px;
}
#title {
	font-family: Arial;
	font-size: 1.3em;
	color: #588EB1;
	padding: 60px 0 0 80px;
	overflow: hidden;
	text-align: center;
	width: 263px;
}
#lead {
	font-family: Arial;
	font-size: 0.85em;
	color: #134651;
	overflow: hidden;
	margin: 15px 0 15px 30px;
	text-align: justify;
	width: 361px;
}
#body {
	font-family: Arial;
	font-size: 0.75em;
	color: #134651;
	margin: 0 0 0 10px;
	overflow: hidden;
	width: 406px;
}
#links {
	font-family: Arial;
	font-size: 0.75em;
	color: #134651;
	margin: 10px 0 30px 87px;
	width: 253px;
}
#links img {
	 margin-left: 25px;
	 margin-bottom: 30px;
	 width: 200px;
	 height: 99px;
}
#links ul {
	margin:0;
	padding: 0;
	list-style: none;
}
#links ul li {
	margin: 0 0 3px 0;
}

#footer {
	color: #588EB1;
	font-family: Arial;
	font-size: 0.65em;
	margin: -10px auto;
	padding-left: 40px;
	width: 822px;
}

/* container *****************************************************************/
#container {
	background-position:top left;
	background-repeat:repeat-y;
	margin: 30px auto 0 auto;
	width: 822px;
}
#container table {
	border-collapse: collapse;
}
#container table td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}


/* front **********************************************************************/

#front #lead {
	display: block;
	position: relative; /* MUUTOS 100308: ennen "position: absolute" (IE6 ei näyttänyt taustaa) */
	font-family: Arial;
	font-size: 0.9em;
	text-align: center;
	color: #F3F4FF;
	margin: 0 0 15px 68px;
	padding-top: 370px;
	width: 290px;
}
#front #lead a,
#front #lead a:visited {
	color: #F3F4FF;
	text-decoration: none;
	display: block;
}
#front #lead a:active,
#front #lead a:hover {
	text-decoration: underline;
}
#front #lead ul 
{
	display: block; 
	margin: 0 20px 0 20px; 
	padding: 0 0 0 10px;
	width: 235px;
}
#front #lead ul li {
	font-size: 0.8em;
	list-style-type: disc;
	margin: 5px;
	text-align: left;
}
#front #lead #heading 
{
	font-size: 1.8em; 
	text-align: center; 
}
#front #lead h1 
{
	color: #F3F4FF; 
	font-size: 0.8em; 
}
#front #left { background-image:url(../imgs/bgtopleft_z.jpg); }
#front #container table td#changeslogan { background-image:url(../imgs/bgbottomleft_z.jpg); }
#front #content { background-image:url(../imgs/bgbottomright_z.jpg); }
#front #topbg { background-image:url(../imgs/bgtopright_z.jpg); }