html, body {
height: 100%;
padding:0px;
margin:0px;
}
body {
background: url('images/tile_solid.jpg');
font-family: sans-serif;
font: 11px Tahoma;
color:#3B495A;
padding:0px;
margin:0px;
}

h2
{
font: 18px Tahoma;
height:25px;
}
h3
{
font: bold 12px Tahoma;
height:15px;
margin:0px;
padding:0px;
color: black;
border-bottom: 1px dotted black;
margin-bottom:8px;
}

h4
{
font: bold 12px Tahoma;
height:15px;
margin:0px;
padding:0px;
color: black;
margin-bottom:8px;
text-align: center;
}

a, a:link {
text-decoration: none;
color: #5b5b5b;
}
a:hover {
text-decoration: none;
color:black;
}
a:active {
text-decoration: underline;
color:#8C8C8C;
}

#runko {
width: 756px;
height: auto !important;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border: 10px solid #5b5b5b;
background-color:white;
}

#runko_otsikkokuva {
width: 756px;
height: 285px;
background: #949494 url('images/otsikko_harmaatausta.png');
margin:0px;
padding:0px;
}

#runko_raamit2
{
width: 756px;
height:auto;
position: relative;
margin:0px;
padding:0px;
background-color: #FFF;
}

#runko_ylaosa {
margin: 0px;
float: none;
width: 756px;
background-color: #FFF;
}

#linkkipalkki {
height: 35px;
background-color: white;
}

#linkkipalkki li {
padding: 0px;
margin:0px;
color:#FFF;
display:inline;
position:relative;
height:25px;
padding-left:40px;
}

#linkkipalkki ul {
margin:0;
padding: 0px;
width: 756px;
list-style-type: none;
height:25px;
position:relative;
padding-top:10px;
padding-bottom:20px;
}
#linkkipalkki a, #linkkipalkki a:visited {
display:inline;
color: black;
text-decoration: none;
font: 11px Tahoma;
font-weight:bold;
margin:0px;
height:25px;
}
#linkkipalkki a:hover {
margin:0px;
color: #5b5b5b;
text-decoration: underline;
}


#runko_alaosa {
padding-top: 20px;
margin: 0;
float: right;
width: 754px;
min-height:250px;
color:#000;
background:#efefef;
}

#sisalto-otsikko
{
 height:auto !important;
 float:left;
 width: 720px;
 font: 15px Tahoma;
 color: black;
 margin-bottom:10px;
 margin-left:15px;
}

#sisalto-laatikko
{
 height:auto !important;
 float:left;
 width: 690px;
 font: 11px Tahoma;
 color: black;
 margin-bottom:10px;
 margin-left:15px;

}

#alatunnisteen_erottaja
{
 border-bottom: 1px solid black;
 margin:0px;
 padding:0px;
 width:720px;
 height:1px;
}

#alatunniste
{
width: 740px;
color: black;
font-size:10px;
padding-top:10px;
padding-left:14px;
text-align: center;
height:25px;
background:#efefef;
clear:both;
}

#spacer{
height: 20px;
clear: both;}

#kirjainlista {
list-style-type: lower-alpha;
}

#sisalto-laatikko li {
margin-top: 5px;
}

#etusivukuva{
float: left;
height: 255px;
width: 370px;
clear: top;
}

#etusivuteksti-yla{
padding-left: 5px;
float: none;
clear: top;
height: 255px;
padding-top: 5px;
}

#etusivuteksti-ala{
padding-left: 5px;
clear:both;
}

#kirjasivukuva{
float: left;
height: 230px;
width: 235px;
clear: top;
}

#kirjasivuteksti-yla{
padding-left: 5px;
float: none;
clear: top;
height: 235px;
padding-top: 5px;
}

#lueiframe {
width: 752px;
height: 450px;
}

#kirjoitaiframe {
width: 752px;
height: 355px;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}