* { margin:0;
	padding:0;
	}

#container {
	width: 782px;
	position:relative;
	left:50%;
	margin-left:-391px;
	background:#FFFFFF;
	BORDER: #979089 1px solid;
	z-index:100;
}

#content {
	z-index:90;
}

body {
	background:#F5F5F5;
	padding: 0px;
	/*muuta margin-toppia, jos käytät containerissa borderia*/
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

a:link {color: #666666}
a:visited {color: #666666}
a:hover {color: #666666}
a:active {color: #666666}

A.storytext:LINK { FONT-WEIGHT: bold; COLOR: #666666; TEXT-DECORATION: none; }

a.footer_text:LINK { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #3d3d3d; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: none }
	
abbr, acronym { cursor: help; COLOR: #959595; TEXT-DECORATION: none; }

/*  ---- TAUSTAKUVAT alkaa ---- */

#bgLeftside { width:49%; position:absolute; top:0; left:0; height:306px; background:url(topLeft_bg.gif) repeat-x; z-index: 21; }

#bgRightside { width:49%; position:absolute; top:2px; right:0; height:353px; background:url(topRight_bg.gif) repeat-x; z-index: 22; }

/* ------ TAUSTAKUVAT loppuu -----*/

#headernav { clear: both; }
	
#headernav { 
	FONT-SIZE: 9px;
	color: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	/*LETTER-SPACING: -1px;*/
	/*width: 780px;*/
	height: 25px;
	/*text-align: right;*/
	padding-left: 15px;
	padding-right: 15px;
	background-color: white;
	/*LETTER-SPACING: 10px;*/
	}

.headernav_left A { FONT-SIZE: 9px; COLOR: #666666; TEXT-DECORATION: none; }

.headernav_right A { FONT-SIZE: 9px; COLOR: #666666; TEXT-DECORATION: none; }

.headernav_left IMG { 
    padding-left: 0px; 
    padding-right: 5px; 
  }
	
.headernav_right IMG { 
    padding-left: 15px; 
    padding-right: 0px; 
			vertical-align: middle;
  }
	
.headernav_left { 
    float: left; 
		vertical-align: middle;
  }
.headernav_right { 
    float: right; 
		vertical-align: middle;
  }
	
#main_menu { position:relative; width: 200px; height: 210px; left: 0px;	top: 0px; background-image: url(../kuvat/menu_bg.jpg); background-repeat: no-repeat; BORDER-BOTTOM: white 1px solid;}

#index_main_menu { position:relative; width: 200px; height: 210px; left: 0px; top: 116px; }

#pagepic { 
	background-color: white;
	BORDER-BOTTOM: white 1px solid;
	}

#pageheader { 
	background-color: #979089;
	BORDER-LEFT: white 1px solid;
	BORDER-RIGHT: white 1px solid;
	BORDER-BOTTOM: white 1px solid;
	}
	
.contentIMG{
	margin: 10px; 
}
	
.pageheader { 
	FONT-SIZE: 20px;
	COLOR: white;
	FONT-FAMILY: Verdana;
	left: 0px;
	padding-left: 10px;
	padding-top: 10px; 
	}
	
.pageheader_sub { 
	FONT-SIZE: 16px;
	COLOR: white;
	FONT-FAMILY: Verdana;
	padding-left: 20px;
	padding-top: 5px; 
	}
	
#main_content_header { 
	height: 30px;
	background-color: #eee;
	text-align: right;
	FONT-SIZE: 24px;
	FONT-FAMILY: Georgia, sans-serif;
	COLOR: #979089;
	padding-right: 10px;
	padding-top: 19px;
	}

#main_content_header_virtual { 
	height: 30px;
	background-color: #eee;
	text-align: left;
	FONT-SIZE: 12px;
	FONT-FAMILY: Georgia, sans-serif;
	COLOR: #979089;
	padding-right: 10px;
	padding-top: 10px;
	}
	
#footer { 
	BORDER-TOP: #DCDBDB 1px solid;
	background-color: #eee;
	}

.footer_text {
	background-color: #eee;
	/*height: 16px;*/
	padding: 0.5em;
	FONT-SIZE: 9px;
	color: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	LETTER-SPACING: -1px;
	TEXT-DECORATION: none;
	}
	
.footer_text A { FONT-SIZE: 9px; COLOR: #666666; TEXT-DECORATION: none; }
	
.footer_text_middle {
	background-color: #eee;
	text-align: center;
	padding: 0.5em;
	FONT-SIZE: 9px;
	color: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	}
.dropcap {
	FONT-SIZE: 40px; FLOAT: left; COLOR: #cccccc; LINE-HEIGHT: 32px; FONT: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.storytext {
	DISPLAY: block; FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY:  Verdana, Helvetica, sans-serif; TEXT-ALIGN: justify; padding: 0.5em; padding-right: 20px;
}

.story_header {
	DISPLAY: block; FONT-SIZE: 16px; COLOR: #979089; LINE-HEIGHT: 16px; FONT-FAMILY:  Verdana, Helvetica, sans-serif; TEXT-ALIGN: left; /*padding: 0.5em;*/	margin-bottom: 16px;
}

.date_header {
	DISPLAY: block; FONT-SIZE: 14px; COLOR: #979089; LINE-HEIGHT: 16px; FONT-FAMILY:  Verdana, Helvetica, sans-serif; TEXT-ALIGN: left; /*padding: 0.5em;*/	margin-bottom: 5px;
}

.leftsidetext {
	COLOR: #979089; LINE-HEIGHT: 12px; FONT: italic normal 13pt Georgia; padding: 0.5em; text-align: right; padding-right: 18px;
}
.lpfeaturetext {FONT: 10px/14px Verdana,"Times New Roman",Times, serif;	COLOR: #666666; padding: 0px; margin: 0px auto; }

.contentHeader { BORDER-RIGHT: #cccccc 1px dashed; BORDER-BOTTOM: #cccccc 1px dashed; background-color: #eee; }
	
TABLE #header_tbl TD { 
	background-color: white; }
	
TABLE #footer_tbl TD { 
	background-color: #eee; }
	
/* -------- PAGINATION -------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right;
font-size: 10px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
/*, .pagination a:visited*/
.pagination a{
padding: 0 5px;
border: 1px solid #979089;
text-decoration: none; 
color: #1C0D05;
}
/*, .pagination a:active*/
.pagination a:hover{
border: 1px solid #979089;
color: #000;
/*background-color: #998356;*/
background-color: #979089;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid #1C0D05;
/*background-color: #65544B;*/
background-color: #CBC6C2;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}

/*    Linkkikuvien feidaus alkaa  _______________________*/

.alpha img{
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity: 0.5;
-khtml-opacity:0.5;
}

.alpha:hover img{
filter:alpha(opacity=100);
opacity:1;
-moz-opacity: 1;
-khtml-opacity:1;
}

/*    Linkkikuvien feidaus loppuu ______________________*/

.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
.p-shadow {
  width: 90%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
  
.callout {
    font-size: 11px;
    color: #989089;
    border: 1px solid #ddd;
    background: #E8E8E8;
    padding: 8px 10px;
    margin-bottom: 16px; 
  }
p { 
    margin-bottom: 18px; 
}
  
#biopic {
    width: 90px;
  }
  
#biopic180 {
    width: 180px;
  }
  
 #biopic240 {
    width: 240px;
  }
  
.left { 
    float: left; 
    margin: 18px 18px 18px 0; 
  }
.right { 
    float: right; 
    margin: 18px 0px 18px 18px; 
  }
.kuvateksti {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 10px;
	TEXT-ALIGN: left;
	FLOAT: left;
	COLOR: #989089;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	margin-bottom: 16px;
    padding: 2px;
    background: #E8E8E8;
}

.reunus {
    border: 1px solid #ddd;
  }
  
.ytausta {
  background:#EEEEEE;
  padding-left: 15px;
  }
  
 .ytausta1 {
  background:#DBD8D8;
  padding-left: 15px;
  }
  
 .ingress {
	COLOR: #979089; LINE-HEIGHT: 12px; FONT: normal 13pt Georgia; padding: 0.5em; text-align: center; padding-right: 18px;
}