body{
        font-family: Arial,sans-serif;
        color:navy ;
        margin: 0px;
        padding: 0px;
        background-color: white;
				background-repeat:repeat-x;
        text-align:center;
        background-image:url(images/bodytausta3.jpg);
        line-height:150%;
				margin-top:10px;
				font-size:90%;
}
/* layout boxes */
#page{
        width:80%;
        background-color: #ffffff;
        border:0px solid navy;
        text-align:center;
        margin:0 auto;
				border:3px solid #003366;
        }
#masthead{border-bottom:1px solid #cccccc;
height:100px;
background-image: url(images/logo.jpg);
background-color:#3399ff;
background-repeat: no-repeat;}
#topNav {
        border-bottom:1px solid #ccd2d2;
        padding:0;
        background-color:#e7e7e7;
        background-image:url(images/topnavtausta2.jpg
				);
        background-repeat:repeat-x;
        height:20px;
				font-size:0.80em;
				padding-left:5px;
                                }
#topNav a:link, #topNav a:visited{
        padding:0px 5px 0px 5px;}
#sideNav{
        float: left;
        width:20%;
        background-color: white;
        text-align:left;
        height:100%;
        font-size:90%;
				color:green;}
					
				
#content{
        margin:0px 0px 0px 20%;
        text-align:left;
        padding:10px;
        font-size:90%;
        text-align:left;
         padding:1em;
				 background-color:white;
background-image:url(images/contenttausta.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
	}			 
				 
#alapalkki{height:20px;width:100%;clear:both;
background-image:url(images/topnavtausta2.jpg);
background-repeat:repeat-x;
background-position:0 100%;
border-top:1px solid #cccccc;
			
                        }
#footer{
        clear: both;
        border-top: 1px solid #003399;
        padding: 10px;
        background-color: white;
				background-image:url(images/footertausta.jpg);
				background-repeat:no-repeat;
				background-position:0 0;
        line-height:100%;
        font-size:90%;
        margin:0 auto;
        text-align:center;
       }
.item{
        padding:10px;
        max-height: 100px;
        height:100px;
        }
#search{
        float:right;
        padding:1%;
        z-index:100;}
form {margin:0px;}
#sideNav a:link, #sideNav a:visited{
        display:block;color:white;
        padding:3px;
        font-size:90%;}
				
#sidenav li{color:green;
}
#sideNav a:hover {background-color:#d6d6d6;color:navy;}
.doc{padding-left: 15px;background-image: url(menu/doc.gif);background-repeat: no-repeat;}
.docs{padding-left:15px;background-image: url(menu/docs.gif);background-repeat:no-repeat;}
.sdoc{padding-left: 15px;background-image: url(menu/sdoc.gif);background-repeat: no-repeat;}
.sdocs{padding-left: 15px;background-image: url(menu/sdocs.gif);background-repeat: no-repeat;}
 #menuoptions {
        margin-top: 10px;
        margin-bottom: 10px;
}
.paddings {
        padding: 5px;
        color:#ccffcc;
}
.wbt{
        color:navy;
				
}
.wbt a {
        padding: 2px;
        border: 1px solid #978968;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 90%;
        display: block;
        text-align: center;
        margin-top: 3px;
        background-color: #ffcc33;
        color:navy;
				
                }
        .wbt a:hover{background-color:#99FF66;color:blue;font-weight:bold;
        }
				
				
.lastup {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        margin-top: 8px;
        color:white;
}
.opto {
        font-size: 90%;
        text-align: center;
        color: navy;
        text-decoration: none;
				
}
.opto a{color:navy;
}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,
ul.sitemaplevel3,ul.submenu,ul.search{padding-left: 0;margin-left: 0;list-style: none;}
h1{color:blue;font-size:125%;color:navy;
background-image:url(images/h1tausta.jpg);
background-repeat:no-repeat;padding:10px;
   }
h2{color:blue;font-size:120%;color:navy;
background-color:#ffcc33;
background-image:url(images/);
background-repeat:repeat-x;padding-left:10px;
   }
h4 {
        padding: 3px 5px;
        position: relative;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: navy;
        margin: 14px 0px 0px;
        background-repeat: no-repeat;
               }
#powered{
        text-align:center;font-size:0.7em;
}
hr{
        height:2px;background-color:navy;width:100%;
}
#alalaatikko
{
        margin:600px 100px 200px 50px;
        padding:1em;border:1px solid navy;
        height:100px;
}
address{font-size:0.7em;
}
#osoite{font-size:1em;
}
td{padding:5px; margin:5px;
}
table{border:0 ;
}
th{border-bottom:1px dashed navy;
}
.mceContentBody{
 background-color: #FFFFFF;
 background-image: none;
 color:navy;
 text-align:left;
 font-size:0.8em;
 width:100%;
}
.oikealle{float:right;
}
.kuvavasemmalle{float:left;padding:40px;
}
.vasemmalle{float:left;padding-right:10px;
}
#pmdigital{color:white;padding:30px; float:right;font-size:150%;
}
#pmdigital a{color:white;text-decoration:none;
}