body {
	background-color: #FFFFB2;
	margin: 0px;
	padding: 12px;
	background-image: url(begi.png);
	font-family: Arial, Helvetica, sans-serif;
}







table,img {



	border-width:0px;



}







img.layout {



	display:block;



}







.centered {



	margin-left:auto;



	margin-right:auto;



	text-align:left;



}







.photoDescription,.slideshowDescription,.footer,.navigation,.subalbumDescription,.albumDescription {



	font-family:'Lucida Grande',Verdana,Helvetica,sans-serif;



	color:#606060;



}







.albumTitle,.subalbumTitle,.subalbumLink,.slideshowTitle {
	font-family: Candara;
	color: #505050;
}







.albumTitle {
	font-size: xx-large;
	font-weight: bold;
	color: #FFFFAC;
	font-family: "Rockwell Extra Bold";
}







.albumDescription {



	font-size:14px;



	color:#FFFFFF;



}







.photoDescription {



	font-size:11px;



}







.subalbumTitle {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	font-family: Vivaldi;
	color: #BB9A71;
}







.subalbumDescription {



	font-size:12px;



	text-align:center;



}







.slides {



	font-size:12px;



	text-align:center;



}







.navigation {



	font-size:12px;



}







.footer {

	font-size: smaller;

	text-align: center;

	color: #909090;

}







.subalbumLink {



	font-size:15px;



	font-weight:bold;



}







a:link,a:visited,a:active {
	text-decoration: underline;
	color: #5A5A5A;
}







a:hover {



	text-decoration:none;



	color:#A0A0A0;



}

.floatleft

{

	float: left;

	width: 260px;

	margin: 0 3 10px 0px;

}

 #container

{

	width: 90%;

	margin: 10px auto;

	background-color: #fff;

	color: #333;

	border: 0px solid gray;

	line-height: 130%;

}



#top

{
	padding: .5em;
	background-color: transparent;
	border-bottom: 1px solid gray;
	background-image: url(tausta2.jpg);
}



#top h1

{
	padding: 0;
	margin: 0;
	background-image: url(hover1.gif);
}

#top h2

{
	padding: 0;
	margin: 0;
	background-image: url(begi.png);
	background-color: #EEE8AA;
}

#leftnav

{

	float: left;

	width: 160px; /*vasemmanpuolen kirjoituksen leveys*/

	margin: 0;

	padding: 1em;

}

#leftnav200

{

	float: left;

	width: 200px; /*vasemmanpuolen kirjoituksen leveys*/

	margin: 0;

	padding: 1em;

}

#leftnav300

{

	float: left;

	width: 300px; /*vasemmanpuolen kirjoituksen leveys*/

	margin: 0;

	padding: 1em;

}

#leftnav400

{

	float: left;

	width: 400px; /*vasemmanpuolen kirjoituksen leveys*/

	margin: 0;

	padding: 1em;

}

#leftnav600

{

	float: left;

	width: 600px; /*vasemmanpuolen kirjoituksen leveys*/

	margin: 0;

	padding: 1em;

}

#rightnav

{

	float: right;

	width: 160px; /*oikeanpuolen kirjoituksen leveys*/

	margin: 0;

	padding: 1em;

}



#content

{

	margin-left: 200px;

	border-left: 0px solid gray;

	margin-right: 200px;

	border-right: 0px solid gray;

	padding: 1em;

}

 #navcontainer { margin-left: 2px; } /*nappuloiden marginaali vasemmasta reunasta*/



#navcontainer ul

{

margin: 0;

padding: 0;

list-style-type: none;

font-family:  arial, Helvetica, sans-serif;

}



#navcontainer li { margin: 0; }



#navcontainer a

{

display: block;

padding: 5px 10px;

width: 140px;

color: #000;

background-color: #aDC1AD;

text-decoration: none;

border-top: 1px solid #fff;

border-left: 1px solid #fff;

border-bottom: 1px solid #333;

border-right: 1px solid #333;

font-weight: bold;

font-size: .7em;

background-image: url(images/vertical06.jpg);

background-repeat: no-repeat;

background-position: 0 0;

}



#navcontainer a:hover

{

color: #000;

background-color: #889E88;

text-decoration: none;

border-top: 1px solid #333;

border-left: 1px solid #333;

border-bottom: 1px solid #fff;

border-right: 1px solid #fff;

background-image: url(images/vertical06a.jpg);

background-repeat: no-repeat;

background-position: 0 0;

}



#navcontainer ul ul li { margin: 0; }



#navcontainer ul ul a

{

display: block;

padding: 5px 5px 5px 20px;

width: 130px; /*oli alkuperäisenä 140 px*/

color: #000;

background-color: #C5D8C5;

text-decoration: none;

font-weight: normal;

}



#navcontainer ul ul a:hover

{

color: #000;

background-color: #889E88;

text-decoration: none;

}

#para1
{
	text-align: center;
	color: red;
	font-size: large;
	font-style: italic;
} 

.vasen {

	float: left;

	margin-top: 1em;

	margin-left: 0em;

	margin-right: 1em;

	margin-bottom: 0.5em;

	background-color: White;

}

.vasen191 {
	float: left;
	margin-top: 1em;
	margin-left: 1.91cm;
	margin-right: 1em;
	margin-bottom: 0.5em;
	background-color: #D3D3D3;
	padding-left: 50px;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	width: 700px;
}



.oikealle {
	float: right;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	background-color: White;
	border-left: #80623D;
	border-left-color: #FF4500;
}





p.clear-left {





clear: left;





}

 .tieto    { font-size: 13px;

              text-align: left;

              margin-left: 25px; 

				  }

			.punainen{
	font-family: Times New Roman,Verdana,Tahoma,Arial,sans-serif;
	color: #FF4242;
	font-size: large;
}
			.huom{
	color: #79CC00;
	font-weight: bold;
	 
}
			.isopunainen{
	font-family: Times New Roman,Verdana,Tahoma,Arial,sans-serif;
	color: #FF4242;
	font-weight: bold;
	font-size: x-large;
}
				  

.reunat {border:1px solid black;width:500px;padding:5px;background-color:#F4F4F4;}

.otsikko 

{
	font-family: Times New Roman;
	font-size: xx-large;
	color: #114AB0;
}

.pikkuotsikko 

{
	font-family: Times New Roman;
	font-size: large;
	color: #114AB0;
}

blockquote {
	background-color: #FF9F8E;
	font-family: 'Comic Sans';
	font-size: large;
}