/************************/
/* Web site page styles */
/************************/
/* Colour definitions     */
/* Wedgewood blue #1198B8 */
/* midblue        #67BAE1 */

body
{
  background-image: url(./Images/blue-bkgr.gif);
}

p.special-caption
{
  text-align: center;
  padding: 8px;
  color: red;
  font-size: large;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
  line-hight: 150%;
}

p.special
{
  text-align: center;
  padding: 8px;
  color: red;
  font-size: medium;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
  line-hight: 150%;
}

p.special-cblack
{
  text-align: center;
  color: black;
  font-size: medium;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
}

p.special-green
{
  text-align: left;
  padding: 8px;
  color: green;
  font-size: large;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
}

p.special-cgreen
{
  text-align: center;
  color: green;
  font-size: large;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
}

p.special-cblue
{
  text-align: center;
  color: blue;
  font-size: large;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
}

p.special-blue
{
  text-align: left;
  padding: 8px;
  color: blue;
  font-size: large;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
}

p.special-mblue
{
  text-align: left;
  color: blue;
  font-size: medium;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
}

p.special-red
{
  text-align: left;
  padding: 8px;
  color: red;
  font-size: large;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
}

p.special-link
{
  text-align: center;
  padding: 8px;
  color: red;
  text-decoration: underline;
  font-size: medium;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
  line-hight: 150%;
}

p.special-slink
{
  text-align: center;
  padding: 8px;
  color: red;
  text-decoration: underline;
  font-size: small;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
  line-hight: 150%;
}

p.caption
{
  text-align: center;
  padding: 8px;
  color: indigo;
  font-size: x-large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}

p.small-caption
{
  text-align: left;
  padding: 8px;
  color: indigo;
  font-size: large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}

p.tiny-caption
{
  text-align: left;
  margin: 0px;
  padding-top: 1px;
  color: indigo;
  font-size: large;
  font-style: bold;
  font-family: Papyrus, Trebuchet;
  line-hight: 50%;
}

p.mini-caption
{
  text-align: center;
  margin: 0px;
  padding-top: 1px;
  color: indigo;
  font-size: x-small;
  font-style: bold;
  font-family: Trebuchet;
  line-hight: 50%;
}

p.title
{
  text-align: center;
  padding: 8px;
  color: #930C0C;
  font-size: x-large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}

p.attrib
{
  text-align: right;
  padding: 8px;
  color: #930C0C;
  font-size: small;
  font-style: italic;
  font-family: Trebuchet;
  line-hight: 50%;
}

p.green
{
  text-align: center;
  padding: 8px;
  color: green;
  font-size: small;
  font-style: italic;
  font-family: Trebuchet;
  line-hight: 50%;
}

table.thumb
{
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 1px;
}

/************************/
/* Cooking page styles  */
/************************/

p.cook-title
{
  text-align: center;
  color: darkorange;
  font-size: xx-large;
  font-style: bold;
  font-family: Papyrus; Trebuchet;
  margin-top: 5px;
  margin-bottom: 5px;
}

p.menu-title
{
  text-align: center;
  color: red;
  font-size: x-large;
  font-style: bold;
  font-family: Papyrus; Trebuchet;
  margin-top: 5px;
  margin-bottom: 5px;
}

p.menu-title-small
{
  text-align: center;
  color: red;
  font-size: small;
  font-style: bold;
  font-family: Papyrus; Trebuchet;
  margin-top: 0px;
  margin-bottom: 5px;
}

p.cook-caption
{
  text-align: center;
  color: darkred;
  font-size: large;
  font-style: bold;
  font-family: Papyrus; Trebuchet;
  margin-top: 0px;
  margin-bottom: 5px;
}

p.cook-headline
{
  text-align: center;
  color: darkgreen;
  font-size: x-large;
  font-style: bold;
  font-family: Papyrus; Trebuchet;
  margin-top: 5px;
  margin-bottom: 5px;
}

p.cook-line
{
  text-align: center;
  color: black;
  font-size: large;
  font-style: bold;
  font-family: Papyrus; Trebuchet;
  margin-top: 5px;
  margin-bottom: 5px;
}

/************************/
/* Calendar page styles */
/************************/

