HTML
{
   margin: 0;
   margin-top: 10px;
   padding: 0;
}

BODY
{
   background-image: url('images/bg1.gif');
   background-color: #FFFFFF;
   font-family: arial, sans-serif;
   font-size: 10pt;
   margin: 0;
   padding: 0;
}

TABLE
{
 border: 0;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

TABLE.members
{
 width: 435;
}

TD.members
{
 background-image: url('images/postcardblank.jpg');
 background-repeat: no-repeat;
 font-size: 9pt;
 height: 125px;
 width: 215px;
 padding-top: 2px;
 padding-left: 5px;
 vertical-align: top;
}

TD
{
 border: 0;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

TD.headerbottom;
{
 border: 0;
 border-collapse: collapse;
 height: 15px;
 margin: 0;
 padding: 0;
}

TD.headermiddle
{
 background-color: #000000;
 background-image: url('images/headermiddle.gif');
 background-repeat: repeat-y;
}

TD.menu
{
 background-color: #800000;
 background-image: url('images/bgmenu.gif');
 background-repeat: repeat-y;
 vertical-align: top;
 width: 185px;
}

TD.content
{
 background-color: #FFFFFF;
 background-image: url('images/bgcontent.gif');
 background-repeat: repeat-y;
 padding-top: 10px;
 text-align: center;
 vertical-align: top;
 width: 735px;
}

TD.footer;
{
 border: 0;
 border-collapse: collapse;
 height: 15px;
 margin: 0;
 padding: 0;
}

A.menu:link
{
 border: 0;
 border-collapse: collapse;
 padding-left: 5px;
}

A.menu:visited
{
 border: 0;
 border-collapse: collapse;
 padding-left: 5px;
}

A.menu:active
{
 border: 0;
 border-collapse: collapse;
 padding-left: 5px;
}

A.menu:hover
{
 border: 0;
 border-collapse: collapse;
 padding-left: 5px;
}

IMG
{
 border: 0;
 border-collapse: collapse;
}

P.rcscs
{
 font-family: arial, sans-serif; font-size: 8pt;
 padding: 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 text-align: center;
}

P.content
{
 margin-left: auto;
 margin-right: auto;
 padding-left: 12px;
 padding-right: 27px;
 text-align: justify;
}

DIV.room
{
 margin-left: auto;
 margin-right: auto;
 padding-left: 12px;
 padding-right: 27px;
 text-align: justify;
}

IMG.headertn
{
   float: right;
   margin-right: 10px;
   margin-top: 5px;
}

IMG.rooms
{
   border: 2px solid #800000;
}

iframe.googlemap
{
   border: 2px solid #800000;
   float: right;
   margin-left: 15px;
   margin-top: 10px;
   margin-bottom: 15px;
   width: 425px;
}


TABLE.diary
{
   border: 1px solid #C0C0C0;
   margin-left; auto;
   margin-right; auto;
   width: 700px;
}

TD.diary
{
 border: 1px solid #C0C0C0;
 text-align: left;
 padding: 2px;
 vertical-align: top;
 width: 100px;
}

a.diary
{
 font-size: 7pt;
 position:relative; /*this is the key*/
 z-index:24; background-color:#fff;
 color:#000;
 text-decoration:none
}

a.diary:hover{z-index:25; background-color:#ff0}

a.diary span{display: none}

a.diary:hover span{ /*the span will display just on :hover state*/
 display:block;
 font-size: 9pt;
 position:absolute;
 top:2em; left:2em; width:15em;
 border:1px solid #000000;
 padding: 5px;
 background-color:#ffff00; color:#000;
}