body {
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 100%;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: bold;
    font-variant: normal;
    background-color: #ffffcc;
}

a:link {background-color: #ffffcc; color: blue;}
a:visited {background-color: #ffffcc; color: #6633cc;}
a:hover   {background-color: #ffffcc; color: red;} 
a:active  {background-color: #ffffcc; color: navy;}

img {
    vertical-align: middle;
    border: none;
}

h2 {
    font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
    font-size: 125%;
    color: black;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    text-align: left;
}


h3 {
    font-size: 95%;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-align: left;
}

h4 {
    font-size: 110%;
    color: black;
    font-weight: bold;
    text-align: left;
}

h5 {
    font-size: 90%;
    color: black;
    font-weight: bold;
    text-align: center;
}

.muotoilu1 {
    font-size: 100%;
	font-weight: normal;
    text-align: left;
    margin-bottom: 1%;
    color: black;
}

.muotoilu2 {
    font-size: 100%;
	font-weight: bold;
    text-align: left;
    margin-bottom: 1%;
    color: black;
}

.muotoilu3 {
    font-size: 80%;
    text-align: left;
    margin-bottom: 1%;
    color: black;
	font-weight: normal;
}

.muotoilu13 {
    font-size: 80%;
    text-align: right;
    margin-bottom: 1%;
    color: black;
	font-weight: normal;
}

.muotoilu4 {
    font-size: 120%;
	font-weight: bold;
    text-align: center;
    margin-bottom: 1%;
    color: black;
}

.muotoilu5 {
    font-size: large;
	font-weight: bold;
    text-align: center;
    margin-top: 7%;
    color: black;
}


.boldtaulukko {
    font-weight: bold;
	line-height: 1.4em;
}

.normaalitaulukko {
    font-weight: normal;
	line-height: 1.4em;
}

.valkoinentaulukko {
	background-color: white;
	color: navy;
}

.td1 {
	text-align: right;
}

.td2 {
	text-align: right;
    vertical-align: top;
}

.td3 {
	text-align: right;
    vertical-align: middle;
}

.div1 {
	float: left;  
	text-align: left; 
	margin-top: 4%; 
	padding-left: 10%;
	width: 40%;
}

.div2 {
	float: left;  
	text-align: left; 
	margin-top: 4%; 
	padding-left: 3%; 
	width: 75%;
}

.div3 {
	float: left;  
	text-align: left; 
	margin-top: 2%; 
	padding-left: 10%;
}

.div4 {
	float: left;  
	text-align: left; 
	margin-top: 3%;
	width: 35%;
	padding-left: 4%
}

.div5 {
	float: left;  
	text-align: left; 
	margin-top: 2%;
	padding-left: 4%;
	width: 20%;
}

.div6 {
	float: left;  
	text-align: left; 
	margin-top: 2%; 
	padding-left: 3%;
	width: 75%;
}

.div7 {
	float: left;  
	text-align: left; 
	margin-top: 2%;
	width: 26%;
}

.div8 {
	float: left;  
	text-align: left; 
	margin-top: 4%; 
	padding-left: 4%;
	width: 75%;
}

.div11 {
	float: left;  
	text-align: left; 
	margin-top: 4%; 
	padding-left: 4%;
}

.div12 {
	float: left;  
	text-align: left; 
	margin-top: 2%; 
	padding-left: 4%;
}

.center {
	margin-right: auto; 
	margin-left: auto;
	width: 100%;
	text-align: center;
}

.clear {
	clear: both;  
}