body {
	background-color: whitesmoke;
}
h1 {
	color: darkslategray;
	font-size: 150%;
	font-family: helvetica;
	margin-left: 2%;
	margin-right: 2%;
	padding: 3px;
	border: 2px dashed tomato;
}
p, ol {
	color: darkslategray;
	font-family: courier;
	margin-left: 3%;
}
label {
	color: darkslategray;
	font-family: courier;
}
textarea, legend {
	color: darkslategray;
	font-family: courier;
}
button {
	margin-left: 3%;
	padding: 5px;
}
form {
	margin-left: 3%;
	margin-right: 3%;
}
table, th, td {
	font-family: arial;
	margin: 2%;
	border: 3px solid whitesmoke;
	border-collapse: collapse;
}
caption {
	color: darkslategray;
	font-size: 150%;
	font-family: arial;
	margin-left: 2%;
	margin-right: 2%;
	padding: 3px;
}
iframe, img {
	margin-left: 3%
}
td {
	padding: 5px;
}
th {
	padding: 10px;
}
tr:nth-child(odd) {
	background-color: #D6EEEE;
}
td:hover, th:hover {
	background-color: aquamarine;
}
/* Valikko */
.ulVal {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333333;
	font-family: helvetica;
}

.liVal {
	float: left;
}

.liVal a {
	display: block;
	color: white;
	text-align: center;
	padding: 16px;
	text-decoration: none;
}

.liVal a:hover {
	background-color: #111111;
}