/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-image: url(layout/tausta_2.jpg);
	background-color: #669966;
	font-size: small;
	color: #4e611d;

}

div#koko {
	width:900px;
	border:3px solid #003300;
	margin-left: 52px;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 2px;
	background-color: #FFFFFF;


}
h1 {
    margin:0;
    padding:10px;
}
h2 {
	margin:5px 45% 5px 20px;
	padding:1px 5px 8px 0px;
	font-family : Verdana;
	color : #003300;
	font-weight: bold;
	background-image: url(layout/viiva_3.jpg);
	font-size: medium;
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: justify;
	width: auto;
}

h3 {
	margin:2px 45% 5px 20px;
	padding:1px 5px 8px 0px;
	font-family : Verdana;
	color : #003300;
	font-weight: bold;
	background-image: url(layout/viiva_3.jpg);
	font-size: small;
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: justify;
	width: auto;
}

h4 {
	margin:2px 0% 5px 20px;
	padding:1px 5px 8px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #4e611d;

}
div#header {
	height: 300px;
	width: 900px;

}
div#navi {
	height: 23px;
	width: 900px;
}
div#left {
	width:225px;
	float:left;
	background-attachment: fixed;
	background-color: #FFFFFF;

}

div#text {
	width: 900px;
	float:right;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;

}

div#sisalto {
	width: 675px;
	float:right;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;


}
div#muistoissa {
	width: 900px;
	float:right;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;


}
div#footer {
	clear:both;
	text-align:center;
	width: 900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #666666;
	background-image: url(layout/viiva_2.jpg);
	background-repeat: no-repeat;


	/*background-image: url(layout/layout_2_03.jpg);
	background-repeat: no-repeat;*/
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:2 12 2 2;
	font-size:small;
	text-align:justify;
	color: #4e611d;
	padding-right: 6em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	
}
p.galleria {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #4e611d;
	font-weight: bold;
	margin-top: 2px;
	margin-right: 12px;
	margin-bottom: 2px;
	margin-left: 2px;

}
img.otsikko {
	padding: 1em 4em 1em 6em;
	background-image: url(layout/otsikko_left.jpg);
	border: 1px solid #33CCFF;

}

img.pias {
	padding-left: 12px;
	float: left;
	padding-bottom: 12px;

}
/* Taulukon tyylit */

table.paivitys 
{

	padding-left: 10px;
	margin-left: 10px;
}

table.slideshow 
{
	background-color: #FFFFFF;
	border: 3px solid #003300;
	margin-left: 18px;
}

td.otsikko_left 
{
	font-family : Verdana;
	font-size : 10pt;
	color : #003300;
	font-weight: bold;
	text-align: left;
	background-image: url(layout/otsikko_left.jpg);
	padding: 2px;
	margin: 2px;

}

td.otsikko 
{
	padding-left: 15px;
	font-family : Verdana;
	font-size : 10pt;
	color : #4e611d;
	font-weight: bold;
	text-align: left;

}
	
td.tiedot 
{
	padding-left: 15px;	
	font-family : Verdana;
	font-size : 10pt;
	text-align: left;
	color: #4e611d;

}
table.tiedot1 
{
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 2px;
	margin-left: 2px;

}
/* Taulukon tyylit päättyy*/

	/*copyright*/
	
	p.copy
{
	font-family: verdana, arial;
	font-size: xx-small;
	color: #4e611d;
	text-align: left;
}

a.copy
{
	font-family: verdana, arial;
	font-size: xx-small;
	color: #FFFFFF;
	text-align: left;
}

	/*linkit*/

a
{
	font-family: verdana, arial;
	text-decoration:none;
	font-size : small;
	color:#4E5F6F;
	
	
}

a:hover
{
	font-family: verdana, arial;
	text-decoration:none;
	font-size : small;
	color:#3197F6;
	
}

/* Valikon tyylit */

.chromestyle{
height: 23px;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #66FF99;
width: 100%;
background: url(layout/valikko_3.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0px;
float: left;
font: 12px Verdana;

}

.chromestyle ul li{
display: inline;
margin-left: 0;
margin-right: 0;
margin-bottom: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding: 0;
margin: 0px;
line-height: 12px;
}

.chromestyle ul li a{
float: left;
color: #494949;
padding: 2px 2px 2px 8px;
text-decoration: none;
border-right: 1px solid #66FF99; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
background: url(layout/valikko_5.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: white;
	filter:alpha(opacity=90);
	border-top: 1px solid #66FF66;
	border-right: 1px solid #66FF66;
	border-bottom: 0 solid #66FF66;
	border-left: 1px solid #66FF66;
   -moz-opacity:0.8;           
   opacity: 0.8;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #66FF66; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #66FF66;
}