@import url("non-ie.css") screen,projection;

body { margin: 8px; padding: 0; }

/* Sivun otsikko = kuvat & otsikkoteksti */
#otsikko, #alakuva {
	width: 660px;
	margin: 0 auto;
	text-align: center;
}

ul {
	margin: 4px;
	padding: 0;
	list-style-image: url("../img/nappi-v.gif");
	list-style-position: inside;
}


li { 
	font-family: Tahoma, Arial, Times;
	font-size: 14px;
	margin: 2px; 
}

/* Hide from IE-Mac \*/
li {
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
/* End hide */

#otsikko h1 {
	font-family: Tahoma, Arial, Times;
	font-size: 16px;
}

/* Linkit aihealueittain */
#aihealueet {
	width: 660px;
	margin: 0 auto;
	text-align: left;
}


#aihealueet h2, #alakuva h2 {
	font-family: Verdana;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	margin: 0; padding: 0;
}

#aihealueet h2 { 
	width: 330px;
	background: url("../img/soikio.gif") repeat-y center center;
}

#alakuva h2 { 
	width: 660px;
	background: url("../img/soikio2.gif") repeat-y center center;
}

#aihealueet > div {
	width: 335px;
}

#aihealueet h2 a { color: white; }
#aihealueet h2 a:visited { color: white; }


/* Linkkien vasen sarake */

.aiheet_vasen {
	float: left;
}

/* Linkkien oikea sarake */

.aiheet_oikea {
	position: absolute;
}

#alarivi, #alakuva {
	clear: left;
}