span.murupolku {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
color: #8b9496;

}

h1.brand {
font-family: arial, sans-serif;
float: right;
color: white;
margin-top: 105px;
margin-right: 45px;
font-size: 20px;


}

a.topics {
text-decoration: none;
font-size: 10px;
color: #000000;
}

a.topics:hover {
text-decoration: underline;
}


p.newsInfo
{
margin-top: 10px;
color: #000000;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 10px;
margin-left: 25px;

}

tr {
 border-width: 0px;
}

td {
 border-width: 0px;
}

div.kale {
float: left;
width: 100%;
}

#navi  {
color: #ffffff;
font-family: verdana;
font-size: 9px;
text-decoration: none;


}

#navi a {
vertical-align: bottom;
 color: white;
   font-family: arial;
   font-weight: bold;
   text-decoration: none;

}


#navi  span.links {
position: absolute;
margin-top: 18px;
margin-left: 20px;
vertical-align: bottom;

}



#greeting {
 font-family: arial;
 position: relative;
 margin-left: 300px;
 font-size: 11px;

 
}

#info {
 font-family: arial;
 position: relative;
 font-size: 11px;
 margin-left: 30px;
 line-height: 1.5;

 
}

#infotable th{
 font-family: arial;
 position: relative;

 font-size: 11px;
 line-height: 1.5;
 text-align: left;
color: #1f1c50;
 letter-spacing: 1.5px;
 font-weight: bold;

 
}

#infotable table{
 font-family: arial;

 font-size: 11px;
 color: grey;
 width: 95%;
 
 }
 
 #infotable td {
 font-family: arial;

 font-size: 11px;
 color: #585454;
 padding: 5px;


 
}
 #infotable tr {
 font-family: arial;
 border-style: solid;
 border-bottom-width: 3px;
 border-color: #ce5d11;
 font-size: 11px;
 color: #585454;

}
p.header {
color: white;

}

a.muru {
 color: #8b9496;
}
a.muru:hover {
 color: #8b9496;
}
a.muru:active {
 color: #8b9496;
}
a.muru:visited {
 color: #8b9496;
}

p.infoTitle {
 color: #1f1c50;
 letter-spacing: 1.5px;
 font-weight: bold;

}

p.greetingTitle {
 color: #1f1c50;
 letter-spacing: 1.5px;
 font-weight: bold;

}


span.smallPictureTitle {
 font-family: arial;
 font-size: 11px;
 color: #1f1c50;
 letter-spacing: 1.5px;
 font-weight: bold;

}

p.greetingBody {
  color: #3b3a41;
}

p.infoBody {
  color: #3b3a41;
  margin-left: 200px;
}

html {
height: 100%;
}


body {
background-color: #bbc7d5;
margin: 0px;
color: #000000;
font-family: verdana;
font-size: 10px;
height: 100%;
background-image: url(../kuvat/body_bg2.jpg);
background-position: top left;
background-repeat: repeat-y;
}


div.main {

border-width: 0px;
border-collapse: collapse;
width: 799px;
height: 101%;
background-color: #ffffff;
padding: 0px;
margin: 0px;

}

h1.contentTitle {
margin-top: 10px;
color: #000000;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 14px;
margin-top: 15px;
margin-left: 25px;

}

h2.subContentTitle {
color: #000000;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
margin-top: 15px;
margin-left: 30px;
}

ul.content {
margin-top: 10px;
margin-left: 30px;
margin-right: 20px;
text-align: left;
color: #3f4041;
font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height: 1.5;
width: 85%;

}

p.contents{
width: 85%;
margin-top: 2px;
margin-left: 25px;
margin-right: 10px;
text-align: left;
color: #3f4041;
font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height: 1.5;

}

#tableTitle {
font-weight: bold;
}

table.kalenteri {
margin-top: 10px;
margin-left: 5px;
border-width: 0px;
border-color: #6f89cb;




}

tr.tapahtumaRivi {

border-width: 0px;
border-color: #6f89cb;
width: 100%;
padding: 0px;
margin: 0px;


}

img.sivuKuva {
float: right;
padding: 10px;
padding-left: 20px;
}

div.topTable {
border-collapse: collapse;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
background-color: #97a9bd;

}

div.sub {
background-color: #d5dce4;
border-width: 0px;
border-collapse: collapse;
border-width: 0px;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}

script.jscript {
text-align: right;
margin-right: 10px;
}

div.firstRow {
background-image: url(../kuvat/brandays_tuli_logo.jpg);
border-collapse: collapse;
height: 197px;
margin: 0px;
padding: 0px;
text-align: left;
background-color: #97a9bd;

}

img.brand {
/* background-image: url(../kuvat/brandays_iso_bg.jpg); */
}

div.naviRow {
background-image: url(../kuvat/navirow_bg.jpg);
border-collapse: collapse;
background-color: #656364;
height: 46px;
margin: 0px;
padding: 0px;

}

div.thirdRow {
border-collapse: collapse;
width: 100%;
height: 101%;

background-color: #ffffff;
margin: 0px;
padding: 0px;
}

div.greetingDiv {
 padding: 10px;
 border-style: solid;
 border-width: 0px;
 border-color: #9dadbf;
 background-color: #ffffff;

}

