html,body{margin:0;padding:0;background: white url(pics/background.jpg); background-repeat: repeat-x}
body{font: small verdana,geneva, sans-serif;text-align:center}

/* Leipäteksti tyylit */
p{margin:0 0 10px;}

.profile p {margin-left: 1.4em;} /* Sisennetty leipäteksti */

#container img.oikea {display:block; float: right; margin: 0.7em -25px 1em 1em;} /* oikealle tasattu kuva */

/* Leipis Linkkien tyylit */
#container a:link {color: #26418D; font-weight: bold; text-decoration: none;} 
#container a:visited {color: #26418D; font-weight: bold; text-decoration: none;}
#container a:hover {color: #FFB400; font-weight: bold; text-decoration: none;}

/* Navigaation tyylit */
#navigation p{font-size: 0.9em; margin-bottom: 0.8em; line-height: 1.6em; color: #26418D; text-transform: uppercase;}
#navigation b{color: #33ADDA; font-weight: bold;} /* Tämä merkitsee sivua, jolla ollaan eli johon EI LINKKIÄ */

#navigation a:link {color: #26418D; font-weight: normal; text-transform: uppercase; text-decoration: underline;} 
#navigation a:visited {color: #26418D; font-weight: normal; text-transform: uppercase; text-decoration: underline;}
#navigation a:hover {color: #FFB400; font-weight: normal; text-transform: uppercase; text-decoration: underline;}

/* Extra infon tyylit */
#extra p{font-size: x-small; color: #26418D; line-height: 1.5em; margin-bottom: 1em;}
#extra b{color: #33ADDA; font-weight: bold; text-transform: uppercase;}

#extra a:link {color: #26418D; font-weight: normal; text-transform: none; text-decoration: underline;}
#extra a:visited {color: #26418D; font-weight: normal; text-transform: none; text-decoration: underline;}
#extra a:hover {color: #FFB400; font-weight: normal; text-transform: none; text-decoration: underline;} 

#extra ul {margin-top: -0.5em; margin-bottom: 1em; margin-left: 0; padding-left: 1em;}
#extra li {font-size: x-small; color: #26418D; line-height: 1.5em; margin-bottom: 0.2em; list-style: disc outside; }

#extra span.copyright p {font-size: x-small; color: #33ADDA; margin-top: 3em; line-height: 1.6em;}
#extra span.copyright a:link {color: #33ADDA; font-weight: normal; text-decoration: none;} 
#extra span.copyright a:visited {color: #33ADDA; font-weight: normal; text-decoration: none;}
#extra span.copyright a:hover {color: #FFB400; font-weight: normal; text-decoration: none;}

/* Footer Teksti */
#footer p {font-size: x-small; color: #33ADDA; margin-top:0; line-height: 1.6em;}
#footer a:link {color: #33ADDA; font-weight: normal; text-decoration: none;} 
#footer a:visited {color: #33ADDA; font-weight: normal; text-decoration: none;}
#footer a:hover {color: #FFB400; font-weight: normal; text-decoration: none;}

/* Otsikko tyylit */
h1, h2, h3, h4, h5, h6 {font-size: small; font-weight: normal; font-style: normal; text-transform: uppercase;}
h1 {color: #26418D; font-size: xx-large; margin-top: -5px;} /* Sivun pääotsikko */
h2 {color: #33ADDA; font-size: large; margin: -0.7em 0px 1em 0px; line-height: 1.4em;} /* Pääotsikon pienempi alaotsikko */
h3 {color: #33ADDA; font-size: small; text-transform: none; font-weight: bold; margin: 2em 0px 1em 0px;} /* Leipätekstin väliotsikko */
h4 {font-size: 0.8em; color: white; background-color: #FFB400; font-weight: bold; margin: 3em 0px 1em 0px} /* Koulu infon otsikko */

div#header {margin:0 0 5px}
div#wrapper {padding: -1em 25px 10px 25px;}
div#container{text-align:left; background: white;}
div#content p{line-height:1.4}
div#footer p{padding:5px 25px 5px 25px}

div#container{width:750px;margin:0 auto;}
div#content{float:right;width:474px; border-left: 1px solid #33ADDA; padding-left: 15px; padding-top: -1em; padding-right: 25px; }
div#navigation{float:left;width:195px; padding: 0px 15px 0px 25px;}
div#extra{float:left;clear:left;width:195px; padding: 0px 15px 10px 25px; margin-top: -1em; margin-bottom: 20px;}
div#footer{clear:both;width:100%; /*margin-top: 10px; margin-bottom: 10px;*/ text-align: left;}
/* div#footer{float:left;clear:left;width:195px; margin-bottom: 10px; text-align: left; height: 100%; /*border-top: solid #33ADDA 1px;*/}*/