body, input, select, option, textarea {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
}

input, textarea, select {
border: 1px solid #909090;
}

ul { padding: 0px 0px 0px 20px; margin: 5px 2px 15px 2px }
li { list-style-type: disc; }

body {
margin: 0;
padding: 0;
border-top: 5em solid #5aa4c8;
}

#topdecor {
background: #006190;
height: 1em;
margin-bottom: 40px;
}

a {
color: #366;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

#notice {
color: red;
}

#container {
margin: 0px auto;
width: 860px;
}

#logo {
background-image: url(../img/logo.png);
background-repeat: no-repeat;
padding: 60px 0px 20px 0px;
margin: 0px 0px 0px 40px;
position: relative;
}

#menu {
width: 100%;
margin: 0px 0px 10px 0px;
}

#menu2 {
padding: 0px 0px 15px 0px;
}

#menu2 a {
color: #000;
border-bottom: 1px solid #ddd;
font-size: 13px;
font-family: verdana,sans-serif;
font-weight: bold;
margin: 0px;
padding: 5px 10px;
text-decoration: none;
}

#menu2 a.current {
border-bottom: 3px solid #f19d3c;
}

#menu2 a:hover {
border-bottom: 3px solid #f19d3c;
text-decoration: none;
}

#big-image {
position: relative;
margin: 0px 0px 15px 0px;
}
#big-image img {
width: 840px;
height: 200px;
}

#wide-image {
position: relative;
margin: 0px 0px 5px 0px
}
#wide-image img {
width: 840px; height: 100px
}

#semi-image {
position: relative;
margin: 0px 0px 5px 0px
}
#semi-image img {
width: 585px; height: 140px
}

#content-area {
}

#content-area p, #content-area h2, #content-area form, #content-area #notice {
padding: 5px 5px 10px 5px;
margin: 0;
}

#content-left, #content-middle, #content-right, #content-left-and-middle, #content-all {
float: left;
width: 285px;
margin: 0px 15px 0px 0px;
}

#content-left-and-middle {
width: 585px;
}

#content-all {
width: 840px;
}

#content-right {
border-left: 1px solid #ddd;

width: 240px;
margin: 0px 0px 0px 0px;
padding-left: 15px;
float: left; 
}

h1 {
padding: 12px 0px 3px 6px;
margin: 0px 0px 12px 0px;
color: #000;
font-size: 12px;
font-weight: bold;
font-family: verdana,sans-serif;
}
#content-left h1, #content-left-and-middle h1, #content-all h1, #content-middle h1, #content-right h1 {
border-bottom:1px solid #aaa;
}

#small-image {
padding: 0px 0px 7px 0px;
}
#small-image img {
width: 285px;
}

h2 {
color: #000;
padding: 0;
margin: 0;
font-size: 11px;
}

#taulukko { background: #909090; }
#taulukko th { background: #666; color: white; font-weight: bold; text-align: left }
#taulukko td { background: #e0e0e0 }

#footer {
clear: both;
padding: 5em 0px 0px 0px;
font-size: 9px;
color: #a0a0a0;
}

#schoolname {
color: #333;
font-weight: bold;
}