html, body
{
  margin: 0em;
  padding: 0em;
}

body {
  background: #BCE;
  font-family: serif, "Times New Roman";
}

a {
  text-decoration: none;
  color: #06B;
}
a:visited {
  color: #70B;
}

a:hover {
  text-decoration: underline;
}

p {
margin: 0;
padding: 0;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 120%;
  text-align: center;
}

h3 {
  font-size: 125%;
  font-weight: bold;
  padding-left: 0.4em;
}

div.hr {
  width: 66%;
  background-color: #333;
  height: 2px;
  margin: 0.5em;
  margin-left: auto;
  margin-right: auto;
  line-height: 2px;
  clear: both;
}

div.clearing {
  clear: both;
  height: 1px;
  line-height: 1px;
  overflow: hidden;
}

table.page {
  table-layout: fixed;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

table.page td {
  vertical-align: top;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

td#top { background: url('res/toprepeat.png'); }

div#toppic {
  background: url('res/hokan.png');
  background-repeat: no-repeat;
  background-position: top right;
  margin: 0;
  padding: 0;
}

div#logo {
  background: url('res/logo.png');
  background-repeat: no-repeat;
  height: 112px;
  margin: 0;
  padding: 0;
}
div#logo h1 {
  display: none;
  height: 112px;
}

td#nav {
  table-layout: fixed;
  width: 169px;
  background: url('res/navrepeat.png');
}
div.navb { overflow: hidden; height: 36px; }

div.navb span { display: none; font-size: 1px; }

div.navb img { border: 0; margin: 0; padding: 0; vertical-align: top; }

div.navb a { border: 0; margin: 0; padding: 0;}

td#con {
  width: auto;
  background: #ECE3D0 url('res/leftrepeat.png');
  background-repeat: repeat-y;
  padding-bottom: 42px;
}

div#contop {
  background: url('res/itoprepeat.png');
  background-repeat: repeat-x;
  background-position: top left;
}

div#concorner {
  background: url('res/corner.png');
  background-repeat: no-repeat;
}

div.hd2 {
  height: 36px;
  margin-bottom: 2px;
  padding-top: 12px;
}

div.hd2 h2 {
  visibility: hidden;
  font-size: 1pt;
}

div.content {
  background: #F9F9F9;
  margin: 42px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0.5em;
  border: 1px solid #b85;
  zoom: 1;
}

div#cbar {
  background: url('res/cbar.png');
  border-top: 3px solid #000;
  margin-bottom: 10px;
}

div#icbar {
  background: url('res/bdecol.png');
  background-repeat: no-repeat;
  background-position: top right;
  height: 23px;
  font-size: 9pt;
  color: #339;
  margin: 0;
  padding: 3px;
}

div.content p {
  padding: 0.5em;
  text-align: justify;
}

div.contact {
  text-align: center;
  font-size: 70%;
  padding-top: 1em;
  color: #666;
  font-family: "tahoma", sans-serif;
}
a.contact {
  color: #666;
  text-decoration: none;
}

a.contact:hover {
  text-decoration: underline;
}
div#welcome {
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 0.5em;
  font-size: 120%;
}

div#welcome span {
  line-height: 1.5em;
  letter-spacing: 0.25em;
  font-size: 80%;
}

div.poem {
  padding: 1em 1.5em 1em 2em;
  margin-left: auto;
  margin-right: auto;
  width: 11em;
  border: 2px solid #339;
  background: #CCF;
  color: #006;
}

div.poem h3 {
  color: #003;
  text-align: center;
  padding: 0;
  padding-right: 0.5em;
}

div.poem p {
  text-indent: -0.5em;
  padding: 0;
}

div#guestwrap { padding: 0.5em; }
div#guestwrap p { margin: 0; padding: 0; }
div#guestwrap div.date { font-size: 80%; font-variant: small-caps; margin-bottom: 0.5em;}
div#guestwrap div.note p { text-indent: 1em; }
div#guestwrap div.note { padding-bottom: 0.5em; }
div#guestwrap div.sign {
  padding-left: 5em;
  font-size: 90%;
  font-style: italic;
  padding-bottom: 1em;
}

div { zoom: 1; }

div.pic {
  float: left;
  margin: 0.5em;
}
table.rooms div.pic {
  float: none;
}
table.rooms td.preview {
}
div.pic img { border: 0px; vertical-align: top; }
div.pic a { float: left; border: 1px solid #000; }
div.pic a:hover { border: 1px dotted #000; }
table.rooms div.pic a { float: none; display: block; width: 100px; }
table.rooms div.pic img { float: none; }

img#enlarge {
  border: 2px solid black;
  margin: 0.50em;
}

table.rates {
   border: 1px solid #CCC;
   margin-top: 0.5em;
   background: #EEE;
}
table.rates th {
  font-size: 70%;
  text-align: right;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-weight: bold;
  font-family: 'Arial', sans-serif;
}
table.rates td {
  font-size: 70%;
  text-align: right;
  padding-right: 0.5em;
  font-family: 'Arial', sans-serif;
}