html,body{margin:0;padding:0}
body{font-family: Arial,verdana,sans-serif; text-align:center;background-image:url(/houseonthehills/images/bg2.jpg);}

h1 {color:#784C38; font-family:georgia,serif; margin:0 0 15px; text-transform:uppercase;}

h2 {text-transform: uppercase; font-family: Arial, Verdana, sans-serif; color:#784C38; margin: 0px 0px 15px 0px;}

div#extra{background:#FF8539}

div#footer{background-color:#544831;color: #FFF;}
div#footer{clear:both;height:80px;vertical-align:middle;background-image:url(/houseonthehills/images/hh_bg_footer1.jpg);
           background-repeat: repeat-y; background-position: top center}
div#footer p{margin:0;padding:10px 10px}
div#footer a {color:white;text-decoration:none;}
div#footer a:hover {color:white;text-decoration:underline;}

div#header {height:313px; background-color:#544831; background-image:url(/houseonthehills/images/hh_header1.jpg); 
            background-repeat: no-repeat; background-position: top center;}
div#hbar1 {margin:0;padding:0;border:0;height:10px; background-color:#413724;}

div#container{text-align:center;margin:0 auto;background-image:url(/houseonthehills/images/taustakuva.png); background-position: top center;
              border:0; background-repeat: repeat-y; background-color:#999284;} /* SLcustom 2011-01-27, WAS: background-image:url(/houseonthehills/images/hh_bg_content1.jpg); background-color:#cdcc9e;*/

div#content{width:1100px;margin:0;border:0;text-align:center;width:750px;padding-top:0px;padding-bottom:25px;padding-right:15px;}
div#content p{padding:0px 0px 10px 0px;}

table#ohje{margin:auto;padding:5px 10px 5px 10px; width:430px; border:1px solid #E9C2A8; font-family: Georgia, serif; color:#994308;}

div#panolinkki{width:150px;float:right; padding-right:17px; padding-top:25px;text-align:center;color:#994308;}
div#panolinkki img{border:0;}

