/* CSS Document */

/* Yleisetmäärittelyt, ei tarvetta kuin taustavärille */
body{
	background-color:white;
	}

/* Ulkoasun koossa pito, sijainti */
#koko{
	height:768px;
	width:1024px;
	position:absolute;
	left:50%;
	margin-left:-512px;
	top:50%;
	margin-top:-384px;
	}
	
/* Yläreunan grafiikka */
#yla{
	height:172px;
	width:1024px;
	background-image:url(images/yla.jpg);
	background-repeat:no-repeat;
	}

/* Keskialueen koossa pito */
#keski{
	height:532px;
	width:1024px;
	}
	
/* Vasemmanreunan grafiikka */
#keski01{
	height:532px;
	width:190px;
	background-image:url(images/keski-vasen.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-right:834px;
	position:absolute;
	}

/* Tekstialue */
#keski02{
	height:532px;
	width:754px;
	background-color:#FFFFFF;
	overflow:auto;								/* Lisää vierityspalkin (scroll), jos sisältöä on tarpeeksi */
	margin-left:190px;
	position:absolute;
	padding:5px;
	/* Tekstin määrittelyt */
	font-family:Lucida Sans, sans-serif;		
	font-size: 12px;
	text-align:justify;							/* Teksti tasattu molemmista reunoista */
	vertical-align:top;
	}

/* Tekstialueen iso otsikko tai otsikot */
#keski02 h1 {
	font-family:Lucida Sans, sans-serif;
	font-size:22px;
	font-weight:bold;							 
	padding-bottom:10px;
	}

/* Tekstialueen linkit (a:link - normaali, a:visited - vierailtu, a:active - ollessa valittuna, a:hover - osoitettaessa), järjestystä EI SAA MUUTTAA tai eivät toimi oikein */
#keski02 a:link{
	text-decoration:none;						/* Linkin tyyli */
	color:#3366CC;								/* Linkin väri */
	}
#keski02 a:visited{
	text-decoration:none;
	color:#990099;
	}
#keski02 a:active{
	text-decoration:underline;
	color:red;
	}
#keski02 a:hover{
	text-decoration:underline;
	color:#3366CC;
	}


/* JOS TEKSTIALUE KAHDESSA OSASSA - alkaa */

/* Tekstialue, vasenpalsta eli tekstit (vain index-sivussa) */
#keski02-1{
	width:340px;
	height:auto;
	position:absolute;
	margin-right:369px;
	text-align:justify;
	vertical-align:top;
	}
	
/* Pystyviiva palstojen välissä */
#keski02-viiva{
	height:85%;
	width: 10px;
	margin-left: 360px;
	margin-right: 340px;
	margin-top:65px;
	margin-bottom:40px;
	position:absolute;
	border-left:1px solid #4a71b0;					
	}

/* Tekstialue, oikeapalsta eli uutistekstit (vain index-sivussa) */
#keski02-2{
	width:340px;
	height:auto;
	position:absolute;
	float:right;
	margin-left:380px;
	text-align:justify;
	vertical-align:top;
	}
	
/* Iso uutiset otsikko */
#keski02-2 h1 {
	font-family:Lucida Sans, sans-serif;
	font-size:22px;
	font-weight:bold;							
	color:#FF0000;
	padding-bottom:10px;
	}

/* Uutistaulokon muotoilut --- HUOM: käyttää "table td" määrittelyjä (teksti yläreunasta alkaen, tasattu reunoista) kaikkiin "keski02-2" divin sisällä oleviin taulukoihin */
#keski02-2 table td{
	vertical-align:top;
	text-align:justify;
	}
.otsikot {										/* Päiväys, uutisotsikko*/
	font-size: 12px;
	font-weight:bold;
	}
.uutiset{										/* Päiväyksen alakommentti, uutisteksti */
	font-style:italic;
	}
tr.uutiset td{
	padding-bottom:20px;
	}


/* JOS TEKSTIALUE KAHDESSA OSASSA - loppuu */


/* Oikeanreunan grafiikka */
#keski03{
	height:532px;
	width:70px;
	background-image:url(images/keski-oikea.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-left:954px;
	position:absolute;
	}

/* Alareunan grafiikka */
#ala{
	height:64px;
	width:1024px;
	background-image:url(images/ala.jpg);
	background-repeat:no-repeat;
	}
	
	
/* "EXTRA": mahdolliset kuvat tekstin suhteen vasemmalle tai oikealle */

.kuva-vas{
	float:left;
	border:1px solid black;							/* kuvan ympärille 1px reunus */
	margin-right:10px;								/* tyhjää oikealle kuvasta */
	margin-bottom:5px;							/* tyhjää kuvan alapuolella */
	}

.kuva-oik{
	float:right;
	border:1px solid black;
	margin-left:10px;								/* tyhjää vasemmalle kuvasta */
	margin-bottom:5px;							/* tyhjää kuvan alapuolella */
	}