body {
	margin: 3%;
	padding: 0;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background-color: #558097;
	}
	
#kaikki {
	background-color: #FFFFFF;
	border-top: 1px #000000 solid;
	border-right: 3px #000000 solid;
	border-bottom: 3px #000000 solid;
	border-left: 1px #000000 solid;
	padding: 3% 3% 0.5% 3%;
	}
	
a:link { 
	text-decoration: underline;
	color: #2366B6;
	} 
a:visited {
	text-decoration: underline;
	color: #2B1558;
	} 
a:active {
	text-decoration: underline;
	color: #458FC7;
	} 
a:hover {
	text-decoration: none;
	color: #7A0000;
	}

.navi1, .navi2, .navi3 {
	font-size: 0.9em;
	list-style: none;
	line-height: 1.5em;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 80%;
	}
.navi1 li, .lista li, .paivitykset li {
	border-bottom: 1px dashed #dedede;
	}
.navi1 a, .lista a {
	display: block;
	}
.navi1 li a:hover, .lista li a:hover{
	background-color: #f1f1f1;
	}
.navi2, .navi3 {
	width: 90%;
	}
.navi2 li {
	border-bottom: 0;
	}
	
.lista {
	padding: 0;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	list-style: none;
	}
.kurssi {
	float: left;
	}
a .kurssi {
	cursor: pointer;
	}


.paivitykset {
	padding: 0;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", serif;
	}
h1 {
	border-bottom: 1px #000000 solid;
	border-right: 2px #000000 solid;
	}
h1:first-letter {
	color: #ff0000;
	}
h2 {
	margin: 0;
	padding: 2em 1em 0.5em 1em;
	border-bottom: 1px solid #cecece;
	text-transform: uppercase;
	color: #663534;
	font-size: 1.3em;
	}
h3 {
	margin: 2em auto -0.5em auto;
	padding: 0;
	width: 90%;
	font-size: 1.2em;
	max-width: 35em;
	}
h4 {
	margin: 1.5em auto -0.5em auto;
	padding: 0;
	width: 85%;
	font-size: 1.1em;
	max-width: 35em;
	}
h5 {
	font-size: 1em;
	margin: 1em auto -1em auto;
	width: 80%;
	max-width: 35em;
	}
h5.dlotsikko {
	font-size: 1em;
	margin: 5em auto -1em auto;
	width: 80%;
	max-width: 35em;	
	}
h6 {
	font-size: 1em;
	margin: 1em auto -1em auto;
	width: 75%;
	max-width: 35em;
	}	
h6.dlotsikko {
	font-size: 1em;
	margin: 5em auto -1em auto;
	width: 80%;
	max-width: 35em;	
	}
q {
	color: #613C2B;
	font-style: italic;
	}	
dt {
	margin-top: 3em;
	border-bottom: 1px #dedede solid;
	}
dd {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	overflow: auto;
	}
acronym {
	cursor: help;
	border-bottom: 1px dotted #0000ff;
	}	
strong {
	background-color: #C0FFC0;
	}
em {
	background-color: #FFFFC0;
	}
blockquote p {
	border-left: 3px solid #808080;
	background-color: #F7F7F7;
	font-size: 0.9em;
	padding: 0.6em;
	margin-top: 0;
	margin-bottom: 0;
	}
table {
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	}
td, th {
	border-bottom: 1px solid #000000;
	padding: 0.1em 0.5em;
	}
td {
	text-align: right;
	}
th {
	text-align: left;
	}
pre {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	overflow: auto;
	border: 1px inset;
	padding: 1em;
	background-image: url(img/pre.gif);
	}

#sijainti, .huom {
	color: #9e9e9e;
	font-size: 80%;
	}

#sijainti .rarr {
	font-size: 150%;
	}

.perus p {
	max-width: 35em;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	}	

.peruslista {
	border: 0;
	max-width: 30em;
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	padding-left: 3em;
	}
	
.yhttaysi, .yhtpuoli, .yhttyhja {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	text-align: right;
	font-family: monospace;
	font-weight: bold;
	}
.yhttaysi {
	color: #008000;
	}
.yhtpuoli {
	color: #808000;
	}
.yhttyhja {
	color: #800000;
	}

.mat {
	font-style: italic;
	}
	
	
#loppu {
	font-size: 80%;
	padding: 0;
	padding-top: 0.5em;
	margin-top: 3em;
	border-top: 1px #000000 solid;
	}
#muokattu {
	font-size: 80%;
	padding: 0;
	margin: 0;
	}
#firefox {
	margin-right: auto;
	margin-left: auto;
	width: 125px;
	display: block;
	}
#firefox img {
	border: 0;
	}