/*
** html/body tag goes round all others
**
** conteneur is a 'place-holder' tag just inside the body tag - eveything
** else fits inside it.
**
** header tag at the top
**
** menu tag holds menu items on the left
** footer tag
**
** content tag is the scrollable content pane
**
** footer tag underneath the menu
**
*/
/* tag, and a version for Internet Explorer */
html, body
{
width: 100%;
height: 100%;
}
body
{
margin: 0;
padding: 0;
font-family:"times new roman", serif;
font-size: 1em;
background-color: #FFFFCC;
}
/* the whole page (header, menu, content, footer) fits in this container div */
.conteneur
{
position: absolute;
top: 0%;
width: 100%;
max-width: 850px;
height: 86%;
line-height: 110%;
}
/* page header e.g. Welcome to the Rose Apart Hotel */
.header
{
position: absolute;
top: 0%;
width: 100%;
text-align: center;
font-family: "Monotype Corsiva";
font-size: 2.5em;
line-height: 100%;
}
/* menu at the left of each page */
.menu
{
position: absolute;
width: 19%;
height: 95%;
/* how far down the page the menu starts */
top: 45px;
font-family:"Monotype Corsiva";
text-align: left;
font-size: 1.1em;
background-image: url("whitenedrose85b.jpg");
background-repeat: no-repeat;
margin: 0;
/* positioning items within the menu */
/* top right bottom left */
padding: 3% 0% 0% 8.5%;
}
/* div for menu list items, e.g. Contact Us */
.menu li
{
margin-bottom: 5px;
list-style-type: none;
}
/* div for copyright footer - should be same width as menu div */
.footer
{
position: absolute;
/* width should be same as menu width */
width: 18%;
/* positioned near the bottom of the page (97% from the top) */
top: 97%;
font-size: 0.6em;
line-height: 100%;
}
/* div for having an *invisible* freestats item on the page */
.freestats
{
visibility: hidden;
display: none;
}
/* div visible freestats icon (used on the Links page) */
.freestatsicon
{
position: absolute;
/* width should be same as menu width */
width: 18%;
/* positioned near the bottom of the page (97% from the top) */
top: 0%;
font-size: 0.6em;
line-height: 100%;
}
/* scrollable div for main content panel */
.content
{
position: absolute;
height: 106%;
/* top of content pane starts under the header pane */
top: 40px;
/* width + margin left = 100% */
margin-left: 28%;
width: 72%;
max-width: 600px;
text-align: left;
overflow: auto;
}
/* divs for various sizes of pictures */
img.centered
{
float: none;
position: relative;
width: 440px;
height: 272px;
align: center;
margin-right: 5%;
}
img.panorama
{
width: 510px;
margin-right: 5%;
margin-top: 2%;
}
img.largeish
{
height: 195px;
width: 312px;
}
img.medium
{
height: 175px;
width: 280px;
}
img.smallish
{
height: 150px;
width: 240px;
}
/* padding of 5px for EITHER p or td tags */
p, td
{
padding-left: 0%;
padding-right: 1%;
}
/* Extra padding if BOTH td and p tags */
td p
{
/* top right bottom left */
padding: 0px 5px 0px 6px;
}
/* style for cells containing a picture */
td.sixtypc
{
width: 55%;
align: center;
/* top right bottom left */
padding: 0px 5px 5px 6px;
}
.centered
{
font-style: italic;
text-align: center;
align: center;
}
.title
{
font-style: italic;
font-weight: bold;
text-align: center;
padding: 10px 0px 0px 0px;
margin-right: 5%;
}
table
{
border: 0;
width: 96%;
cellpadding: 0;
cellspacing: 0;
border-collapse: collapse;
}
table.bordered
{
width: 95%;
border: solid 2px black;
}
table.bordered td
{
border: solid 1px black;
padding: 1%;
}
#map
{
width: 200%;
height: 200%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}