p.month
{
  text-align: center;
  color: blue;
  font-size: large;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.day
{
  text-align: center;
  color: blue;
  font-size: small;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.daynum
{
  text-align: center;
  color: red;
  background-color: aqua;
  font-size: small;
  font-style: oblique bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.cooking
{
  text-align: center;
  color: red;
  background-color: white;
  font-size: x-small;
  font-style: bold;
  font-family: Copperplate Gothic Bold; Trebuchet;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 2px;
}

p.recipe
{
  text-align: center;
  color: red;
  background-color: white;
  font-size: xx-large;
  font-style: bold;
  font-family: AR DECODE; Lucida Calligraphy;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 2px;
}

p.recipe-name
{
  text-align: center;
  color: black;
  background-color: white;
  font-size: large;
  font-style: bold;
  font-family: Arial Black;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 2px;
}
p.recipe-name-sub
{
  text-align: left;
  color: black;
  background-color: white;
  font-size: small;
  font-family: Arial Black;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 2px;
}
p.recipe-text
{
  text-align: left;
  padding: 8px;
  color: blue;
  font-size: small;
  font-style: italic;
  font-family: Trebuchet;
  line-hight: 50%;
}

table.caltab
{
  background-image: url(./Images/BreakfastByTheLake.jpg);
  width: 620px;
  height: 460px;
  border: 3px solid blue;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;

}

table.menu
{
  background-image: url(./Images/placeb.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 620px;
  height: 550px;
  border: 3px solid blue;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

table.home
{
  width: 1000px;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

table.wine
{
  background-image: url(./Images/Wine_Graphic.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 750px;
  height: 500px;
  border: 3px solid red;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

table.green-plan
{
  background-image: url(Green.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 750px;
  height: 500px;
  border: 3px solid green;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

table.gift-christmas
{
  background-image: url(Christmas.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 1000px;
  height: 400px;
  border: 3px solid red;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

table.gift
{
  background-image: url(Gift.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 1000px;
  height: 400px;
  border: 3px solid red;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

table.fall
{
  background-image: url(fall.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 800px;
  height: 603px;
  padding: 5px;
  cellspacing: 5px;
}

table.spring
{
  background-image: url(spring.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 900px;
  height: 506px;
  padding: 5px;
  cellspacing: 5px;
}

table.recipe
{
  background-image: url(./champagne.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 1050px;
  border: 3px solid red;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

table.spa
{
  background-color: white;
  width: 650px;
  height: 390px;
  border: 3px solid blue;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

table.valentine-menu
{
  background-image: url(./Images/valentine-wallpaper.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 620px;
  height: 550px;
  border: 3px solid blue;
  padding: 0px;
  cellspacing: 0px;
  border-collapse: collapse;
}

td.calmonth
{
  border-collapse: collapse;
  border: 3px solid blue;
  padding: 0px;
  height: 20px;
}

td.calday
{
  border-collapse: collapse;
  border: 3px solid blue;
  padding: 0px;
  height: 20px;

}

td.calcell
{
  border-collapse: collapse;
  border: 1px solid blue;
  width: 90px;
  height: 65px;
  padding: 0px;
}


/********************/
/* Logo page styles */
/********************/
body.logo
{
  background-image: url(./Images/logo.jpg);
}


/********************/
/* Home page styles */
/********************/

body.home
{
  background-image: url(./Images/blue-bkgr.gif);
}

/**************************/
/* Navigation page styles */
/**************************/

body.nav
{
  background-image: url(./Images/blue-bkgr.gif);
}
#navbar 
{
  font-family: Verdana, Arial;
  font-size: 0.8em;
  font-weight: bold;
  width: 13em;
  padding: 0;
  margin-bottom: 1em;
  background-color: #67BAE1;
  border-top: 3px solid #67BAE1;
  border-bottom: 3px solid #67BAE1;
}
#navbar ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}
#navbar ul li
{
  margin: 0;
}
#navbar ul li a
{
  display: block;
  padding: 2px 2px 2px 0.5em;
  border-top: 3px solid #67BAE1;
  border-bottom: 3px solid #67BAE1;
  background-color: navy;
  color: white;
  margin-left: 6px;
  margin-right: 6px;
  text-decoration: none;
  width: 100%;
}

html>body #navbar ul li a
{
  width: auto;
}

#navbar ul li a:hover
{
  border-top: 3px solid yellow;
  border-bottom: 3px solid yellow;
  background-color: red;
  color: white;
}

#rooms
{
  display: none;
  background-color: yellow;
}
#grange
{
  display: none;
  background-color: yellow;
}

#photos
{
  display: none;
  background-color: yellow;
}

img.yh1
{
  position: absolute;
  left: 50px;
  top: 30px;
  yh1-index: -1;
}

img.irene
{
  position: absolute;
  left: 300px;
  top: 320px;
  yh1-index: -1;
}

img.guests
{
  position: absolute;
  left: 80px;
  top: 570px;
  yh1-index: +1;
}

img.rieu
{
  position: absolute;
  left: 400px;
  top: 720px;
  yh1-index: -1;
}

p.yh1
{
  position: absolute;
  left: 450px;
  top: 200px;
  text-align: left;
  padding: 8px;
  color: indigo;
  font-size: large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}

p.guests
{
  position: absolute;
  left: 500px;
  top: 600px;
  text-align: left;
  padding: 8px;
  color: indigo;
  font-size: large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}

p.rieu
{
  position: absolute;
  left: 50px;
  top: 900px;
  text-align: left;
  width: 300px;
  padding: 8px;
  color: indigo;
  font-size: large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}





img.sm-table
{
  position: absolute;
  left: 20px;
  top: 20px;
  sm-table-index: -1;
}


img.sm-table-detail
{
  position: absolute;
  left: 20px;
  top: 350px;
  sm-table-index: -1;
}

img.gallery
{
  position: absolute;
  left: 2px;
  top: 45px;
  height: 350px;
}

img.hires
{
  position: absolute;
  left: 2px;
  top: 45px;
  height: 500px;
}

img.top-left
{
  position: absolute;
  left: 10px;
  top: 10px;
  height: 420px;
}
img.dot
{
  border: 0px;
}

p.sm1
{
  position: absolute;
  left: 450px;
  top: 20px;
  text-align: center;
  padding: 8px;
  color: #930C0C;
  font-size: large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}

p.sm2
{
  position: absolute;
  left: 580px;
  top: 150px;
  text-align: LEFT;
  padding: 8px;
  color: #930C0C;
  font-size: X-large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}

p.sm3
{
  position: absolute;
  left: 450px;
  top: 450px;
  text-align: center;
  padding: 8px;
  color: #930C0C;
  font-size: large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}

p.sm4
{
  position: absolute;
  left: 20px;
  top: 680px;
  text-align: LEFT;
  padding: 8px;
  color: #930C0C;
  font-size: large;
  font-style: oblique bold;
  font-family: Trebuchet;
  line-hight: 150%;
}
#menulist ul
{
  position: absolute;
  left: 490px;
  top: 220px;
  list-style: disc;
  margin: 0;
  padding: 0;
}
#menulist ul li
{
  margin: 0;
  color: #930C0C;
  font-style: oblique bold;
  text-align: center;
}