html, body {
height: 100%; 
margin: 0;
border: 0;
padding: 0;
}

body {	
text-align: left; 
background: #d1e6f7;
font-family: verdana, tahoma, arial, sans-serif;
font-style: italic;
font-size: 8pt;
color: #24201f;
height: 100%;
}

h1 {
font-family: arial;
font-size: 17px;
font-style: normal;
}

h2 {
font-family: arial;
font-size: 16px;
font-style: normal;
}

h3 {
font-family: arial;
font-size: 15px;
font-style: normal;
}

h4 {
font-family: arial;
font-size: 14px;
font-style: normal;
}

p, td, li
{
font-family: arial;
font-size: 12px;
font-style: normal;
}

a:link {
color: #013454;
text-decoration: none;
}

a:visited {
color: #013454;
text-decoration: none;
}

a:hover {
color: #c52423;
text-decoration: none;
}

a:active {
color: #24201f;
text-decoration: none;
}

/* uutispalikan tyylit */

.uutinen_pvm
{
 font-family:  Arial;
 font-size: 12px;
 color: #000000;
 font-style: normal;
}

.uutinen_pvm_etusivu
{
 font-family:  Arial;
 font-size: 12px;
 color: #000000;
 font-style: normal;
}

.uutinen_otsikko
{
 font-family:  Arial;
 font-style: normal;
 font-size: 13px;
 font-weight: bold;
 color: #000000;
}

.uutinen_teksti
{
 font-family:  Arial;
 font-style: normal;
 font-size: 12px;
 color: #000000;
}

A:link.uutinen_link
{
 font-family:  Arial;
 font-style: normal;
 font-size: 12px;
 color: #013454;
 text-decoration: none;
}

A:visited.uutinen_link
{
 font-family:  Arial;
 font-style: normal;
 font-size: 12px;
 color: #013454;
 text-decoration: none;
}

A:hover.uutinen_link
{
 font-family:  Arial;
 font-style: normal;
 font-size: 12px;
 color: #c52423;
 text-decoration: none;
}

A:link.uutinen_link_etusivu
{
 font-family:  Arial;
 font-style: normal;
 font-size: 12px;
 color: #013454;
 text-decoration: none;
}

A:visited.uutinen_link_etusivu
{
 font-family:  Arial;
 font-style: normal;
 font-size: 12px;
 color: #013454;
 text-decoration: none;
}

A:hover.uutinen_link_etusivu
{
 font-family:  Arial;
 font-style: normal;
 font-size: 12px;
 color: #c52423;
 text-decoration: none;
}

.sivupolku {
font-style: italic;
font-size: 10px;
}

#container {
background: #d1e6f7;
margin: 0px 10px 3px 10px;
height: 100%;
}

#container_header {
top: 0px;
height: 135px;
width: 100%;
background: url('layout/yla_tausta.jpg') repeat-x;
position: relative;
z-index: 2;
}

.long_redline {
height: 43px;
width: 870px;
bottom: -3px;
position: relative;
margin-top: -40px;
z-index: 20;
background: transparent url('layout/alakaari_jatkettu.png') no-repeat;
min-width: 870px;
}

#container_nav {
top: 117px;
height: 13px;
width: 100%;
background: url('layout/nav_pixel.jpg') repeat-x;
position: relative;
z-index: 3;
}

.shadow_pixel {
height: 14px;
top: 0px;
width: 100%;
position: relative;
z-index: 20;
background: url('layout/shadow_pixel.png') repeat-x center;
}

.footer_shadow_pixel {
height: 14px;
top: 0px;
width: 100%;
position: relative;
z-index: 20;
background: url('layout/shadow_pixel.png') repeat-x center;
}

.blue_curve {
height: 131px;
width: 100%;
bottom: -26px;
position: relative;
margin-top: -131px;
z-index: 8;
background: url('layout/sininen_kurvi.png') no-repeat center;
}

.container_footer {
text-align: center;
bottom: 0px;
height: 50px;
width: 100%;
background: #c52423;
position: relative;
z-index: 7;
}

.footer_text {
float: center;
height: 50px;
width: 100%;
background: #c52423 url('layout/ala_teksti.jpg') no-repeat center;
position: relative;
z-index: 7;
}

#wrapper {
text-align: left;
width: 980px;
margin: -160px auto 0;
position: relative;
z-index: 9;
background: transparent;
min-height: 340px;
}

#header, #header_logo, #header_area, #header_nav, #footer {
clear: both;
}

#header, #footer {
position: relative;
width: 100%;
min-width: 980px;
}

#header {
height: 143px;
}

#footer {
text-align: center;
height: 0px;
background: url('layout/background_content.png') repeat-y;
}

#header_logo {
background: #c52423 url('layout/header.jpg') no-repeat;
color: #cf9c82;
font-weight: bold;
text-align: right;
height: 28px;
padding-left: 2px;
}

#header_area {
background: #c52423; 
height: 135px;
padding-top: 11px;
margin-left: -10px;
}

.header_nav {
background: url('layout/nav_pixel.jpg') repeat-x;
text-align: center;
border-bottom: #c52423 2px solid;
height: 13px;
width: 480px;
margin-left: 249px; 
position: relative;
z-index: 10;
}

