/* CSS Document */
.mainContainer{/*perussivun pohjataustakuva*/
  min-height:336px;
  }

#pageContents{padding-top:50px;}

/*left col*/
#basic_leftCol{
  position:relative;
  float:left;
  width:631px;
  min-height: 400px;
  padding-left:10px;
  display:block;
  background-color:#fff;
  }
#basic_leftCol h1{
  font-size:22px;
  margin:10px 0px 10px 0;
}
#basic_leftCol h2 {
  font-size:18px;
  margin:10px 0px 10px 0;
}
#basic_leftCol h3{
  font-size:16px;
  margin:10px 0px 10px 0;
}
#basic_leftCol ul,
#basic_leftCol ol {
  list-style-position: outside;
  list-style-type: disc;
}
.basic_textimg{position:relative;float:right;margin:6px 0px 6px 6px;}

/*right col*/
#basic_rightCol{
  position:relative;
  float:left;
  width:300px;
  padding-left:10px;
  display:block;
  background-color:#fff;
  }
a.backLink{
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  color:#000;
  display:block;
  margin-bottom: 20px;
  }
a.backLink:hover{text-decoration:underline;}
a.backLinkBrownBar{
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  color:#000;
  display:block;
  margin-bottom: 0;
  }
a.backLinkBrownBar:hover{text-decoration:underline;}

.subNavi{
  width:286px;
  position:relative;
  float:left;
  margin:-100px 0px 10px 0px;
  }
.subNavi_right{
  float:left;
  width:286px;
  background:url(../images/subnavi_right.png) no-repeat top right;
  overflow:hidden;
  position:relative;
}
.subNavi_center {
  float:left;
  width:286px;
  position:relative;
  right:32px;
}
.subNavi_left {
  float:left;
  width:286px;
  background:url(../images/subnavi_left.png) no-repeat top right;
  position:relative;
  right:242px;
}
.subNavi_contents{
  float:left;
  width:259px;
  position:relative;
  left:286px;
  display:block;
  padding-top:9px;
}
.subNavi_links{
  width:259px;
  background:url(../images/subnavi_center_2.gif) no-repeat top left;
  position:relative;
  padding:18px 0px 0px 0px;
  margin:0px;
  }
.subNavi_contents img{
  display:block;float:none;
  width:259px;
  height:95px;
  }
.subNavi_bottom{position:relative;float:left;}
.subNavi_bottom img{
  float:none;
  display:block;
  width:286px;
  height:37px;
  }

/*
#subnavi_top{float:none;display:block;margin-top:-100px;position:relative;}
#subnavi{
  background: url(../images/basic_subnavi_box.gif) no-repeat;
  height:117px;
  width:288px;
  display:block;
  padding-top:5px;
  }*/
.subNavi_contents a{
  background:none;
  height:17px;
  display:block;
  padding:3px 0px 3px 10px;
  width:240px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  }
.subNavi_contents a.sublink{
  padding:3px 0px 3px 25px;
  width:225px;
}
.subNavi_contents a:hover{
  /* background: url(../images/tutti_hl_blue.gif) no-repeat; */
  color:#018dc7;
  margin-left:0px;
  }
.subNavi_contents a.active{
  background: url(../images/tutti_hl_blue.gif) no-repeat left 3px;
  color:#018dc7;
  padding-left: 25px;
  width:225px;
}
.subNavi_contents a.subactive{
  background: url(../images/tutti_hl_blue.gif) no-repeat 15px 3px;
  color:#018dc7;
  padding-left: 40px;
  width: 210px;
}
.subNavi_contents span{
  display:block;
  position:relative;
  float:left;
  height:17px;
  line-height: 17px;
  overflow:hidden;;
  /* background: url(../images/subarr_black.gif) no-repeat right 6px; */
  cursor:pointer;
  padding-right:10px;
  margin-left:0px;
  }
.subNavi_contents span:hover{
  /* background: url(../images/arr_small_blue-blue.gif) no-repeat right 6px; */
  }
.subNavi_contents a.active span, .subNavi_contents a.subactive span {
  /* background: url(../images/arr_small_blue-blue.gif) no-repeat right 6px; */
  }
.subhr{
  background:none;
  display:block;
  width:240px;
  text-align:left;
  margin:0px;
  margin-left:10px!important;
  border: none 0;
  border-top: 1px dotted #a6c4e5;
  height: 1px;
  font-size: 1px;
  }

#basic_klubibox{
  font-size:1.1em;
  background: url(../images/basic_klubibox.gif) no-repeat;
  width:287px;
  height:246px;
  display:block;
  padding:10px 5px 0px 10px; 
  }
#basic_klubibox h3{margin:4px 0px 0px 10px;font-size:1.2em;}
#basic_klubibox p{margin:4px 0px 0px 10px;width:240px;}
#basic_klubibox a{
  font-size:1.1em;
  background: url(../images/arr_brown.gif) no-repeat 198px 53px;
  display:block;
  padding:30px 0px 0px 150px;
  width:60px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  }
#basic_tapahtumat{
  background: url(../images/basic_tapahtumabox.gif) no-repeat;
  width:289px;
  height:186px;
  display:block;
  padding:10px 5px 0px 10px;
  }
#basic_tapahtumat h3{margin:4px 0px 0px 10px;font-size:1.2em;}
#basic_tapahtumat p{margin:10px 0px 10px 10px;width:240px;}
#basic_tapahtumat a{
  font-size:1.2em;
  background: url(../images/arr_pink.gif) no-repeat right 4px;
  display:block;
  padding:0px 0px 0px 10px;
  width:76px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  }
#basic_uutiset{
  background: url(../images/basic_newsbox.gif) no-repeat;
  width:289px;
  height:186px;
  display:block;
  padding:10px 5px 0px 10px;
  }
#basic_uutiset h3{margin:4px 0px 0px 10px;font-size:1.2em;}
#basic_uutiset p{margin:10px 0px 10px 10px;width:240px;}
#basic_uutiset a{
  font-size:1.2em;
  background: url(../images/arr_green.gif) no-repeat right 4px;
  display:block;
  padding:0px 0px 0px 10px;
  width:76px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  }