body {background: #DDDDDD url(kuvat/taustakuva.jpg) repeat-x; margin:0px; padding:0px; width: 100%; height: 100%;}

img {  }

ul.lista { list-style: none; margin: 0px; }
li.lista { padding-left: 15px; background-image: url(kuvat/li.gif); background-repeat: no-repeat; background-position: 0 .5em; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; }


h1 { margin: 6px; COLOR: #FFFFFF; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 22pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h2 { margin: 0px; COLOR: #A1A1A1; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 20pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h3 { margin: 0px; COLOR: #A1A1A1; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 11pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; }
 

.alaviiva {
border-bottom: 3px solid #6B7E2F;
}



#content ul { list-style: none; margin: 0px; }
#content li { padding-left: 10px; background-image: url(kuvat/li.gif); background-repeat: no-repeat; background-position: 0 .5em; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; }


P { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

.valkoinen { margin:0; padding: 0; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

.kuva { margin: 0; padding: 0px; }

.pieni           { margin: 0px; margin-top: 2px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

.copy           { margin: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

.navigointi           { margin: 0px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


A:link, A:visited, A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

A:hover             { COLOR: #7A0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


A.valkoinen:link, A.valkoinen:visited, A.valkoinen:active  { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

A.valkoinen:hover             { COLOR: #EFEEFE; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }



A.copy:link     { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }

A.copy:visited  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }

A.copy:hover    { COLOR: #7A0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }

A.copy:active   { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }


A.navigointi:link     { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navigointi:visited  { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navigointi:hover    { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navigointi:active   { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }

A.navig:link     { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navig:visited  { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navig:hover    { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navig:active   { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }




		#yla {


		width: 780px;
		height: 71px;
		background-color: ;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		padding: 0px;
		align: center;
		}





		#ylakuva {


		width: 780px;
		height: 166px;
		background: #ffffff url(kuvat/ylakuva.jpg) no-repeat;
		margin: 0px;
		padding: 0px;
		align: center;
		}





	.yla1 {
			width: 300px; 
			margin: 0px;
			padding: 0px;
		}



	.yla2 {
			width: 480px; 
			margin: 0px;
			padding: 0px;
		}

 

	.yla3 {
			width: 400px ; 
			height: 169px;
			margin: 0;
			padding: 0;
 
		}




	.yla4 {
			width: 350px ; 
			margin: 0;
			padding: 40px 20px 20px 20px;
 
		}

	.yla4 img { border: 0;} 

		#ylapalkki {
			width: 765px;
			margin: 0px;
			padding: 5px;
			padding-left: 10px;
			background: #2D4960 url( ) no-repeat;
			clear: both;

			
		}

 

		#alapalkki {
			width: 780px;
			height: 20px;
			margin-top; 0px;
			margin: 0px;
			padding: 0px;
			background: #2D4960 url( ) no-repeat;
			clear: both;

			
		}


 


		#container {
		width: 780px;			
		background: #ffffff url(kuvat/sivutausta.jpg) bottom no-repeat;
		border-color: #000000;
		border-width: 1px;
		border-top: 0px;
		border-style: solid;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		padding: 0px;
		align: center;
		}


		.otsakuutio {
		padding: 3px;
		width: 195px;
		background-color: #FB7B2A;
		}


		.kuutio {
		padding: 3px;
		width: 195px;
		background-color: #657989;
		}


		


		.otsapuna {
		padding: 3px;
		width: 95%;
		background-color: #FB7B2A;
		}


		.puna {
		padding: 3px;
		width: 95%;
		background-color: #EDC6AD;
		}



 

		#content {
			width: 540px;
			float: left;
			margin-left: 10px;
			margin-right: 4px;
			margin-top: 5px;
			margin-bottom: 5px;
			padding: 0px;
			background-color:  ;
	
		}






		#sidebar-b {
			width: 195px;
			float: right;
			margin-left: 5px;
			margin-right: 5px;
			margin-top: 5px;
			margin-bottom: 5px;
			padding: 0px;
			background-color: #;
		}



 



		#alakehys {
		width: 780px;
		margin: 0px;
		margin-top: 5px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		}

		#footer {
		
		width: 780px;
		margin: 0px;
		padding: 0px;
		}



		 #navcontainer
		{
		
			margin-left: auto;
			margin-right: auto;
		}


		 #navlist ul

		{
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
		}

		#navlist li
		{
		display: inline;
		list-style-type: none;
		}

		#navlist a { padding: 3px 15px; }

		#navlist a:link, #navlist a:visited
		{
		color: #ffffff;
		background-color: #5F92BE;
		text-decoration: none;
		}

		#navlist a:hover
		{
		color: #ffffff;
		background-color: #1A609C;
		text-decoration: none;
		}


		#navlist a.valittu:link, #navlist a.valittu:visited
		{
		color: #ffffff;
		background-color: #1A609C;
		text-decoration: none;
		}

		#navlist a.valittu:hover
		{
		color: #ffffff;
		background-color: #1A609C;
		text-decoration: none;
		}