.header_nav span.nav {
float: left;
margin: 0;
width: 118px;
height: 13px;
text-align: center;
background: transparent;
}

.y_pixel {
float: left;
height: 13px;
width: 1px;
background: #000000;
}

.colorpixel {
font-size: 1px;
height: 2px;
width: 478px;
top: -2px;
margin-left: 249px; 
position: relative;
z-index: 10;
background: #ffffff;
}

span.color_one {
float: left;
margin: 0;
height: 2px;
width: 120px;
background: #dfff06;
}

span.color_two {
float: left;
margin: 0;
height: 2px;
width: 119px;
background: #ec060b;
}

span.color_three {
float: left;
margin: 0;
height: 2px;
width: 119px;
background: #0af647;
}

span.color_four {
float: left;
margin: 0;
height: 2px;
width: 120px;
background: #8890f3;
}

.redline {
height: 40px;
width: 630px;
top: 0px;
margin-left: 347px;
position: relative;
z-index: 10;
clear: both;
background: transparent url('layout/ylakaari_jatkettu.png') no-repeat center;
}

#header_link {
background: transparent;
height: 8px;
font-size: 7pt;
position: relative;
z-index: 100;
padding-top: 5px;
clear: both;
}

#empty {
height: 18px;
width: 980px;
background: transparent;
}

#content {
background: url('layout/background.png') repeat-y;
float: left;
margin-top: 7px;
height: 100%;
position: relative;
}

#center {
float: left;
width: 100%;
margin-right: -95%;
margin-left: 10px;
background: url('layout/background_center.png') repeat-y;
position: relative;
z-index: 12;
}

#centerpad {
margin-left: 190px;
margin-bottom: -3px;
background: #ffffff url('layout/bg_centerpad.jpg') no-repeat bottom;
padding: 10px;
padding-top: 2px;
padding-bottom: 34px;
width: 590px;
position: relative;
z-index: 30;
min-height: 400px;
}

.content_blue_line
{
background: #daeef7;
height: 1px;
width: 100%;
font-size: 1px;
}

.content_underline
{
border-bottom: solid #c52423;
border-bottom-width: 2px;
width: 90%;
}

#right {
float: right;
width: 160px;
background-color: transparent;
position: relative;
z-index: 30;
top: 0;
bottom: 0;
}

#left {
float: left;
width: 180px;
margin-left: -5%;
background: url('layout/background_content.png') no-repeat;
position: relative;
z-index: 20;
top: 0;
bottom: 0;
}

#bg_left {
float: left;
width: 180px;
margin-left: 10px;
background: #e8f2fb;
position: absolute;
top: 147px;
bottom: 0px;
}

#left h3, #left p,
#right h3, #right p {
padding: 0 10px 0 10px; 
}

#header_link p {
margin: 0 0 0 201px;
}

#header_logo a {
color: #cf9c82;
}

#header_logo p {
padding: 6px 2px 0 0;
}

.links {
position: relative;
width: 180px;
height: 23px;
}

span.linked {
display: block;
width: 180px;
text-align: left;
background: #c3e6f2;
margin: 0;
}

a.menu_links {
color: #24201f
}

SPAN.linked_long a:hover {
background: #cff2fe;
display: block;
padding: 10px 0 2px 7px;
}

span.alilinked {
display: block;
width: 180px;
text-align: left;
background: #a1d4e1;
margin: 0;
}

SPAN.alilinked a {
background: #a1d4e1;
display: block;
padding: 10px 0 2px 7px;
}

SPAN.alilinked a:visited {
background: #a1d4e1;
display: block;
padding: 10px 0 2px 7px;
}

SPAN.alilinked a:hover {
background: #d1f1fe;
display: block;
padding: 10px 0 2px 7px;
}

span.linked_empty {
display: block;
float: left;
height: 23px;
width: 180px;
text-align: left;
background: #e8f2fb;
margin: 0;
}

.pixel {
font-size: 1px;
float: left;
height: 2px;
width: 180px;
background: url('layout/valikko_pixel.jpg') repeat-x;
}

.logo {
font-size: 1px;
float: left;
width: 180px;
height: 66px;
background: url('layout/logo.jpg') repeat-x;
}

.links a {
display: block;
padding: 10px 0 2px 7px;
background: #c3e6f2;
}

.links a:active {
background: #c3e6f2;
display: block;
padding: 10px 0 2px 7px;
}

.links a:hover {
background: url('layout/osio_1_mouseover_linkki.jpg') 0px 0px repeat;
display: block;
padding: 10px 0 2px 7px;
}

TD.vaihtoehto_td {
padding-bottom: 7px;
text-align: center;
}

#flashcontent {
width: 1032px;
}

.vaihtoehto {
font-family: Verdana;
font-size: 11px;
color: #000000;
text-transform: uppercase;
font-style: normal;
text-align: center;
}

.vaihtoehto a:hover {
background: #ebf0f4;
padding: 3px 3px 0px 3px;
}

.ul_menu {
background: #a1d4e1;
font-size: 0px;
}

.ul_menu a {
background: #a1d4e1;
color: #000000;
font-size: 11px;
}

.ul_menu a:visited {
background: #a1d4e1;
color: #000000;
font-size: 11px;
}

.ul_menu a:hover {
background: #a1d4e1;
color: #000000;
font-size: 11px;
font-weight: bold;
}