* {
margin: 0px;
padding: 0px;
}

a {
text-decoration: none;
border: none;
}

a:hover {
text-decoration: none;
}

a img {
border: none;
}


body {
font-family: arial;
font-size:80%;
background: url("../taustakuvat/tausta.jpg") fixed center top;background-repeat: no-repeat;/*background-color: #efefef;
background-image: url('../layout_images/background.png');
background-color: #edebea;
background-repeat: repeat-x;
*/
margin-left:auto;
margin-right:auto;

}

p.centering {
text-align: left;
}

#shadow {

width: 690px;
margin: auto;
}


#footer {
background-image: url('../layout_images/index_10.png');
background-repeat: no-repeat;
background-position: bottom left;
height: 38px;
width: 663px;
margin-left:auto;
margin-right:auto;

}

#footer p {
font-size: 13px;
padding-top: 2px;
text-align: center;
color: #8E8D8D;
}



#page {
background-image: url('../layout_images/index_09.png');
background-repeat: repeat-y;

width: 663px;
margin:auto;
}

#top_navi {
float: right;
padding: 0px 25px 0px 10px;
}

#top_navi a {
}

#header {
padding:0px;
}

#header #head_panel {
background-image: url('../layout_images/header_back.png');
background-color: white;
background-repeat: repeat-x;
background-position: left top;
}

#header #head_banner {
height: 195px;
background-repeat: no-repeat;
text-align: center;
width:663px;

}

#header h1 {
font-weight: normal;
padding: 8px 4px 6px 4px;
color: black;
}

#header .logo{
padding: 0px;
margin: 0px;
border: 0px;
}

#header h1 a{
color: black;
text-decoration: none;
}

#first_navi {
background-image: url('../layout_images/ylalinks.png');
height:36px;
width:663px;
margin-right: -20px;
}

#first_navi2 {
background-image: url('../layout_images/ylalinks2.png');
padding-top: 10px;
height:26px;
width:663px;
text-align:center;
color:white;

}
#first_navi2 a {
font-size:13px;
color:white;
text-align:center;
padding: 10px 10px 10px 10px;

}

#first_navi2 a.cur {
color: white;
}


#first_navi p.datetime{
color: white;
float: right;
font-size: 14px;
padding: 0px 10px 0px 5px;
margin: 0px;
}

#first_navi a {
font-size:13px;
color:white;
text-align:center;
float:right;
padding-top:8px;
padding-right:10px;
margin-right:20px;
}

#first_navi a.cur {
color: white;
float:right;
text-align:right;

}

#content-frame {
width:620px;
padding-left:30px;
padding-top:5px;
padding-bottom:5px;
}


#content-left {
float: left;
width: 30%;
}

#content-left img {
margin: 3px;
}

#content_border {
position: absolute; top: 0px; bottom: 0px; left: 230px; width: 1px; background: #000;
}


#content-left .left_box {
background-color: #ffffff;
background-image: url('../layout_images/navi_back.png');
background-repeat: repeat-x;
background-position: left bottom;
min-height: 30px; 
text-align: left;
}

#content-left ul {
list-style: none;
list-style-type: none;
padding: 3px 3px 3px 5px;
}

#content-left ul li a {
color: black;
}

#content-left ul li.link_1 {
list-style: none;
list-style-type: none;
background-image: url('../layout_images/pallura.gif');
background-repeat: no-repeat;
background-position: left;
padding: 3px 3px 3px 20px;
margin: 0px 0px 0px 3px;
font-weight: bold;
}

#content-left ul li.link_2 {
list-style: none;
list-style-type: none;
background-image: url('../layout_images/link_level2.gif');
background-repeat: no-repeat;
background-position: left;
padding: 3px 3px 3px 20px;
margin: 0px 0px 0px 8px;
font-weight: bold;
}

#content-left ul li.select_link_2 {
list-style: none;
list-style-type: none;
background-image: url('../layout_images/link_level2_select.gif');
background-repeat: no-repeat;
background-position: left;
padding: 3px 3px 3px 20px;
margin: 0px 0px 0px 8px;
font-weight: bold;
}

#content-left ul li.select_link_1 {
list-style: none;
list-style-type: none;
background-image: url('../layout_images/pallura_green.gif');
background-repeat: no-repeat;
background-position: left;
padding: 3px 3px 3px 20px;
margin: 0px 0px 0px 3px;
font-weight: bold;
}

/*
#content-left ul li.link_1:hover {
list-style: none;
list-style-type: none;
background-image: url('../layout_images/pallura_green.gif');
background-repeat: no-repeat;
background-position: left;
padding: 3px 3px 3px 20px;
margin: 0px 0px 0px 3px;
font-weight: bold;
}

#content-left ul li.select_link_1:hover {
list-style: none;
list-style-type: none;
background-image: url('../layout_images/pallura_green.gif');
background-repeat: no-repeat;
background-position: left;
padding: 3px 3px 3px 20px;
margin: 0px 0px 0px 3px;
font-weight: bold;
}

#content-left ul li.link_2:hover {
list-style: none;
list-style-type: none;
background-image: url('../layout_images/link_level2.gif');
background-repeat: no-repeat;
background-position: left;
padding: 3px 3px 3px 20px;
margin: 0px 0px 0px 8px;
font-weight: bold;
}
*/

#content {
background-color: #ffffff;
background-image: url('../layout_images/content_back.png');
background-repeat: repeat-x;
background-position: left top;
margin-left: 200px;
padding: 10px 17px 10px 17px;
border-left: 1px solid black;
min-height:360px;
width:55%;
}

#content h1 {
font-size: 25px;
color: #F79D00;
padding: 5px 0px 2px 0px;
}

#content h2 {
font-size: 22px;
color: #F79D00;
padding: 5px 0px 2px 0px;
}

#content h3 {
font-size: 18px;
color: #000;
padding: 5px 0px 2px 0px;
}

#content h4 {
font-weight: bold;
font-size: 16px;
color: black;
padding: 5px 0px 2px 0px;
}

#content .normaali{
font-weight: normal;
}

#content .iso{
font-variant: small-caps;
letter-spacing: 0.1ex;
}

#content .kursivoitu{
font-style: italic;
}

#content p {
padding: 6px 0px 8px 0px;
}

#content ol {
padding: 3px 0px 3px 30px;
}

#content ul {
padding: 3px 0px 3px 25px;
}

#content li {
padding: 2px 0px 3px 0px;
}


.clr {
clear: both;
}