*{

font-family: verdana;
font-size: 13px;

}

html{

overflow-y: scroll;

}

body{

background: url('images/stb_iso_ikoni.png');
background-repeat: no-repeat;
background-position: center;

}

div.runko{

margin: 0px;
height: 320px;
overflow-y: auto;
padding: 0px;
padding: 10px;
padding-top: 28px;
border: solid black 1px;
border-left: 0px;
border-bottom: 0px;


}

div.otsikko{

font-size: 18px;
font-weight: bold;
color: black;
margin: 0px;
padding-left: 5px;
padding-right: 20px;
padding-bottom: 2px;
position: absolute;
background: white;
border-bottom: solid black 1px;
border-right: solid black 1px;

}

div.sisalto{


}

table.mainbody tr td{

vertical-align: top;

}

div.ornamentti{

height: 20px;
width: 100%;
background: url( 'graphics/ornamentti.png' );
margin: 0px;
text-align: center;
display: block;
margin-top: 10px;
margin-bottom: 10px;

}

table.menu tr td a{

display: block;
width: 156px;
padding: 5px;
margin-bottom: 5px;
color: white;
background: black;
font-weight: bold;

}

table.menu tr td a:hover{

color: #3f3f3f;//silver; // black;

}

a{

color: black;
text-decoration: none;

}


td.site, td.leftside, td.rightside{

padding-top: 10px;

}

td.rightside{

width: 250px;
padding-left: 20px;

}

td.leftside{

width: 120px;

}

td.site{

width: 556px;

}

td.site a:hover{

text-decoration: underline;

}

td.bottomMenu{

padding-top: 10px;

}

td.bottomMenu, td.bottomMenu a{

text-align: center;
font-size: 9px;

}

td.today, td.selected, td.basic{

text-align: right;

}

td.today{

background: black;

}

td.today a{

color: white;

}

td.bottomMenu a:hover{

text-decoration: underline;

}

div.ruutu{

margin-left: 16px;

}

div.demoAction a{

display: block;
width: 45px;
height: 45px;
text-align: center;

}
div.demoAction a:hover{

border: solid #FFDE0C 2px;

}
div.demoAction a img{

border-width: 0px;

}


div.SymbianTowerBattlesScreenCap{

display: block;
width: 244px;
height: 324px;
margin: 10px;
padding: 2px;
border: solid black 2px;

}