body {
	font-family: calibri;
	color: #4A4A4A;
	font-size: 15px;
	text-align: center; /* IE */
	background-color: #d2d2d2;
}

div.container {
	margin: 0 auto;
	width: 800px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: left;
}
div.banner {
	width: 800px;
	height: 137px;
	background-image: url('images/layout_01.jpg');
	overflow: hidden;
}
div.login {
	width: 800px;
	height: 31px;
	background-image: url('images/layout_02.jpg');
	background-repeat: no-repeat;
	background-color: white;
	overflow: hidden;
}
div.bottom {
	width: 800px;
	height: 30px;
	background-color: #2b2b2b;
	border-top: 1px solid black;
}
input.normi {
	background-color: #d2d2d2;
	border: 0px;
	color: #07294c;
}
div.normi {
	border: 1px dashed gray;
	padding: 10px;
	background-color: white;
}

table {
	font-size: 1em;
}
h1 {
	color: #FF9900;
}
h2 {
	color: #FF9900;
}
h3 {
	color: #07294c;
}
table.main {
	width: 800px;
	background-color: white;
	border-bottom: 1px solid black;
	padding: 10px;
	
}
tr.pariton {
	background-color: #FFFBD0;
}

A:link {
	color: #07294c;
	text-decoration: none;
}
A:visited {
	color: #07294c;
	text-decoration: none;
}
A:hover {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.login A:link { color: white; }
.login A:visited { color: white; }
.login A:hover { color: white; font-weight: bold; }

#etusivu { position: relative; display: block; width: 92px; height: 37px; top: 44px; left: 437px; }
#etusivu:hover {  background-image: url('images/hover/layout_03.jpg'); border-right: 1px solid black; }
#oppilaitokselle { position: relative; display: block; width: 145px; height: 37px; top: 7px; left: 528px; }
#oppilaitokselle:hover {  background-image: url('images/hover/layout_04.jpg'); border-right: 1px solid black; border-left: 1px solid black; }
#opettajille { position: relative; display: block; width: 126px; height: 37px; top: -30px; left: 673px; }
#opettajille:hover {  background-image: url('images/hover/layout_05.jpg'); border-right: 1px solid black; border-left: 1px solid black; }
#opettajapankki { position: relative; display: block; width: 187px; height: 40px; top: -30px; left: 437px; }
#opettajapankki:hover {  background-image: url('images/hover/layout_06.jpg'); border-right: 1px solid black; }
#yhteystiedot { position: relative; display: block; width: 176px; height: 40px; top: -70px; left: 623px; }
#yhteystiedot:hover {  background-image: url('images/hover/layout_07.jpg'); border-left: 1px solid black; }