html { 
    height: 100%;
    margin-bottom: 1px;
}
body { 
/*	overflow-x:scroll; 
	overflow-y:scroll; */
	margin:0px;
	padding:0px; 
	background-color:#f5f5f2;
	word-wrap: break-word;
	width:100%; height:100%;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #79b3bf;
	font-weight: lighter;
	line-height: 1.5em;
}
.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.storyhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #79b3bf;
	font-weight: lighter;
	line-height: 1.5em;
	padding-bottom:20px;
}
.storydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	font-weight: lighter;
	line-height: 1.5em;
	text-decoration:none;
}
.storytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	border-bottom-style:dashed;
	border-bottom-color:#EEEEEE;
	padding-bottom:20px;
}

a {
	text-decoration: underline;
	color: #79b3bf;
	text-decoration:underline;
}

.leipa a {
	color: #79b3bf;
}

a:hover {
	text-decoration:underline;
	color: #88c2ce;
}
.leipa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
}

.huom, .style11 {
	color: #79b3bf;
	font-size: 12px;
	font-weight:bold;
}
.haku1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	border-top-style:dashed;
	border-top-width:thin;
}
.haku2 {
	background-color:#EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	border-top-style:dashed;
	border-top-width:thin;
}
.nosto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
}
.nosto a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.5em;
}
.nosto h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 1.5em;
}
#Table_01 {
	background-color:#FFFFFF; 
	text-align: left;
	position:relative;
}
/* array navigation */
#navigation_bar
    {
    color           : #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size       : 12px;
    width           : 197px;
	margin:0px;
	padding:0px;
    }
#menutext {
	word-wrap: break-word;
/*	overflow:hidden; */
/*	width:197px; */
/* 	height:30px; */
	margin-left:30px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-right:0px;
	padding-bottom:9px;
	padding-left:0px;
	padding-top:9px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
    font-weight     : bold;
}
#menutextitem {
	word-wrap: break-word;
/*	overflow:hidden;  */
/*	width:197px; */
/*	height:30px; */
	margin-left:55px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:0px;
	padding-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
    font-weight     : bold;
	color			: #79b3bf;
}
#menutextcurrent {
	word-wrap: break-word;
/*	overflow:hidden; */
/*	width:197px; */
/*	height:30px; */
	margin-left:55px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:0px;
	padding-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 		11px;
	font-weight		: bold;
	color			: #4d727a;
}
#menu
    {
	margin-top	:0px;
	margin-right : 0px;
    margin-bottom   : 0px;
    margin-left   : 0px;
    padding-top     : 0px;
	padding-left   : 0px;
	padding-right	: 0px;
	padding-bottom: 0px;
	width			:197px;
/*	height			: 30px; */
    cursor          : pointer;
	background-image:url(/inc/images/navi1_oppi.jpg);
	background-repeat:no-repeat;
    }
#menu a
    {
    color           : #666666;
    text-decoration : none;
    }
/*	
#menu a:hover
    {
    color           : #000000;
	background:inherit;
    cursor          : pointer;
    }
IE7 Background disappear bug */
#item
    {
    margin-left     : 0px;
    margin-bottom   : 0px;
	margin-top		: 0px;
	margin-right	: 0px;
    padding-top     : 0px;
    padding-left    : 0px;
	padding-bottom	: 0px;
	padding-right 	: 0px;
    width           : 197px;
/*	height			: 30px; */
    cursor          : pointer;
	background-image:url(/inc/images/navi2_oppi.jpg);
	background-repeat:no-repeat;
    }
#item a
    {
	color			: #79b3bf;
    text-decoration : none;
    }
/*	
#item a:hover
    {
    color           : #000000;
	background:inherit;
    cursor          : pointer;
    }
IE7 Background disappear bug */   
#current_item
    {

    margin-left     : 0px;
    margin-bottom   : 0px;
	margin-right	: 0px;
	margin-top		: 0px;
    padding-top     : 0px;
    padding-left    : 0px;
	padding-bottom 	: 0px;
	padding-right   : 0px;
    width           : 197px;
/*	height			: 30px; */
	background-repeat:no-repeat;
    cursor          : pointer;
	background-image:url(/inc/images/navi2_oppi.jpg);
    }
/* array navigation */	

#sliderContainer { width: 889px; height:230px; margin:0; padding:0; position:relative; border:none;ba }
img, a { border: none; }
#left { width:43px; height:230px; background:url(images/slider/ilo-oppia-43x230.png) no-repeat left top; float:left; }
#right { width:532px; height:230px; float:left;}
#slider { width:314px; height:230px; position:relative; margin:0 auto; float:left; background:url(images/slider/loading.gif) no-repeat 50% 50%; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a { border:0; display:block; }