html {

}
div.corrector {
 height: 30px;
}
body {
    font-family: Arial, helvetica;
    text-align:center;
    background-color: #00accc;
}

#container {
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
   width: 50em;
   text-align: left;
   height: 590px;
   width: 790px;
}

#top_navigation {
  height: 40px;
  width: 793px;
  margin: 0px;
  margin-left: 0px;
}


img.mainiohelsinki {
 float:left;
 padding-right:5px;
border: 0;
}

#top_nav {
 float:left;
}

.mainpage {
   background-image: url('/resources/images/content_bg_luumu.png');
}

.subpage {
   background-image: url('/resources/images/content_subpage.png');
}

.themepage {
   background-image: url('/resources/images/content_themepage.png');
}


#bottom_navigation {
 height: 50px;
}

a {
   color: white;
}

div#kuplat {
  float:left;
  margin-left: 0;
  width: 352px;
  height: 268px;
}

a.ylalinkki_1 {
  display:block;
  background-image: url('/resources/images/ylalinkit/ylalinkki_1.png');
  background-repeat: no-repeat;
  float:right;
  height: 40px;
  width: 160px;
}

a.ylalinkki_1:hover {
  background-image: url('/resources/images/ylalinkit/ylalinkki_1_active.png');
}

a.ylalinkki_2 {
  display:block;
  background-image: url('/resources/images/ylalinkit/ylalinkki_2.png');
  background-repeat: no-repeat;
  float:right;
  height: 40px;
  width: 129px;
}

a.ylalinkki_2:hover {
  background-image: url('/resources/images/ylalinkit/ylalinkki_2_active.png');
}
a.ylalinkki_3 {
  display:block;
  background-image: url('/resources/images/ylalinkit/ylalinkki_3.png');
  background-repeat: no-repeat;
  float:right;
  height: 40px;
  width: 130px;
}

a.ylalinkki_3:hover {
  background-image: url('/resources/images/ylalinkit/ylalinkki_3_active.png');
}

a.ylalinkki_4 {
  display:block;
  background-image: url('/resources/images/ylalinkit/ylalinkki_4.png');
  background-repeat: no-repeat;
  float:right;
  height: 40px;
  width: 129px;
}

a.ylalinkki_4:hover {
  background-image: url('/resources/images/ylalinkit/ylalinkki_4_active.png');
}
a.ylalinkki_1_active {
  display:block;
  background-image: url('/resources/images/ylalinkit/ylalinkki_1_active.png');
  background-repeat: no-repeat;
  float:right;
  height: 40px;
  width: 159px;
}
a.ylalinkki_2_active {
  display:block;
  display:block;  background-image: url('/resources/images/ylalinkit/ylalinkki_2_active.png');
  background-repeat: no-repeat;
  float:right;
  height: 40px;
  width: 129px;
}
a.ylalinkki_3_active {
  display:block;
  background-image: url('/resources/images/ylalinkit/ylalinkki_3_active.png');
  background-repeat: no-repeat;
  float:right;
  height: 41px;
  width: 130px;
}
a.ylalinkki_4_active {
  display:block;
  background-image: url('/resources/images/ylalinkit/ylalinkki_4_active.png');
  background-repeat: no-repeat;
  float:right;
  height: 40px;
  width: 129px;
}
a.kupla_1 {
  display:block;
  background-image: url('/resources/images/kuplat/kupla_yla.png');
  background-repeat: no-repeat;
  width: 352px;
  height: 109px;
}

a.kupla_2 {
  display:block;
  background-image: url('/resources/images/kuplat/kupla_vasen.png');
   background-repeat: no-repeat;
  width: 158px;
  height: 88px;
float:left;
}

a.kupla_3 {
  display:block;
  background-image: url('/resources/images/kuplat/kupla_oikea.png');
  background-repeat: no-repeat;
  width: 194px;
  height: 90px;
float:left;
}

a.kupla_4 { 
  display:block;
  background-image: url('/resources/images/kuplat/kupla_ala.png');
  background-repeat: no-repeat;
  width: 352px;
  height: 68px;
}

a.kupla_1:hover {
  background-image: url('/resources/images/kuplat/kupla_yla_active.png');
}
a.kupla_2:hover {
  background-image: url('/resources/images/kuplat/kupla_vasen_active.png');
}  
a.kupla_3:hover {
  background-image: url('/resources/images/kuplat/kupla_oikea_active.png');
}
a.kupla_4:hover {
  background-image: url('/resources/images/kuplat/kupla_ala_active.png');
}

a.alalinkki_1 {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_1.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 115px;
}
a.alalinkki_1:hover {
  background-image: url('/resources/images/alalinkit/alalinkki_1_active.png');
}
a.alalinkki_2 {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_2.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 185px;
}
a.alalinkki_2:hover {
  background-image: url('/resources/images/alalinkit/alalinkki_2_active.png');
}
a.alalinkki_3 {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_3.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 115px;
}

a.alalinkki_3:hover {
  background-image: url('/resources/images/alalinkit/alalinkki_3_active.png');
}
a.alalinkki_4 {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_4.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 130px;
}

a.alalinkki_4:hover {
  background-image: url('/resources/images/alalinkit/alalinkki_4_active.png');
}
a.alalinkki_5 {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_5.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 145px;
}
a.alalinkki_5:hover {
  background-image: url('/resources/images/alalinkit/alalinkki_5_active.png');
}
a.alalinkki_6 {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_6.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 100px;
}

a.alalinkki_6:hover {
  background-image: url('/resources/images/alalinkit/alalinkki_6_active.png');
}
a.alalinkki_1_active  {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_1_active.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 115px;
}
a.alalinkki_2_active {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_2_active.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 185px;
}
a.alalinkki_3_active {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_3_active.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 115px;
}
a.alalinkki_4_active {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_4_active.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 130px;
}
a.alalinkki_5_active {
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_5_active.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 145px;
}
a.alalinkki_6_active {  
  display:block;
  background-image: url('/resources/images/alalinkit/alalinkki_6_active.png');
  background-repeat: no-repeat;
  float:left;
  height: 50px;
  width: 100px;
}

div#subpage_text {
  margin-left: 60px;
  margin-top: 30px; 
  overflow: auto;
  scrollbar-face-color: #00accc;
  scrollbar-highlight-color: #00accc;
  scrollbar-3dlight-color: #00accc;
  scrollbar-darkshadow-color: #00accc;
  scrollbar-shadow-color: #00accc;
  scrollbar-arrow-color: #00accc;
  scrollbar-track-color: #00accc; 
  width: 440px;
  height: 340px;
}

#content {
  margin-top: -1px;
  height: 460px;
  width: 790px;
}



a.mainiohelsinki_link {
 float:left;
}

span.optional {
   color: black;
   font-size: 10pt;
   line-height: 18pt;
}

/*
 LOGIN styles
*/

p.password_forgotten a {
   color: black;
}

form#sendPasswordForm a {
   color: black;
}