/* Start of CMSMS style sheet 'joni' */
html, body {
margin:0;
padding:0;
background-color:#cde;
font-family:arial,sans-serif;
font-size:100%;
font-color:#000;
}

#box {
margin:auto;
width:90%;
}

#kieli {
height:50px;
padding-right:25px;
border-left: 30px groove #127;
background-color:#fff;
}

#kieli ul, #kieli ul li {
display: inline;
list-style: none;
}

#kieli a {
color:#000;
font-size:90%;
}

#navi {
padding-left:7px;
width: 210px;
float: left;
border: 1px solid #000;
border-left: 30px groove #127;
border-top:0;
background-color: #fff;
font-size: 100%;
}

#navi ul {
margin:0;
padding-top:5px;
padding-left:0;
list-style-type:none;
}

#navi ul ul {
padding-top:0;
padding-left:7px;
}

A.currentpage {
font-weight:bold;;
}

A.activeparent {
font-weight:bold;
}

#footer {
font-size:80%;
padding-left:5px;
}

#content {
background-color:#fff;
margin-left:248px;
padding-top:2px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#paiv {
width: 50%;
margin: auto;
padding-left:7px;
padding-right:7px;
background-color:#ddd;
font-size:80%;
font-color:#000;
border-color:#127;
border-style:dotted;
border-width:4px;
}

H1 {
font-size:140%;
font-weight:bold;
color:#333;
text-align:center;
}

H2 {
text-align:center;
}

H4 {
font-size:110%;
color:#333;
}

A:link, A:visited {
color:#007;
text-decoration:none;
}

A:hover {
color:#a00;
font-style:italic;
}

input, textarea {
background-color:#eee;
color:#000;
font-weight:bold;
}

@media print {
	#navi {
	display:none;
	}
	#content {
	margin-left:0;
	width:100%;
	}
}

/* End of 'joni' */