img {
margin: 0px;
border: 0px; 
vertical-align: top;
}
body {
padding: 0px;
margin: 0px;
background-color: White;;
font-family: arial, "lucida console", sans-serif;
font-size: small;

}

a:link {color: #FF6600}
a:visited {color: #FF6600}  /* visited link */
a:hover {color: #000000}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */

a.title_link:link { color: #FFFFFF; text-decoration: none	}     /* unvisited link */ 
a.title_link:visited { color: #FFFFFF; text-decoration: none      }  /* visited link */
a.title_link:hover {color: #000000}   /* mouse over link */
a.title_link:active {color: #0000FF}   /* selected link */

td.ylareuna2_k
{
background-image:url('/kuvat/ylareuna2_k.gif');
background-repeat:repeat-x;
}

td.kuvatd
{
background-image:url('/kuvat/ylareuna2_k.gif');
background-repeat:repeat-x;
}

td.ylareuna2_o
{
background-image:url('/kuvat/ylareuna2_o.gif');
background-repeat: no-repeat;
}

td.palkki
{
background-image:url('/kuvat/ylareuna2_k.gif');
background-repeat: repeat-x;
width: 100%;
text-align: right;
vertical-align: middle;
}

td.palkki
{
#background-image:url('/kuvat/ylareuna2_k.gif');
#background-repeat: repeat-x;
width: 100%;
#text-align: right;
align: top;
}

td.ylareuna2_v
{
background-image:url('/kuvat/ylareuna2_v.gif');
background-repeat: no-repeat;
width: 150px;
height: 50px;
}

td.PalkkiVasen
{
background-image:url('/kuvat/v_reuna.gif');
#background-repeat: repeat-y;
width: 10px;
}

td.PalkkiOikea
{
background-image:url('/kuvat/o_reuna.gif');
background-repeat: repeat-y;
width: 15px;
background-position: right;
}

td.title_tausta
{
background-image:url('/kuvat/palkki_lite.gif');
background-repeat: no-repeat;
background-position: right;
background-color:#7994b7;
color:white;
font-family:sans-serif;
font-weight:600;
}

td.akyo {
    width: 8px;
    height: 8px;
    background-image: url(/kuvat/change_ylaoikea.gif)
background-repeat: no-repeat;
  }

td.akao {
    width: 8px;
    height: 8px;
    background-image: url(/kuvat/change_alaoikea.gif);
    background-repeat: y;

  }

td.akao {
    background-image: url('/kuvat/change_alaoikea.gif');
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
  }

td.akyo {
    background-image: url('/kuvat/change_ylaoikea.gif');
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: bottom left;
  }

td.akyv {
    background-image: url('/kuvat/change_ylavasen.gif');
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: bottom right;
  }

td.aky {
    background-image: url('/kuvat/change_yla.gif');
    width: 8px;
    height: 8px;
    background-repeat: repeat-x;
    background-position: bottom;
  }


td.ako {
    background-image: url(/kuvat/change_oikea.gif);
    width: 8px;
    height: 8px;
    background-repeat: repeat-y;
  }

td.akv {
    background-image: url(/kuvat/change_vasen.gif);
    width: 8px;
    height: 8px;
    background-repeat: repeat-y;
    background-position: right;
  }

td.akav {
    background-image: url('/kuvat/change_alavasen.gif');
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: top right;
  }


td.aka {
    background-image: url(/kuvat/change_ala.gif);
    width: 8px;
    height: 8px;
  }


.akback {
    background-color: #fbf5dd;
 font-family: arial, "lucida console", sans-serif;
font-size: small;
white-space: nowrap;
	 }

td.Ala {
    background-image: url(/kuvat/banneri_a.gif);
    background-repeat: repeat-x;
  }

table.kanava  {
	}


td.aika
{
width: 100px;
font-family: arial, "lucida console", sans-serif;
font-size: small;
}

td.kappale
{
font-family: arial, "lucida console", sans-serif;
white-space: nowrap;
#width: 50px;
font-size: small;
}

td.ylareuna_o
{
    background-image: url('/kuvat/ylareuna_o.gif');
    background-repeat: no-repeat;
    background-position: right top;
#    background-color: #7994b7;
    width: 100%;
}

td.logo
{
    background-image: url('/kuvat/logo1.gif');
    background-repeat: no-repeat;
}

td.rss
{
    background-image: url('/kuvat/16px-Feed-icon.svg.png');
    background-repeat: no-repeat;
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-color: #7994b7;
    width: 24px;
    background-position: center;
    background-color: #7994b7;
}


div.limit {

	clip: auto;
        overflow: hidden;
        text-align: left;
        white-space: nowrap;
	width: 300px;
/*
        overflow: hidden;
        white-space: nowrap;
        clip: auto;
        width: 100%;
        text-align: left;
*/
}


}

#div.keskella	{
#align: right;
#}

#div.keskella	{
#align: right;
#}

div.keskella {margin-right:auto;margin-left:auto; text-align: right;}
div.google {margin-right:auto;margin-left:auto; text-align: middle;}


#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
border: 1px solid black;
background-color: #FFEEC6;
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: lightyellow;
border: 1px solid black;
}

.subuls li{
width: 100%;
}



.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the cont$
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
width:750px; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* mm. ylareunan palkin asettelu ja etäisyys yms */
.menu li {
float:left;
position:relative;
}
/* style the links for the top level */
/* prkl */
.menu a, .menu a:visited {
display:block;
font-size:13px;
text-align: left;
text-decoration:none; 
color:#000; 
width:100%; 
padding-left: 5px;
padding-bottom: 20px; 
line-height:10px; 
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
width:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
/* top - monta pixelia ylareunasta alaspain nii alkaa toi valikko juttu */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
top:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* mitä näkyy kun painetaan jotain "painiketta"  */
.menu ul ul a, .menu ul ul a:visited {
background:#ffffff; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:200px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
width:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#0000FF;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#FF6600;
background:#FFFFFF;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
*/