body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;
background-color: #FFFAFA;
  }

p {
margin:0.2em 0 1.2em 0; padding:0.2em;}

.banner{
margin:0.2em 0 0.2em 0; padding:0.2em;	font-size: small; vertical-align:center;
}

h1 {
padding:0; margin: 0 0em; font-size:250%; font-weight:bold; font-style:italic; 
color:Black; font-family: "Comic Sans MS", arial, verdana, ; }

h2 {
background-color:#AE989B; color:#3B4471; font-size:120%; font-weight:bold; margin:0.2em; padding:0; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

div {
margin:0; padding:0; display:block;}
.bann{font-weight: bold; color:black;	text-align:right; }

table{
	
}

.mainos{border: thin dashed; background-color:#DDDDDD;}

a:link, a:visited {
color:#0002E8; text-decoration:underline;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#8CD749; text-decoration:underline;}


.container {
background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:680px; border: 1px solid #C2C2C2;}

.titleblock {
padding:1em; margin: 0em 0em 0em 0em; text-align:center;
background-image: url(banneri_syys2.jpg); background-repeat: no-repeat; background-position:left center;}

.sis{
	text-indent:4em;text-align:left;
}
.titleblock p {
text-indent:3em; color:#3B4471;}


ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:1.0em; background-color:#595B88;
clear:both; margin:0; padding:0;
 font-style: oblique; font-weight:bolder;font-size: 90%;
}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width:12%; padding: 0.5em 0 0.8em 0; margin:0; 
text-decoration:none;  color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:12%; padding:0.5em 0 0.8em 0; margin:0; 
text-decoration:none; background-color:#3E3F5F; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:12%; padding:0.5em 0 0.8em 0; margin:0; 
text-decoration:none; color:#FFFFFF;}



.rightcontainer {
float:right; clear:both; width:225px; margin:0.5em 0 0 0; padding:0;
 font-size: 92%;
}

.rightbox {
margin: 0.5em 0.2em; padding:0.3em; border:1px solid #999999; text-align:left;
 font-size: 92%;
}

.box {
margin: 0em 0 0.2em 0.2em; padding:0.2em;}

.rightcontainer h2 {
text-align:left; padding:0 0 0 0em;}

.linkbox a {display:block; margin-left:0.2em;  font-size: 92%; }



.content {
clear:left; text-align:left; width:420px; margin:0.5em 5.5em 0 0; padding:1em 1em 1em 1em;}

.content h2 {text-indent:0em;}



.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}