body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCC;
	background-image: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
}


A:link { color: #0000e4; text-decoration: none; }
A:visited { color: #0000e4; 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("../tiedostot2007/grafiikka/vasentausta.gif"); margin: 0px; }

DIV#vasenylalinkit { height: 140px; }
DIV#vasenylalinkit P, DIV#vasen DIV#vasenalalinkit P { padding: 6px; margin: 0px;}
DIV#vasenruudut { height: 53px; }

DIV#vasenalaosoite {
	LEFT: 2px; VISIBILITY: visible; BOTTOM: 1px; PADDING-TOP: 20px; POSITION: absolute; TOP: 468px
}
DIV#ylalinkkitaulukkosolu {
	height: 22px;
	background-color: #903F78;
	background-repeat: repeat-x;
}
DIV#ylalinkkitaulukko { height: 22px; }
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#ylalinkkitaulukkosolu A:link { color: white; text-decoration: none;  }
DIV#ylalinkkitaulukkosolu A:visited { color: white; text-decoration: none;  }
DIV#ylalinkkitaulukkosolu A:hover { color: yellow; text-decoration: none;  }

DIV#vasenalalinkit A:link { color: #0000e4; text-decoration: none;  }
DIV#vasenalalinkit A:visited { color: #0000e4; text-decoration: none;  }
DIV#vasenalalinkit A:hover { COLOR: red; TEXT-DECORATION: underline } 

DIV#vasenalalinkit { background-image:  url("../tiedostot2007/grafiikka/vasentausta.gif")}
DIV#vasenruudut { padding: 0px; margin: 0px; }
DIV#vasenalaosoite { color: #999999; font-size: 11px; }

DIV#border {
	border-left: 1px solid #ddd;
	padding-left: 6px;
	position: absolute;
	left: 5px;
	top: 67px;
	width: 100%;
	height: 1px;
	visibility: visible;
	background-color: #CCCCCC;
	}

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#logokentta { position: relative; left:0px; top:0px; width: 100%; height: 80px; z-index:2; background-image:    url("../tiedostot2007/grafiikka/ylamosaiikki.gif");background-color: #FFFFFF; visibility: visible; background-repeat: no-repeat; background-position: left; border: 1px none #000000; }

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("../tiedostot2007/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; }

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: 50%;
	top:0px;
	z-index:2;
	visibility: visible;
	overflow: visible;
	padding: 4px 16px 4px 12px;
}

DIV#oikeasisalto2 { border-left: 1px solid #ddd; padding-left: 6px; }

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("../tiedostot2007/grafiikka/taustat/harmaa1.gif"); background-repeat: y-repeat; border: 1px none #000000; }

FORM {
	MARGIN-TOP: 0px
}

TABLE.henkilokunta {BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none;
	 PADDING-RIGHT: 0px;  PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0;  WIDTH: 498px; PADDING-TOP: 0px;  BACKGROUND-COLOR: #fafafa
}

TABLE.henkilokunta TD {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP:medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP:5px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; height=20px; 
}

TABLE.opinnaytteet {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; WIDTH: 498px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #fafafa
}

TABLE.opinnaytteet TD {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: #555 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #555 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 10px
}

TABLE.opinnaytteet TD.ylaotsikko {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: #555 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #555 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 10px
}

.lukujarkka {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; background-image: none; background-repeat: no-repeat; background-position: center center; text-align: left; left: 1px; top: 1px; clip:   rect(   ); visibility: visible; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 5px; padding-left: 1px; list-style-type: none; border-style: none; line-height: normal}

.henkilootsikko {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #666666; text-decoration: none; background-image: none; background-repeat: no-repeat; background-position: center center; text-align: left; left: 1px; top: 1px; clip:   rect(   ); visibility: visible; margin-top: 2px; margin-right: 5px; margin-bottom: 1px; margin-left: 5px; padding-top: 2px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; list-style-type: none; border-style: none; line-height: normal}

.mantsahenkilo {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; background-image: none; background-repeat: no-repeat; background-position: center center; text-align: left; left: 2px; top: 2px; clip:   rect(   ); visibility: visible; margin-top: 1px; margin-right: 5px; margin-bottom: 1px; margin-left: 15px; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 15px; list-style-type: none; border-style: none; line-height: normal}

.mantsahenkiloII {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; background-image: none; background-repeat: no-repeat; background-position: center center; text-align: justify; left: 2px; top: 2px; clip:   rect(   ); visibility: visible; margin-top: 5px; margin-right: 5px; margin-bottom: 1px; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; list-style-type: none; border-style: none; line-height: normal}

.sivuopas {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; background-image: none; background-repeat: no-repeat; background-position: center center; text-align: left; left: 1px; top: 1px; clip:   rect(   ); visibility: visible; margin-top: 2px; margin-right: 5px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; list-style-type: none; border-style: none; line-height: normal; border-bottom: 1px dotted;}

.sivuopaskaksi {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; background-image: none; background-repeat: no-repeat; background-position: center center; text-align: left; left: 15px; top: 1px; clip:   rect(   ); visibility: visible; margin-top: 2px; margin-right: 5px; margin-bottom: 2px; margin-left: 15px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 15px; list-style-type: none; border-style: none; line-height: normal; border-bottom: 1px dotted;}

.sivuopaskolme {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; background-image: none; background-repeat: no-repeat; background-position: center center; text-align: left; left: 25px; top: 1px; clip:   rect(   ); visibility: visible; margin-top: 2px; margin-right: 5px; margin-bottom: 2px; margin-left: 25px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 25px; list-style-type: none; border-style: none; line-height: normal; border-bottom: 1px dotted;}

