HTML, BODY {
	height: 100%;
	margin: 0;
	padding: 0;
}

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #3D4242;
}


DIV, H1, H2, H3, H4, P, IMG, DL {
	display: block;
	margin: 0;
	padding: 0;
}

A, A:VISITED {
	text-decoration: none;
	color: #38A3E1;
}

A IMG {
	border: 0;
}

DIV#header {
	height: 86px;
	background: #FFF url(img/header.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

DIV#data {
	width: 930px;
	background: #FFF;
	font-size: 1em;
}


DIV#content {
	width: 590px;
	margin: 32px 0 0 23px;
	/*overflow: auto;*/
	background: #FFF ;
	border-bottom: 5px solid #FFF;
	float: left;
}

DIV#content2 {
	width: 640px;
	margin: 32px 0 20px 23px;
	padding: 10px;
	
	float: left;
	
}

DIV#content3 {
	width: 700px;
	margin: 32px 0 0 23px;
	background: #FFF ;
	border-bottom: 5px solid #FFF;
	float: left;
}


	
DIV#valikko {
	width: 150px;
	height: 470px;
	margin-top: 68px;
	
	background: #FFF;
	/*text-indent: -9999px;*/
	float: left;
}

	
UL.valikko {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;

}	

UL#navigation {

	width: 150px;

	}

	
UL#navigation LI {
	display: inline;
	width: 150px;
	height: 25px;
	margin-left: 0 !important;
	
}

UL#navigation LI A{
	display: block;
	color: #696969;
	text-indent: -9999px;
}



LI#navi1 A {	
	width: 150px;
	height: 25px;	
	background:  url(img/navi1.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}


LI#navi1 A:HOVER, LI#navi1 .active {	
	background: #D3D3D3 url(img/navi1.jpg) -150px 0 no-repeat;
	
	}


LI#navi2 A {	
	width: 150px;
	height: 25px;	
	background:  url(img/navi2.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}
LI#navi2 A:HOVER, LI#navi2 active {	
	background: #D3D3D3 url(img/navi2.jpg) -150px 0 no-repeat;
	}
	
LI#navi3 A {	
	width: 150px;
	height: 25px;	
	background:  url(img/navi3.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}
LI#navi3 A:HOVER, LI#navi3 .active {	
	background: #D3D3D3 url(img/navi3.jpg) -150px 0 no-repeat;
	
	}

	
LI#navi4 A {	
	width: 150px;
	height: 25px;	
	background:  url(img/navi4.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}
LI#navi4 A:HOVER, LI#navi4 .active {	
	background: #D3D3D3 url(img/navi4.jpg) -150px 0 no-repeat;
	}

	
LI#navi5 A {	
	width: 150px;
	height: 25px;	
	background:  url(img/navi5.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}
LI#navi5 A:HOVER, LI#navi5 .active {	
	background: #D3D3D3 url(img/navi5.jpg) -150px 0 no-repeat;
	
	}

LI#navi6 A {	
	width: 150px;
	height: 25px;	
	background:  url(img/navi6.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}
LI#navi6 A:HOVER, LI#navi6 .active {	
	background: #D3D3D3 url(img/navi6.jpg) -150px 0 no-repeat;
}

LI#navi7 A {	
	width: 150px;
	height: 25px;	
	background:  url(img/navi7.jpg) 0 0 no-repeat;
}
LI#navi7 A:HOVER, LI#navi7 .active {	
	background: #D3D3D3 url(img/navi7.jpg) -150px 0 no-repeat;
}


UL.alavalikko {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}	

UL#alanavi { width: 150px; 	}
	
UL#alanavi LI {
	display: inline;
	width: 150px;
	height: 20px;
	margin-left: 0 !important;
	
}

UL#alanavi LI A{
	display: block;
	color: #696969;
	text-indent: -9999px;
}


LI#aikatauluja A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_l.gif) 0 0 no-repeat;
}
LI#aikatauluja A:HOVER, LI#aikatauluja .active {	
	background: #D3D3D3 url(img/alanavi_l.gif) -150px 0 no-repeat;
}

LI#penkkarit A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_a.gif) 0 0 no-repeat;
}
LI#penkkarit A:HOVER, LI#penkkarit .active {	
	background: #D3D3D3 url(img/alanavi_a.gif) -150px 0 no-repeat;
}

LI#opinto-opas A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_p.gif) 0 0 no-repeat;
}
LI#opinto-opas A:HOVER, LI#opinto-opas .active {	
	background: #D3D3D3 url(img/alanavi_p.gif) -150px 0 no-repeat;

}

LI#lomakkeita A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_lo.gif) 0 0 no-repeat;
}
LI#lomakkeita A:HOVER, LI#lomakkeita .active {	
	background: #D3D3D3 url(img/alanavi_lo.gif) -150px 0 no-repeat;

}

LI#vanhempainillat A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_b.gif) 0 0 no-repeat;
}
LI#vanhempainillat A:HOVER, LI#vanhempainillat .active {	
	background: #D3D3D3 url(img/alanavi_b.gif) -150px 0 no-repeat;
}

LI#verkkokoulu A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_q.gif) 0 0 no-repeat;
}
LI#verkkokoulu A:HOVER, LI#verkkokoulu .active {	
	background: #D3D3D3 url(img/alanavi_q.gif) -150px 0 no-repeat;
}

