<!--
 p.MsoNormal
	{mso-style-parent:"";
	margin-bottom:.0001pt;
	font-size:14.0pt;
	margin-left:0cm; margin-right:0cm; margin-top:0cm}
-->

.otsikko {
   font-size: 22px;
   color: white;
   text-align: right;
   border-bottom: none;
   border-left: none;
   padding-bottom: 15px;
   padding-right: 15px;
   padding-top: 15px;
   background-image:url(bgtitle.jpg);
   background-repeat: no-repeat;
   }

td {
   font-size: 11px;
   color: #404040;
   font-family: tahoma;
   cursor: default;
   background-image:url(bgmain.jpg);
   border : none;
   line-height:1.0;
   text-align: justify;

}

textarea {
   font-size : 11px ;
   font-family : tahoma ;
   color : #801E58;
   border : 1px solid #480e32;
   background-color:#efefef;
		}
input {
   font-size : 11px ;
   font-family: tahoma ;
   color : #801E58;
   border : 1px solid #480e32;
   background-color:#efefef;
}
table {
   color: #801E58;
   font-family: tahoma;
   font-size: 11px;
   border : none;

}

A:link {
   color: #000000;
   font-family: tahoma;
   text-decoration: none;
   cursor: default;
}

A:visited {
   color: #000000;
   font-family: tahoma;
   text-decoration: none;
   cursor: default;
}

A:active {
   font-family: tahoma;
   text-decoration: none;
   cursor: default;
}

A:hover {
   color: #923152;
   cursor: default;
   text-decoration: none;
}

.menu {
   background-image:url(tausta4.jpg);
   background-repeat: no-repeat;
   background-color: #FADAE3;
   font-size : 11px;


}


.sisalto {
   background-image:url(bgstuff.jpg);
   border: none;
   font-size:30px;
   font-family:Book Antiqua;
}

body {
   background-image:url(bg.jpg);
   background-repeat: repeat;
   background-color: #000000;
   color: #801E58;
   font-family: tahoma;
   text-decoration: none;
   cursor: default;
   font-size: 11px;
   margin: 0px;
}


.LeftNav TD{border:none;margin:0px 0px 0px 0px;spacing:0px;background-image:none;width:138px;white-space:nowrap;clear:both;display:block;text-color: #000000;}
.LeftNav TD A{border:none;margin:0px;spacing:0px;padding:10px 11px;width:122px;background-image:none;;white-space:nowrap;clear:both;display:block;color:#000000;}
.THEME_FL_HOVER, .LeftNav TD A:hover{border:none;spacing:0px;width:137px;background-repeat:no-repeat;background-image:url(menubg.gif);color: #FFFFFF;}



.pagenav A:link {border:none;background-color:white;width:142px;margin:0px;padding:6px 7px;white-space:nowrap;clear:both;display:block;text-color: #000000;}
.pagenav A:active {border:none;background-color:white;width:142px;margin:0px;padding:6px 7px;white-space:nowrap;clear:both;display:block;color:#000000;}
.pagenav A:visited {border:none;;background-color:white;width:142px;margin:0px;padding:6px 7px;white-space:nowrap;clear:both;display:block;color:#000000;}
.pagenav A:hover {border:none;width:138px;background-image:url(menubg.gif);color: #E46F97;}

img.shade{
	width: 370px;
	height: 358px;
/* specify the dimension of the image */
	display: block;
	position: absolute;
	z-index: -1;
/* force the image to show below the content */
	right: -4ex;
	bottom: -3ex;
}

div.shade{
	width: 330px;
	height: 318px;
/* specify the dimension of the content, slightly smaller than the image */
	position: relative;
	z-index: 1;
/* force the content to show above the image */
	background-color: #fff;
	border: 1px solid #fff;
	padding: 0px;
	margin-left: 0ex;
	margin-bottom: 0em;
}

ul#gallery, #gallery ul{
/*Remove all spacings and bullets*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#gallery>li{
	float: left;
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	border: 1px solid transparent;
}

ul#gallery>li ul{
	padding: .8em;
	margin-top: 5px; /*may be adjusted according to the dimension size of the thumbnail images*/
	border: 1px solid #404040;
	background-color: #fff;
	color: #404040;
	text-align: left;
	font-size: 11px;
	width: 200px; /*prevent the popups from being too wide*/
	display: none;
	position: absolute;
}

ul#gallery>li ul li{
	margin-top: 2px; /*some spacing between the image data*/
}

ul#gallery>li:hover{
/*of course, the colors are customizable*/
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

ul#gallery>li:hover ul{
	display: block;
	list-style-type: none;
}

ul#gallery ul:before{
/*display the 'Image Information' at the top of the popups*/
	content: "Data";
	font-size: 130%;
	font-weight: bold;
        text-align: right;
	border-bottom: 1px solid #999;
	display: block;
}

ul#gallery ul:after{
/*display the '(click to view the larger version of this image)' at the bottom of the popups*/
	content: "(klikkaa kuva suuremmaksi)";
	font-size: 90%;
	text-align: right;
	border-top: 1px solid #999;
	display: block;
	margin-top: 1em;
}

ul#gallery img{
/*width and height may be adjusted according to the dimension size of the thumbnail images*/
	width: 30px;
	height: 30px;
	display: block;
}