html {
    height: 100%;
    max-height: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

body {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

div#content {
    overflow: auto;
    position: absolute;
    top: 100px;
    bottom: 36px;
    left: 218px;
    width: 748px;
    background: #CCCCCC;
}

*html div#content {
    top: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    position: absolute;
    z-index: 3;
    border-top: 100px solid #fff;
    border-left: 218px solid #fff;
    width: 966px;
    border-bottom: 36px solid #fff;
}

div#topnav {
    position: absolute;
    margin: 0px;
    top: 0px;
    left: 0px;
    display: block;
    width: 966px;
    height: 100px;
    z-index: 5;
    overflow: hidden;
    background: lightblue;
}

div#leftnav {
    position: absolute;
    left: 0px;
    top: 172px;
    bottom: 36px;
    width: 216px;
    z-index: 4;
    overflow: auto;
    background: #F8F0E5;
    border-left: 1px solid #CE870C;
    border-right: 1px solid #CE870C;
}

div#searchbox {
    position: absolute;
    left: 0px;
    top: 100px;
    bottom: 0px;
    width: 218px;
    height: 72px; /* 50px;  */
    z-index: 5;
    overflow: hidden;
    border-bottom: 1px solid #CE870C;
}

*html div#leftnav {
    height: 100%;
    top: 72px;
    bottom: 0px;
    border-top: 100px solid #fff;
    border-bottom: 108px solid #fff;
    width: 218px;
}

div#bottomnav {
    position: absolute;
    margin: 0px;
    bottom: 20px;
    left: 0px;
    display: block;
    width: 966px;
    height: 16px; /* 20px */
    z-index: 5;
    overflow: hidden;
/*    border-bottom: 10px solid #fff;  */
}

div#main-border {
    position: absolute;
/*    border: 2px solid black;   */
    width: 800px;
    top: 10px;
    left: 10px;  /* fixed align, for firefox */
/*    left:  expression(Math.max(0, (document.body.clientWidth-966) / 2));   dynamic align center, for ie */
    height: 100%;   /* for ie */
/*    bottom: 10px;  */ /* for ff */

}