.taulukko {border-bottom: 1px solid #CFB5A4;}
.otsikko {padding:10px; font: bold 0.8em Verdana, sans-serif; text-transform: uppercase; letter-spacing: 0.25em; color:#994308;}
.taulukkosisalto {padding:10px;}
.kuva img {border:1px solid #E9C2A8;}

.paakuva img{border:1px solid #914207;}
.paakuva {border-bottom: 1px solid #CFB5A4; font: 1em Georgia, serif;border-top: 1px solid #CFB5A4; padding-top:5px;padding-bottom:5px;}
.kuvaus {padding-top:10px;padding-right:10px;vertical-align:top;text-align:justify;border-bottom: 1px solid #CFB5A4;}
.pikkukuva {vertical-align:top;padding-top:10px;border-bottom: 1px solid #CFB5A4;}
.pikkukuva img{border:1px solid #914207; margin-bottom:10px;}
.otsikko2{font: 2em Georgia, serif; color:#994308;padding-bottom:10px;}

td.td_subnavi {margin:0px; padding:0px; border:0px}  /* bottom: 2px solid #887A60;  */

td.td_spacer_h20 {height:20px;}
td.td_spacer_h50 {height:50px; vertical-align:bottom; padding: 0px 0px 20px 0px}

td.td_line_h2 {height:2px; background-color: #887A60;}

td.td_otsikko1 {text-align:left;}

td.td_left1  {text-align:left; vertical-align:top; width:362; font: 0.8em Arial, Verdana, sans-serif; line-height:2; color:#807257;}
td.td_right1 {padding: 0 0 0 37px; text-align:left; vertical-align:top; width:351;} /* */

td.td_tied_left1  {padding: 3px; border-width: 1px 1px 1px 0px;  border-color: #bfb698; border-style:solid; text-align:left; vertical-align:top; width:100; font: bold 0.8em Tahoma, Arial, Verdana, sans-serif; color:#807257; white-space: nowrap; width: 160px}
td.td_tied_right1 {padding: 3px; border-width: 1px 0px 1px 0px;  border-color: #bfb698; border-style:solid; text-align:left; vertical-align:top; width:240; font: 0.8em Arial, Verdana, sans-serif}

img.w362 {width:362; height:1px;}

table.t1 { padding: 0; margin:0; border:0; font-family: Verdana, Arial, Helvetica, sans-serif; 
           border-spacing: 0px; border-collapse: collapse; empty-cells: show;}

table.t1_hinnat { font-size: 0.7em;
                  padding: 0; margin:0; border:0; font-family: Verdana, Arial, Helvetica, sans-serif;
                  border-spacing: 0px; border-collapse: collapse; empty-cells: show;}

td.hoth1 {font-size: 0.8em; border-width: 1px 0px 1px 0px;  border-color: #666666; border-style:solid; padding: 4px;
          text-align: left; color: #000000; border-collapse: collapse;
          empty-cells: show; font-weight: normal; color: #807257}

td.hoth2 {font-size: 0.8em; border-width: 1px 0px 0px 0px;  border-color: #C2B99E; border-style:solid; padding: 4px;
          text-align: left; color: #000000; border-collapse: collapse;
          empty-cells: show; font-weight: normal; color: #807257}

.p_bold {font-weight: bold;}

hr.bot_line1 {margin: 15px 0px 0px 0px; border:0; padding:0; height:1px; color: #C2B99E;}

td.unavi_normal_top{   vertical-align:bottom; padding:6px; height:80px; color: #a5a367; }
td.unavi_normal_bottom{background-color:#887A60; height:8px;}
td.unavi_hover_top {   padding:6px 6px 6px 5px; border-left: 1px solid  #a5a367; border-right: 1px solid #a5a367; background-color:#bfb698; height:80px; color: #FFFFFF; }
td.unavi_hover_bottom {border-top: 1px solid #716146; border-left: 1px solid #584E27; border-right: 1px solid #584E27; background-color:#716146; height:8px;}

td.usubnavi       {padding:6px; border-left: 2px solid #9C9075; border-bottom: 2px solid #887A60; background-color:#bfb698}
td.usubnavi_hover {padding:6px; border-left: 2px solid #9C9075; border-bottom: 2px solid #887A60; background-color:#887A60}
td.usubnavi_empty {padding:6px; border-left: 2px solid #9C9075; border-bottom: 2px solid #887A60;}

td.uvarausnavi     {FONT-SIZE: 0.7em; padding:6px; border-left: 2px solid #9C9075; border-left: 1px solid #887A60; background-color:#bfb698}
td.uvarausnavi_sel {FONT-SIZE: 0.7em; padding:6px; border-left: 2px solid #9C9075; border-left: 1px solid #887A60; background-color:#A19272}

a {color:#375b73;text-decoration:none;}
a:hover {color:#69a6ae;text-decoration:underline;}

td.hoth1 a {color:#375b73;}
td.hoth1 a:hover {color:#69a6ae;}

a.unavihead {
  display: block; height:100%; width: 100%; FONT-SIZE: 1em; COLOR: #908462; FONT-FAMILY: arial,helvetica;font-weight:bold; text-decoration: none;}
a.unavihead:visited {
  display: block; height:100%; width: 100%; FONT-SIZE: 1em; COLOR: #908462; FONT-FAMILY: arial,helvetica;font-weight:bold; text-decoration: none;}
a.unavihead:active {
  display: block; height:100%; width: 100%; FONT-SIZE: 1em; COLOR: #908462; FONT-FAMILY: arial,helvetica;font-weight:bold; text-decoration: none;}
a.unavihead:hover {
  display: block; height:100%; width: 100%; FONT-SIZE: 1em; COLOR: #FFFFFF; FONT-FAMILY: arial,helvetica;font-weight:bold; text-decoration: none;}

a.usubnavihead {
  display: block; height:100%; width: 100%; FONT-SIZE: 0.8em; background-color:#bfb698;
  color: #FFFFFF; FONT-FAMILY: arial,helvetica; text-decoration: none;}
a.usubnavihead:visited {
  display: block; height:100%; width: 100%; FONT-SIZE: 0.8em; background-color:#bfb698;
  color: #FFFFFF; FONT-FAMILY: arial,helvetica; text-decoration: none;}
a.usubnavihead:active {
  display: block; height:100%; width: 100%; FONT-SIZE: 0.8em; background-color:#bfb698;
  color: #FFFFFF; FONT-FAMILY: arial,helvetica; text-decoration: none;}
a.usubnavihead:hover {
  display: block; height:100%; width: 100%; FONT-SIZE: 0.8em; background-color:#887A60;
  color: #FFFFFF; FONT-FAMILY: arial,helvetica; text-decoration: none;}