
	body {
		margin: 0px;
		
		background-image: url(img/bg_main.gif);
		background-repeat: repeat-x;
		background-color: white;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	table#kaikki {
		width: 944px; 
		
		margin-left: auto;
		margin-right: auto;
	}
	
	table#kaikki td { vertical-align: top; }
	
	td#keskiosa {
		width: 900px;
		padding: 0px;
		
		background-color: white;
		background-image: url(img/bg_taitto.gif);
	}

	div.tyhja { height: 1px; clear: both; }


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */


	div.reunus { width: 22px; height: 800px; background-repeat: no-repeat; }		
	td#oikea_reuna, td#vasen_reuna { width: 22px; padding: 0px; background-repeat: repeat-y; }
	
	td#vasen_reuna { background-image: url(img/border_bg_left.gif); }
	td#oikea_reuna { background-image: url(img/border_bg_right.gif); }
	
	#vasen_reuna div.reunus { background-image: url(img/border_top_left.jpg); }
	#oikea_reuna div.reunus { background-image: url(img/border_top_right.jpg); }


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */

	div#ylavalikko {
		height: 71px;
		
		background-color: white; 
	}
	
	div#intro {
		width: 900px;
		height: 176px;
		
		background-image: url(img/main_top.jpg);
		background-repeat: no-repeat;
	}
	
	div#infopalkki { height: 32px; }
	
	div#paivamaara { float: left; width: 198px; height: 32px; background-image: url(img/bg_paivays.gif); }
	div#polku { float: right; width: 702px; height: 32px; background-image: url(img/bg_brdcrmbs.jpg); }


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */

	
	div#valikko {
		float: left;
		position: relative;
		top: 0px; left: 0px;
		
		width:  195px;
	}
	
	#valikko ul {
		margin: 0px; padding: 0px;
	}
	
	#valikko ul ul {
		display: none;
		background-color: white;
		
		margin: 0px; padding: 0px;
	}
	
	* html ul ul {margin-left -4px;}
	
	#valikko li {
		margin:0px;
		padding: 5px 4px 5px 20px;
		
		list-style-type: none;
		
		border: solid 1px #DDDDDD;
		border-width: 0px 0px 1px 0px;
		
		font-size: 12px;
		color: black;
	}
	
	#valikko ul ul li {
		padding: 3px 3px 3px 30px;
		font-size: 11px;
	}
	
	#valikko li.aktiivinen { background-image: url(img/bg_lvl1_a.gif); }
	#valikko ul ul li.aktiivinen { background-image: none; font-weight: bold; }

	#valikko a:link, #valikko a:visited  {
		color: black;
		text-decoration: none;
	}
	
	#valikko li.aktiivinen a:link, #valikko li.aktiivinen a:visited { color: white; }

	#valikko li.suojattu { background-color: #1483b2; color: white; }
	#valikko li.suojattu a:link, #valikko li.suojattu a:visited { color: white; }

	div#login {
		background-image: url(img/bg_box_kirjaudu.gif);
		background-repeat: repeat-x;

		height: 160px;
		padding-left: 26px;

		color: #AAAAAA;
		font-size: 11px;
	}
	
	#login form { margin: 0px; }
	
	#login form input.kentta {
		width: 140px;
		
		margin-bottom: 7px;
		padding: 3px;
		
		font-size: 10px; 
		color: black;
		
		border: solid 1px #dddddd;
	}
	
	#login h2 {
		padding-top: 15px;
		margin: 0px 0px 8px 0px;
		
		color: #0096d7;
		
		font-size: 14px;
		font-weight: normal;
	}


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */

	
	div#oikea {
		float: right;
		width: 185px;
		height: 300px;
	}
	
	#oikea p {
		margin-top: 4px;
		padding-right: 15px;
		
		font-size: 11px;
		line-height: 15px;
	}
	
	#oikea h3 {
		font-size: 13px;
		margin-top: 15px; 
		margin-bottom: 0px;
	}
	
	#oikea h3 span.pvm { font-size: 11px; color: #AAAAAA; }


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */


	div#leipis {
		float: left;
		position: relative;
		top: 0px;
		left: 0px;
		
		width: 501px;
		padding-bottom: 120px;
	}
	
	#leipis div.sisempi {
		padding: 22px;
	}
	
	h1 {
		margin: 0px 0px 5px 0px;
		
		font-family: "Helvetica Neue Light", Arial, sans-serif;
		font-weight: normal;
		
		color: #0096d7;
		font-size: 26px;
		line-height: 29px;
	}

	span.esirivi, h1 span.uPvm {
		color: #999999;
		font-size: 16px;
		line-height: 22px;
	}
	
	h2 {
		margin-top: 20px;
		margin-bottom: 10px;

		color: #999999;
		font-size: 18px;
		font-family: "Helvetica Neue Light", Arial, sans-serif;
		font-weight: normal;
	}
	
	p,td {
		font-size: 12px;
		line-height: 16px;
	}

	a:link, a:visited {
		color: #0096d7;
		text-decoration: none;
	}
	
	a:hover { color: #DD0000; text-decoration: underline; }


	/* Galleria */
	
	div.gPeukalo { float: left; margin-right: 5px;  background-color: white; padding: 3px; border: solid 1px #CCCCCC; border-width: 0px 1px 1px 0px; }
	.gPeukalo a img { border: 0px; }
	p.gKansio { padding-bottom: 6px; margin-top: 14px; border: dashed 1px #DDDDDD; border-width: 0px 0px 1px 0px; line-height: 18px; color: #AAAAAA; }
	.gKansio a { font-size: 18px; }
	p.gPaluu { border: dashed 1px #DDDDDD; border-width: 1px 0px 0px 0px; margin-top: 20px; padding-top: 8px; }
	
	div.huomio {
		margin-top: 14px;
		padding: 8px;
		
		background-color: white;
		text-align: center;
		
		color: #888888;
		border: solid 1px #DDDDDD;
	}
	
	form.boksi {
		margin-top: 14px; 
		padding: 8px;
		background-color: white;
		border: solid 1px #DDDDDD;
	}
	
	form.boksi p { margin-top: 0px; }
	form.boksi strong { color: #0096d7; }
	/* form.boksi p.gToiminnot { text-align: right; border: solid 1px #0096d7; border-width: 1px 0px 0px 0px; padding-top: 4px; margin-top: 6px; margin-bottom: 0px;} */
	
	.huomio a.gLisaaomat { font-size: 18px; }

	div.uUutinen {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 20x;
		
		border: dashed 1px #DDDDDD; border-width: 0px 0px 1px 0px;
		
	}
	
	div.uKuva {
		border: 0px;
		float: right;
	
		margin-left: 8px;
		margin-bottom: 8px;
		padding-bottom: 20px;
		
		background-image: url(img/kuvavarjo.gif);
		background-repeat: repeat-x;
		background-position: bottom;
	}
	
	div.uKuva div.uSisempi { border: solid 1px #DDDDDD; border-width: 1px 1px 0px 1px; margin:0px; padding: 4px; padding-bottom: 4px; }
	.uKuva img { margin-bottom: 8px; }

	div.uTiivistelmat { clear: both; padding-bottom: 20px; margin-bottom: 20px;  border: dashed 1px #DDDDDD; border-width: 0px 0px 1px 0px; }
	
	div.uTiivistetty h2, div.uPienet h2 { color: #0096d7; } 
	div.uTiivistetty h2 span.uPvm, div.uPienet h2 span.uPvm { color: #999999; font-size: 14px; }
	div.uTiivistetty { float: left; width: 210px; }
	div.uTiivistetty p, div.uPienet p { font-size: 11px; color: #777777; }	
	div.uTiivistetty#uTiivistetty1 { margin-right: 33px; }

	div.uPienet h2 { font-size: 16px; margin-bottom: 0px; }
	div.uPienet p { margin-top: 5px; margin-bottom: 20px;  }

	div.bannerit { padding-top: 10px; }
	div.bannerit img { margin-bottom: 8px; }

	table.tapahtumat td strong { color: #0096d7; }
	table.tapahtumat { width: 440px; }
	table.tapahtumat td {
		vertical-align: top;
		padding-top: 10px;
		padding-bottom: 10px;
		border: dashed 1px #DDDDDD;
		border-width: 0px 0px 1px 0px;
	}

	table#jasenlista { width: 450px; }
	table#jasenlista td {
		border: dashed 1px #DDDDDD; border-width: 0px 0px 1px 0px; 
		padding-top: 4px;
		padding-bottom: 4px;
		vertical-align: middle;
	}
	#jasenlista td.status { width: 70px; text-align: right; color: #AAAAAA; }
	#jasenlista td.nimi { padding-left: 10px; }
	#jasenlista td.tiedot { witdh: 140px; }

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */

	body.mceContentBody {
		padding: 15px;
		margin: 0px;

		background-image: none;
		background-image: white;
	}
		
	.mceContentBody a:link { color: #0096d7; }
	