.leipis { font-family: Arial, sans-serif; font-size: 13px; color: #313136; text-decoration: none; line-height: 18px;}
.leipis6 { font-family: Arial, sans-serif; font-size: 13px; color: #313136; text-decoration: none; line-height: 18px; background: #FEEECD;}
.small { font-family: Tahoma; font-size: 9px; color: #000000; text-decoration: none; text-decoration: none; }
.valkoinen { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; }
.muistilappu_valk { font-family: Tahoma; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.muistilappu_leipis { font-family: Tahoma; font-size: 11px; color: #000000; line-height: 14px; }
.haku_otsikko { font-family: Tahoma; font-size: 11px; font-weight: bold; color: #AF5926; }
.vasen_navi { font-family: Arial, sans-serif; font-size: 10px; color: #313136; text-transform: uppercase; line-height: 18px; text-decoration: none; }
.vasen_navi_ots { font-family: Arial, sans-serif; font-size: 13px; color: #313136; line-height: 15px; text-decoration: none; font-weight: bold; }
.vasen_navi_paaots { font-family: Arial, sans-serif; font-size: 11px; color: #000000; line-height: 15px; text-decoration: none; font-weight: bold; }
.otsikko { font-family: Arial, sans-serif; font-size: 18px; color: #000000; line-height: 18px; text-decoration: none; font-weight: bold;}
.musta_otsikko { font-family: Arial, sans-serif; font-size: 15px; color: #000000; line-height: 15px; text-decoration: none; font-weight: bold; }
.harmaa { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #636363; text-decoration: none;}
.alays { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none ; font-size: 13px; color: #FF0000; }
.boldi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
.oranssi { font-family: Arial, sans-serif; font-size: 10px; color: #B5460E; font-weight: bold; text-decoration: underline; line-height: 12px;}
.mediumoranssi { font-family: Arial, sans-serif; font-size: 12px; color: #B5460E; font-weight: bold; text-decoration: underline; line-height: 12px;}
.isooranssi { font-family: Arial, sans-serif; font-size: 15px; color: #B5460E; font-weight: bold; text-decoration: underline; line-height: 12px;}

a.oranssi { text-decoration: underline; }
a.mediumoranssi { text-decoration: underline; }
a.isooranssi { text-decoration: underline; }

.footer_otsikko { font-family: Arial, sans-serif; font-weight: bold; font-size:  24px; color: #FFFFFF; }

a.ylanavi_valk { font-family: Tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none; line-height: 20px; font-weight: bold; }
a.ylanavi_valk:link { font-family: Tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none; line-height: 20px; font-weight: bold; }
a.ylanavi_valk:visited { font-family: Tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none; line-height: 20px; font-weight: bold; }
a.ylanavi_valk:hover { font-family: Tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none; line-height: 20px; font-weight: bold; }
a.ylanavi_valk:active { font-family: Tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none; line-height: 20px; font-weight: bold; }

a.ylanavi_musta { font-family: Tahoma; font-size: 11px; color: #313136; text-decoration: none; line-height: 20px; font-weight: bold;}
a.ylanavi_musta:link { font-family: Tahoma; font-size: 11px; color: #313136; text-decoration: none; line-height: 20px; font-weight: bold; }
a.ylanavi_musta:visited { font-family: Tahoma; font-size: 11px; color: #313136; text-decoration: none; line-height: 20px; font-weight: bold; }
a.ylanavi_musta:hover { font-family: Tahoma; font-size: 11px; color: #313136; text-decoration: none; line-height: 20px; font-weight: bold; }
a.ylanavi_musta:active { font-family: Tahoma; font-size: 11px; color: #313136; text-decoration: none; line-height: 20px; font-weight: bold; }

.subtitle { font-family: Tahoma; font-size: 9px; font-weight: bold; color: #313136; text-decoration: none; text-decoration: none; }

a.valkoinen { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
a.valkoinen:link { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
a.valkoinen:visited { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
a.valkoinen:hover { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
a.valkoinen:active { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}

a.small { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
a.small:link { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
a.small:visited { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
a.small:hover { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
a.small:active { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}


#leftnav {scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#4A6184;
scrollbar-base-color:#C6D7FF;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#597DC7;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color:}

#content {scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#4A6184;
scrollbar-base-color:#C6D7FF;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#597DC7;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color:}

.toc_hit {
  color: red;
  font-weight: bold;
  padding-right: 2px;
}

.frontpage_mainnavi {
  border-top: 1px solid #CE870C;
  border-right: 1px solid #CE870C;
  border-left: 1px solid #CE870C;
  border-bottom: 1px solid #000000;
}

.frontpage_header {
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}

.frontpage_link {
  font-family: Tahoma;
  font-size: 10px;
  color: #000000;
}

.frontpage_form {
  font-family: Tahoma;
  font-size: 10px;
  background-color: #FCDFAC
  color: #000000;
}

.frontpage_linktwo {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #B5460E;
  text-decoration: none;
}

.frontpage_input {
   margin: 0px;
   padding: 0px;
   height: 18px;
}

.frontpage_menulink {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  margin: 0px 5px 0px 5px;
  text-decoration: none;
}

a.frontpage_menulink { text-decoration: none; }

.frontpage_rightcolumn {
  border-right: 1px solid #CE870C;
  border-bottom: 1px solid #CE870C;
  border-left: 1px solid #CE870C;
  background-color: #F8E8C5;
}

.frontpage_date {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #CE870C;
  font-weight: bold;
}

.frontpage_smallheader {
  background-color: #FFD998;
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}

.frontpage_rightshell {
  background-color: #F8E8C5;
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
}

.frontpage_questionlist {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}

.frontpage_questioninvite {
  font-family: Tahoma;
  font-size: 11px;
  color: #313136;
}

.frontpage_error {
  font-family: Tahoma;
  font-size: 14px;
  color: maroon;
  margin: 10px 0px 10px 0px;
}

.frontpage_opaste {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

.frontpage_introduction {
  width: 536px;
  background: #f8e8c5;
  margin: 8px 0 8px 0;
  padding: 8px 0px 2px 10px; 
}

.frontpage_introduction2 {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  margin: 8px 8px 8px 0;
}

.frontpage_otsikko {
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}

.frontpage_kirjoittaja {
  font-family: Tahoma;
  font-size: 10px;
  color: #666666;
}

.frontpage_pic {
  margin: 18px 10px 8px 55px;
}


.frontpage_leipis {
  font-family: Tahoma;
  font-size: 11px;
  color: #313136;
}

.muistilappuikoni {
  border: 0px;
  padding: 2px;
}

.body_content {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #313136;
  text-decoration: none;
  margin-right: 25px;
  line-height: 18px;
}

.annotation_title {
  font-family: Tahoma;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  line-height: 20px;
}

.annotation_timestamp {
  font-family: Tahoma;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

.annotation_edits {
  font-family: Arial;
  font-weight: regular;
  font-size: 14px;
  color: #AF5926;
}

a.sstitle:link { color: #B5460E; }
a.sstitle:vlink { color: #B5460E; }
a.sstitle:ulink { color: #B5460E; }
a.sstitle:visited { color: #B5460E; }
a.sstitle:active { color: #B5460E; }

td.taulukko p.body_content  {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #313136;
  text-decoration: none;
  margin-right: 0px;
  line-height: 18px;
}