LI#taksvarkki A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_c.gif) 0 0 no-repeat;
}
LI#taksvarkki A:HOVER, LI#taksvarkki .active {	
	background: #D3D3D3 url(img/alanavi_c.gif) -150px 0 no-repeat;
}

LI#ylioppilaskirjoitukset A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_r.gif) 0 0 no-repeat;
}
LI#ylioppilaskirjoitukset A:HOVER, LI#ylioppilaskirjoitukset .active {	
	background: #D3D3D3 url(img/alanavi_r.gif) -150px 0 no-repeat;
}

LI#johtokunta A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_d.gif) 0 0 no-repeat;
}
LI#johtokunta A:HOVER, LI#johtokunta .active {	
	background: #D3D3D3 url(img/alanavi_d.gif) -150px 0 no-repeat;
}

LI#oppilaskunta A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_e.gif) 0 0 no-repeat;
}
LI#oppilaskunta A:HOVER, LI#oppilaskunta .active {	
	background: #D3D3D3 url(img/alanavi_e.gif) -150px 0 no-repeat;
}

LI#kurssikirjat A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_n.gif) 0 0 no-repeat;
}
LI#kurssikirjat A:HOVER, LI#kurssikirjat .active {	
	background: #D3D3D3 url(img/alanavi_n.gif) -150px 0 no-repeat;
}

LI#kurssijarjestys A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_m.gif) 0 0 no-repeat;
}
LI#kurssijarjestys A:HOVER, LI#kurssijarjestys .active {	
	background: #D3D3D3 url(img/alanavi_m.gif) -150px 0 no-repeat;
}

LI#hakulomake A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_g.gif) 0 0 no-repeat;
}
LI#hakulomake A:HOVER, LI#hakulomake .active {	
	background: #D3D3D3 url(img/alanavi_g.gif) -150px 0 no-repeat;
}

LI#sanastoa A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_h.gif) 0 0 no-repeat;
}
LI#sanastoa A:HOVER, LI#sanastoa .active {	
	background: #D3D3D3 url(img/alanavi_h.gif) -150px 0 no-repeat;
}

LI#lukujarjestys A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_i.gif) 0 0 no-repeat;
}
LI#lukujarjestys A:HOVER, LI#lukujarjestys .active {	
	background: #D3D3D3 url(img/alanavi_i.gif) -150px 0 no-repeat;
}

LI#oppitunnit A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_j.gif) 0 0 no-repeat;
}
LI#oppitunnit A:HOVER, LI#oppitunnit .active {	
	background: #D3D3D3 url(img/alanavi_j.gif) -150px 0 no-repeat;
}

LI#jaksot A {	
	width: 150px;
	height: 20px;	
	background:  url(img/alanavi_k.gif) 0 0 no-repeat;
}
LI#jaksot A:HOVER, LI#jaksot .active {	
	background: #D3D3D3 url(img/alanavi_k.gif) -150px 0 no-repeat;
}

	
IMG#kuva {
	border: 4px solid #CCCCCC;

}

DIV#vasen {
	width: 310px;
	float: left;
	margin: 20px 10px 10px 0;
	 
	
}	

DIV#oikea {
	width: 250px;
	float: left;
	margin: 0 4px 30px 10px;
	
}

DIV#oikea_etu {
	width: 191px;
	float: right;
	margin: 20px 4px 30px 30px;
	border: 2px solid #CCCCCC;
	border-style: dotted;
	padding: 7px;	
}


DIV#vasen2 {
	width: 45%;
	float: left;
	
	 
	
}	

DIV#oikea2 {
	width: 45%;
	float: left;
	margin-left: 30px;
	
	
	
}

	
H1 {
	color: #38A3E1;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 8px;
}


H2 {
	color: #38A3E1;
	margin-bottom: 5px;
	font-size: 2.2em;
	font-weight: normal;
}

H3 {
	color: #38A3E1;
	margin-bottom: 8px;
	font-size: 1.5em;
	font-weight: normal;
}

H4 {
	color: #3D4242;
	/*margin: 20px 0 10px 0;*/

}


P {
	
	}

.sininen { color: #38A3E1; margin-bottom: 5px; } 

DIV#osio {
	
	margin: 20px 0 20px 0;
	padding: 0px;	
}


DL { margin: 10px 0 20px 0; }

DT { 
	width: 45px; 

	float: left;

	clear: left;

	font-weight: bold;

	text-align: left;


}

DT .pitka{ width: 65px; }
DD .lyhyt{ width: 15px; margin: 0; }

DT#johtokunta { 
	width: 130px; 

	float: left;
		
	font-weight: normal;

	clear: left;

	text-align: left; }



DD {

	_height: 1%;
	margin: 0 0 7px 55px;

	padding: 0;


}
.pitka { width: 70px; }
.eipallukoita { list-style: none; } 
.henkilokunta { width: 100px; }
.osoite { width: 180px; }
	
DIV#footer {
	
	clear: left;
	margin-top: 40px;
	padding: 0 0 20px 340px;
	height: 30px;
	background: #fff url(img/bottomline.gif) 0 0 repeat-x;
	
		

}

DIV#alatunniste {

	float: left;
	margin: 0 30px 15px 0;	
}