body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B31B34;
	background-image: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 90%;
}


A:link { color: #0000e4; text-decoration: none; }
A:visited { color: purple; text-decoration: none; }
A:hover { color: red; text-decoration: underline; }

P, LI, TD { font-size: 100%; }
H5 { font-size: 14px; font-family: "Gill Sans", "Trebuchet MS", Arial; }
H4 { font-size: 16px; font-family: "Gill Sans", "Trebuchet MS", Arial; }
H3 { font-size: 18px; font-family: "Gill Sans", "Trebuchet MS", Arial; }

H1, H2, H3, H4, H5 { zmargin-bottom: 0px;  }

UL LI { margin-left: -12px; }
UL LI LI {
	margin-left: -20px;
	list-style-type: circle;
}

hr { weight: 1px; color: #ddd;  }


DIV { border: none; text-align: left; }

DIV#kokosivu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 70%;
	max-width: 923px;
	height: 99%;
	z-index: 0;
	visibility: visible;
}


DIV#vasen, DIV#oikea {
    overflow: visible;
	border-bottom: 8px solid #00407A;
	height: 100%;
	background-color: white;
}




DIV#vasen {
	position: absolute;
	left:0px;
	top:0px;
	width:183px;
	z-index:1;
	background-color: #eee;
	visibility: visible;
	font-size: 12px;
	background-image:  url("../grafiikka/vasentausta.gif");
	margin: 0px;
}

DIV#vasenylalinkit {
	height: 220px;
}
DIV#vasenylalinkit P, DIV#vasen DIV#vasenalalinkit P { padding: 6px; margin: 0px;}
DIV#vasenruudut { height: 53px; }


DIV#vasenylalinkit, DIV#vasenruudut { background-color: #00407A; }
DIV#vasenylalinkit { padding: 1px;  color: white; font-size: 12px; }

DIV#vasenylalinkit IMG { margin: 0px 4px 2px 0px; }

DIV#vasenylalinkit A:link { color: white; text-decoration: none;  }
DIV#vasenylalinkit A:visited { color: white; text-decoration: none;  }
DIV#vasenylalinkit A:hover { color: yellow; text-decoration: none;  }

DIV#vasenalalinkit { background-image:  url("../grafiikka/vasentausta.gif")}
DIV#vasenruudut { padding: 0px; margin: 0px; }
DIV#vasenalaosoite { color: #999999; font-size: 11px; }

DIV#vasen INPUT { font-size: 11px; }



DIV#oikea  { font-family: "Gill Sans", "Trebuchet MS", Arial, sans-serif; font-size: 90%; font-weight: bold; background-color: #003F78; color: white;  padding: 0px 0px 0px 0px; margin: 0px; position: absolute; left:183px; top:0px; width: 90%; max-width: 740px;  z-index:2; background-color: #FFFFFF; visibility: visible; margin-right: 40px; ;}


DIV#oikea P { margin: 4px 0px 8px 0px; }
DIV#oikea H4 { margin: 4px 0px 8px 0px; }
DIV#oikea H5 { margin: 4px 0px 8px 0px; }

DIV.otsikkopalkki { font-family: "Gill Sans", "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-weight: bold; position: relative; left:0px; top:0px; width: 100%; height: 20px; overflow: hidden; z-index:2; background-color: #FFFFFF; visibility: visible; background-image:  url("../grafiikka/otsikkotausta.gif"); background-repeat: repeat; border: 1px none #000000; padding: 5px 0px 0px 12px}

DIV#kuvakentta {
	position: relative;
	left:0px;
	top:0px;
	width: 100%;
	height: 162px;
	z-index:2;
	background-color: #eee;
	visibility: visible;
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px;
	margin: 0px;
	background-image: url(../kuvat/students2.jpg);
}

DIV#logokentta { position: relative; left:0px; top:0px; width: 100%; height: 80px; z-index:2; background-image:    url("../grafiikka/ylamosaiikki.gif");background-color: #FFFFFF; visibility: visible; background-repeat: no-repeat; background-position: left; border: 1px none #000000; }

DIV#leivanmurupolku {  position: relative; left:0px; top:0px;  height: 24px; z-index:2; background-color: #FFFFFF; visibility: visible;  border: 1px none #000000; padding: 2px 30px 0px 8px; font-family: Arial, sans-serif; font-size: 95%; font-weight: normal; background-color: white; color: black; }

DIV#leivanmurupolku P { border-bottom: 1px solid #aaa; padding-bottom: 3px; }


DIV#sisalto { position: relative; left:0px; top:0px; width: 100%; z-index:2; background-color: white; visibility: visible; border: 1px none #000000; font-family: Arial, sans-serif; font-weight: normal; color: black; margin: 0px; }

DIV#vasensisalto { position: relative; left:0px; top:0px;  z-index:2; visibility: visible; overflow: visible;  padding: 4px 16px 4px 12px; }
 
DIV#oikeasisalto {
	border-left: 1px solid #ddd;
	padding-left: 6px;
	position: absolute;
	left: 65%;
	top:0px;
	z-index:2;
	visibility: visible;
	overflow: visible;
	padding: 4px 16px 4px 12px;
	font-size: 11px;
}


SPAN#hae1 { color: white; font-size: 12px; font-weight: bold; border: 1px solid white; background-color: navy; margin: 8px 4px 4px 2px; padding: 2px; }

DIV#taustamosaiikki {
	position: absolute;
	left: 100%;
	top:0px;
	width:32px;
	height: 100%;
	background-color: #CCC;
	layer-background-color: #FFFFFF;
	visibility: visible;
	z-index: 3;
	background-image:   url("../grafiikka/taustat/punainen1.gif");
	background-repeat: y-repeat;
	border: 1px none #000000;
}

.noticeboard {
	border: 2px solid #B31B34;
}