.centered {
    text-align:center;
}

body { 
background-color: #333366;
margin-top: 25;
margin-bottom: 20;  
margin-width: 10; 
}

table.iso {
width: 800px; 	
height: 550px; 	
border-top: solid 0px #FFFFFF;
border-left: solid 0px #FFFFFF;
border-right: solid 0px #FFFFFF;
border-bottom: 0px #FFFFFF;
padding: 0px; spacing: 0px;
background-color: #FFFFFF;
margin-top: 0px;
margin-left: 0px;
margin-right:0px;
margin-bottom: 0px;
}

table.isokansio {
width: 600px; 	
height: 550px; 	
border-top: solid 0px #333366;
border-left: solid 0px #333366;
border-right: solid 0px #333366;
border-bottom: 0px #333366;
padding: 10px; spacing: 0px;
background-color: #333366;
margin-top: 0px;
margin-left: 0px;
margin-right:0px;
margin-bottom: 0px;
}


table.isokansio2 {
width: 600px; 	
height: 550px; 	
border:0;
padding: 10px; spacing: 0px;
background-color: #ffffff;
margin: 0px;
}

A:link { text-decoration: none;  color: #663300; cursor: hand; margin-top: 10px;
margin-left: 15px;
margin-right:15px;
margin-bottom: 5px;
font: 11px/18px verdana, helvetica, arial, sans-serif; 
text-align: left;}

A:visited { text-decoration: none;  color: #996633; cursor: hand;margin-top: 10px;
margin-left: 15px;
margin-right:15px;
margin-bottom: 5px;
font: 11px/18px verdana, helvetica, arial, sans-serif;
text-align: left;}

A:active { text-decoration: none;  color: #cc9966; cursor: hand;margin-top: 10px;
margin-left: 15px;
margin-right:15px;
margin-bottom: 5px;
font: 11px/18px verdana, helvetica, arial, sans-serif;
text-align: left;}

A:hover { color: #cc9966;  text-decoration: none;  cursor: hand;margin-top: 10px;
margin-left: 15px;
margin-right:15px;
margin-bottom: 5px;
font: 11px/18px verdana, helvetica, arial, sans-serif;
text-align: left;}


A:link.valikko { text-decoration: none;  color: #e3e0d6; cursor: hand; 
margin-top: 0px;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 10px;
font: bold 18px/30px comic sans ms, verdana, helvetica, arial, sans-serif;
}

A:visited.valikko  { text-decoration: none;  color: #e3e0d6; cursor: hand;
margin-top: 0px;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 10px;
font: bold 18px/30px comic sans ms, verdana, helvetica, arial, sans-serif;
}

A:active.valikko  { text-decoration: underline;  color: #e3e0d6; cursor: hand;
margin-top: 0px;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 10px;
font: bold 18px/30px comic sans ms, verdana, helvetica, arial, sans-serif;
}

A:hover.valikko  { color: #FFFFFF;  text-decoration: none;  cursor: hand;
margin-top: 0px;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 10px;
font: bold 18px/30px comic sans ms, verdana, helvetica, arial, sans-serif;
}

.nospace {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
border-top: solid 0px;
border-left: solid 0px;
border-right: solid 0px;
border-bottom: 0px;
padding: 0px; spacing: 0px;
}

.nuoli {
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
border-top: solid 0px;
border-left: solid 0px;
border-right: solid 0px;
border-bottom: 0px;
padding: 0px; spacing: 0px;
}


.kansio {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
border-top: dashed 5px #333366;
border-left: dashed  5px #333366;
border-right: dashed  5px #333366;
border-bottom: dashed  5px #333366;
padding: 0px; spacing: 0px;

}

.kansiokuva {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
border-top: inset 20px #333366;
border-left: inset 20px #333366;
border-right: inset 20px #333366;
border-bottom: inset  20px #333366;

}

.kansiokuva2 {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
border: 0;
}



.kansiokuvateksti  {
margin-top: 0px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 0px;
border-top: solid 0px;
border-left: solid 0px;
border-right: solid 0px;
border-bottom: 0px;
padding: 0px; spacing: 0px;
font: 11px/18px verdana, helvetica, arial, sans-serif;
color: #ffffff; 
text-align: left;
}

P 
{
margin-top: 10px;
margin-left: 15px;
margin-right:15px;
margin-bottom: 5px;
font: 11px/18px verdana, helvetica, arial, sans-serif;
color: #333366; 
text-align: left;
}

.linkki {
text-align: right;
}


H4 {
margin-top: 5px;
margin-left: 15px;
margin-right:15px;
margin-bottom: 5px;
font: bold 15px/22px serif, verdana, helvetica, arial, sans-serif;
color: #333366; 
text-align: left;
} 

H3 {
font: 18px/21px comic sans ms, verdana, helvetica, arial, sans-serif;
	margin-bottom: 0px; 
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 0px;
	text-align: center;
	color: #ffffff;
}

H2 {
font: BOLD 24px/27px comic sans ms, verdana, helvetica, arial, sans-serif;
	margin-bottom: 0px; 
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 0px;
	text-align: center;
	color: #ffffff;
} 



H1 {
font: bold ITALIC 24px/27px comic sans ms, verdana, helvetica, arial, sans-serif;
	margin-bottom: 0px; 
	margin-top: 25px;
	margin-left: 15px;
	margin-right: 0px;
	text-align: center;
	color: #ffffff;
} 

ul {
margin-top: 0px;
margin-left: 20px;
margin-right:0px;
margin-bottom: 0px;
text-align: left;
}



LI.rosette { 
margin-top: 10px;
margin-right: 25px;
margin-left: 40px;
margin-bottom: 5px;
	list-style: url(../pics/rosette.gif) outside; 
} 

