body {
	background-color: #d1c7c5;
	scrollbar-base-color:#d1c7c5;
	font-size: small;
	text-align: left;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0% 0% 0% 0%;
	overflow-y: auto;
}

/* p {
	background-color: #d1c7c5;
	# background-color: #00ff00;
	scrollbar-base-color:#d1c7c5;
	font-size: small;
	text-align: left;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0% 0% 0% 0%;
	overflow-y: auto;
}
*/

#valkoinen
{
	position: relative;
        min-height: 720px;
     	height: auto;
        _height: 720px;
        width: 784px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: 0 none;
	border-collapse:	collapse;
}

#keltainen
{
	position: relative;
        min-height: 720px;
     	height: auto;
        _height: 720px;
        width: auto;
	margin: 0% 4% 0% 4%;
	background-color: #fcf4e7;
	padding: 0;
	border: 0 none;
	border-collapse:	collapse;
}

#punainen
{
	position: relative;
 	font-size: 4pt;
    	height: 6px;
        width: 784px;
	background-color: #da3e54;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-bottom: 0 none;
	border-collapse:	collapse;
}

#keltainen-vali
{
	position: relative;
 	font-size: 4pt;
     	height: 6px;
        width: auto;
	margin: 0% 4% 0% 4%;
	background-color: #fcf4e7;
	padding: 0;
	border: 0 none;
	border-collapse:	collapse;
}

#ruskea
{
	position: relative;
        min-height: 192px;
     	height: auto;
        _height: 192px;
        width: auto;
	margin: 0px 0px 0px 0px;
	background-color: #a78a8c;
	padding: 0;
	border: 0 none;
	border-collapse:	collapse;
}

#ruskea-ala
{
	position: relative;
     	height: 64px;
        width: 784px;
	background-color: #a78a8c;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: 0 none;
	border-collapse:	collapse;
}

#keltainen-ala
{
	position: relative;
     	height: 64px;
        width: auto;
	margin: 0% 4% 0% 4%;
	background-color: #fcf4e7;
	padding: 0;
	border: 0 none;
	border-collapse:	collapse;
}

 .logo
{
 	border: 0 none;
	margin: 16px 0px 48px 0px;
}

#navi
{
        height: 20px;
        width: 512px;
        background-color: #d1c7c5;
	padding: 0;
	border: 0 none;
	border-collapse:	collapse;
}

a#navi1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #5e5e5e;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
}

a:hover#navi1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: white;
	text-align: center;
 	text-decoration: none;
}  

a#onavi1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : white;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
}

a#navi2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #5e5e5e;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 0px 0px;
}

a:hover#navi2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: white;
	text-align: center;
 	text-decoration: none;
}  

a#onavi2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : white;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 0px 0px;
}

a#navi3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #5e5e5e;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 0px 0px;
}

a:hover#navi3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: white;
	text-align: center;
 	text-decoration: none;
}  

a#onavi3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : white;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 0px 0px;
}

a#navi4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #5e5e5e;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 0px 0px;
}

a:hover#navi4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: white;
	text-align: center;
 	text-decoration: none;
}  

a#onavi4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : white;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 0px 0px;
}

a#navi5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #5e5e5e;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 0px 0px;
}

a:hover#navi5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: white;
	text-align: center;
 	text-decoration: none;
} 

a#onavi5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : white;
	font-weight : bold;
	text-align: center;
 	text-decoration: none;
	position: relative;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 0px 0px;
}
#kieli
{
     	height: 10;
        width: 512px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	border: 0 none;
	border-collapse:	collapse;
}

a#slink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #5e5e5e;
	font-weight : normal;
	text-align: left;
	position: absolute;
	height: 10px;
      width: 120px;	
	margin: 8px 0px 0px 164px;
	padding: 2px 0px 0px 0px;
}

a:hover#slink {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color: red
	text-align: left;
 	text-decoration: none;
}  

.dline {
	background-image: url("../kuvat/aihelinja_v.gif");
	background-repeat: repeat-y;
}

#tarina_s
{
     	height: auto;
        width: 512px;
	padding: 0;
	margin: 38px 0px 0px 0px;
	border: 0 none;
	border-collapse:	collapse;
}

#tarina
{
     	height: auto;
	text-align: left;
        width: 512px;
	padding: 0;
	margin: 48px 0px 0px 0px;
	border: 0 none;
	border-collapse:	collapse;
}
 
.story {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color: black; 
/*	color : #da3e54; */
	text-align: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
	border: 0 none;

        text-align: left;
	border-collapse:	collapse;
}
 
.uutinen {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : black;
	text-align: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
	border: 0 none;
	border-collapse:	collapse;
}

a#uutislinkki
{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #5e5e5e;
	font-weight : normal;
	text-align: right;
 	text-decoration: none;
}

a:hover#uutislinkki {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color: red;
	text-align: right;
 	text-decoration: none;
}  

.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11pt;
	color : black;
	text-align: left;
 	margin-top: 5px;
 	margin-bottom: 0px;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	/* font-size : 11pt; */
	color : black;
	text-align: left;
 	margin-top: 8px;
 	margin-bottom: 12px;
}


h1 {
	font-size: 12pt;
	text-align: left;
 	margin-top: 12px;
 	margin-bottom: 6px;
}

h2 {
	font-size: 11pt;
	text-align: left;
 	margin-top: 10px;
 	margin-bottom: 8px;
}

.valiotsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	color : black;
	text-align: left;
}

a#linkki
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #5e5e5e;
	font-weight : normal;
	text-align: right;
 	text-decoration: none;
}

a:hover#linkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color: red;
	text-align: right;
 	text-decoration: none;
}  

.link    { 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11pt;
	color: #000000; 
	text-align: left;
 	text-decoration: none;
}  
A:link   { 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: #000000; 
	text-align: left;
 	text-decoration: underline;
}  
A:visited   { 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: #000000; 
	text-align: left;
 	text-decoration: underline;
}  
A:hover  { 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: #da3e54; 
	text-align: left;
 	text-decoration: none;
}  
A:active  { 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11pt;
	color: #da3e54; 
	text-align: left;
 	text-decoration: none;
}  

 .kuva
{
 	border: 0 none;
	margin: 0px 0px 0px 0px;

}

 .kuvav
{
	float: left;
 	border: 0 none;
	margin: 0px 12px 8px 0px;
}

 .kuvao
{
	float: right;
 	border: 0 none;
	margin: 0px 0px 8px 0px;
}