div.newsDiv {
margin: 0px;
margin-left: 6px;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 2px;
border-style: solid;
width: 97%;
border-width: 2px;
border-color: #9dadbf;
background-color: #ffffff;

}

div.topNaviTable {
border-style: solid;
border-width: 0px;
height: 20px;
margin-top: 90px;
padding: 0px;
margin-left: 10px;
}

div.subNaviTable {
border-collapse: collapse;
border-style: solid;
border-width: 0px;
height: 15px;
margin-top: 10px;
padding: 0px;

}

div.leftNaviTable {
float: left;
background: #bbc7d5;
border-color: #bbc7d5;
border-collapse: collapse;
border-style: solid;
border-width: 0px;
border-right-width: 2px;
padding: 0px;
height: 100%;
width: 160px;

}

div.title{
width: 100%;
text-transform: uppercase;
float: left;
margin-bottom: 10px;
}



div.content {
float: left;
background: white;

padding: 0px;
width: 50%;
max-width: 50;
}

div.pageContent {
background: white;
float: left;
width: 75%;
}

div.rightContent {
background: white;
margin: 0px;
margin-top: 2px;
margin-right: 3px;
float: left;
border-collapse: collapse;
border-style: solid;
border-width: 0px;
border-color: #9dadbf;
padding: 0px;
width: 27%;



}


div.contentText {
float: left;
border-collapse: collapse;
border-style: solid;
border-width: 0px;
padding: 0px;
width: 100%;

}


div.SubNaviContainer {
margin-left: 15px;
}

div.subNaviRow {
height: 15px;
text-align: left;
}

div.subNavi {
height: 15px;
text-align: center;
margin-top: 10px;
float: left;
border-collapse: collapse;
background-image: url(../kuvat/subNaviBg.jpg);
padding: 0px;
text-decoration: none;
border-style: solid;
border-width: 1px;
border-color: #c3b8b8;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;

}


div.activeSubNavi {
height: 15px;
vertical-align: bottom;
margin-top: 10px;
float: left;
border-collapse: collapse;
background-image: url(../kuvat/subNaviBgActive.jpg);
padding: 0px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #edebeb;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;

}

div.leftNavi {
height: 100%;
width: 130px;
height: 20px;
background-image: url(../kuvat/leftNaviBg.jpg);
padding: 0px;
}

div.subLeftNavi {
width: 130px;
height: 20px;
padding: 0px;
padding-left: 5px;
}

div.leftColumn {
width: 130px;
background-color: #ffffff;
}

div.topLeftColumn {
width: 129px;
background-image: url(../kuvat/topLeft_pic.jpg);
}

div.bottomLeftColumn {
width: 129px;
text-align: left;
background-color: #d5dce4;

}

div.centerColumn {
width: 670px;
height: 100%;
border-color: #000000;
border-style: solid;
border-width: 0px;
border-left-width: 1px;
border-right-width: 0px;

background-color: #ffffff;
}

div.topCenterColumn {
width: 510px;
border-style: solid;
border-color: #000000;
border-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
background-image: url(../kuvat/topCenter_pic.jpg);
}


div.rightColumn {
width: 160px;
}

div.bottomRightColumn {
width: 10px;
background-color: #ffffff;
}

div.topRightColumn {
width: 160px;
padding: 0px;
margin: 0px;
border-right-width: 0px;
background-image: url(../kuvat/topRight_pic.jpg);
}

div.headerLeftColumn {
width: 270px;
border-color: #000000;
border-width: 1px;
background-image: url(../kuvat/headerLeft_pic.jpg);

}

div.headerCenterColumn {
width: 129px;
background-image: url(../kuvat/headerCenter_pic.jpg);
}

div.headerRightColumn {
width: 400px;
background-image: url(../kuvat/headerRight_pic.jpg);

}

hr.contentHr {
width:100%;
border: 0;
color: #c3b8b8;
background-color: #c3b8b8;
margin-top: 25px;
height: 2px;
}

img.logo {
margin-left: 80px;
margin-bottom: 30px;
vertical-align: middle;
width: 45px;
height: 81px;

}

img.subNaviRight {
padding: 0px;
border-width: 0px;
vertical-align: middle;
}

img.opemaili {
padding: 0px;
border-width: 0px;
vertical-align: middle;
}

img.subNaviLeft {
padding: 0px;
border-width: 0px;
vertical-align: middle;
}

strong.title {
margin-left: 10px;
vertical-align: middle;
color: #264b70;
font-family: verdana, arial, sans-serif;
font-size: 20px;
}

ul.naviList {
margin-top: 30px;



}

li.naviListItem {
color: #324e66;
}

a.naviLinkki {
color: #596a80;
vertical-align: bottom 5%;
margin-left: 5px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a.naviLinkki:hover {
color: #596a80;
margin-left: 5px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
font-style: italic;
text-decoration: none;
}

    #tabs {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
      border-color: black;
      border-width: 0px;
      border-style: solid;
      border-bottom-width: 1px;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../kuvat/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../kuvat/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#000000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
      #tabs a.active {
      background-position:0% -84px;
      font-weight: bold;
      }
      #tabs a.active span {
      background-position:100% -84px;
      font-weight: bold;
    
      }
  
  input {
   background: #e3e5e8;
   color: #6e6f70;
  
  }