<style type="text/css">
/******************************************************/
/* See the end of the document for the print overrides */
/* General element styles */
/******************************************************/
/* If you remove the html tag, you end up with a white 8px margin*/
/* for no logical reason other than the browser overrides it */
html {background-color:#C0C0FF; }

body {background-color:#C0C0FF; margin: 0px; padding:0px}

P,H1,H2,H3,H4,H5,H6,UL,OL,LI,DL,DT,DD,BLOCKQUOTE,PRE,BR
  {font-weight: normal; 
  color:#0000B0;
  text-align: left;
  padding-top: 0; padding-bottom: 0; padding-left: 1px; padding-right: 0;
  text-decoration: none;
  vertical-align: middle;
  }

/* Display : block causes a newline before each of these */
P,H1,H2,H3,H4,H5,H6,DL,DT,DD,BLOCKQUOTE,PRE,BR
  {display: block;}
P,UL,OL,LI,DL,DT,DD,BLOCKQUOTE,PRE,BR {font-size: small;}
H1{font-size: x-large; font-weight: bold}
H2{font-size: large; font-weight: bold;}
H3{font-size: large;}
H4{font-size: medium;}
H5{font-size: medium; font-style: italic;}
H6{font-size: small; font-weight: bold;}
	
/* Display : inline causes these to flow with text either side */
B,A,OL,I,IMG,SPAN {display: inline }
B, STRONG { font-weight: bolder }  /* relative to the parent */
I, BLOCKQUOTE { font-style: italic }
PRE { font-family: monospace; white-space: pre } /* Pre formatted */

/* LINKS unvisited, visited, active and mouseover */
a:link {color: blue;  text-decoration: underline;}
a:visited {color: green;  text-decoration: underline;}
a:active {color: green; text-decoration: none;}
a:hover {color: teal; text-decoration: underline;}
  
/* horizontal rule is just an empty line with a 1pt border */
HR {border: 1pt solid #0000FF; height:1px; text-align: center}

/* LISTS */ 
UL {list-style-type: disc; list-style-position:inside; 
  text-indent:-12px; margin-left:20px;}
OL {list-style: decimal; margin: 0;}
LI {display: list-item;}

TABLE { 
  border-collapse: collapse; border: 0;
  margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;
  padding: 0; display: inline;
  font-size: small; color:#0000B0; text-align: left;
  page-break-inside: auto;
  background: #C0C0FF; 
  empty-cells: show;}
TH {font-size: medium; font-weight: bold; 
  padding-top: 0;  padding-bottom: 0;  padding-left: 5;  padding-right: 5;}
TD {margin-top: 0;  margin-bottom: 0;  margin-left: 0;  margin-right: 0;
  padding-top: 0;  padding-bottom: 0;  padding-left: 5;  padding-right: 5;}

/******************************************************/
/* General classes */
/*******************************************************/
.CENTRE {text-align:CENTER}
.RIGHT {text-align:RIGHT}
.LEFT {text-align:LEFT}
.MIDDLE {vertical-align: middle}

.important {Background:yellow}
.red {color:red}
.KeyPara {font-size: medium;  font-weight: bold}
.KeyParaRed {font-size: medium;  font-weight: bold; color: red}
.KeyParaGreen {font-size: medium;  font-weight: bold; color: green}
.KeyParaCentred {font-size: medium;  font-weight: bold; text-align: center}
.KeyParaCentredRed {font-size: medium;  font-weight: bold; text-align: center;
  color: red}
.Fullwidth {width: 100%} 
  
/******************************************************/
/* Page layout  */
/*******************************************************/
.hide  {display:inline;}

/* Banner */
.Banner:after {content: ""; display: table; clear: both;}
.Banner {display: table; width: 100%; }
.BannerTitleRow {display: table-row; background-color:#C0C0FF;}
.BannerColFB {display: table-cell; text-align:CENTER;
  vertical-align: middle; width: 50px;}
.BannerCol50 {display: table-cell; text-align: CENTER;
  vertical-align: middle; width: 50px; }
.BannerCol200 {display: table-cell; text-align: CENTER;
  vertical-align: middle; width: 200px; }
.BannerColMid  {display: table-cell; text-align: CENTER;
  vertical-align: middle;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;}
.MainPageTitle {display: inline; font-weight: bold; text-align: center; font-style: italic;
 font-size: xx-large;}
.MobileTitle {display: inline; font-weight: bold; text-align: center; font-style: italic;
 font-size: x-large;}
.BannerColRt  {display: table-cell; width: 200px; vertical-align: middle}
.BannerPictureRow:after {content: ""; display: table; clear: both;}
.BannerPictureRow {display: table-row; background-color:#E0E0FF; }
.BannerPictureCellLeft {display: table-cell; width: 350px;  vertical-align: middle;}
.BannerPictures  {display: table-cell; vertical-align: middle;
  text-align: CENTER; 
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 0px;  padding-right: 10px;}
.BannerGite  {display: table-cell; vertical-align: middle; text-align: CENTER;}
.BannerPictureCell  {display: inline-block; vertical-align: middle; text-align: CENTER; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;}
.BannerImage {display: inline-block; WIDTH: 89px; HEIGHT: 50px; }

/******************************************************/
/* Core is the full page width , CoreRow holds the main section of each page */
/* - CoreContents is the contents column */
/* - CoreDetail is the text and images for each page */
/******************************************************/
.Core:after {content: ""; display: table; clear: both;}
.Core {display: table; background-color:#C0C0FF; 
  width: 100%; line-height: 1.2}
.CoreRow {display: table-row;} 

.CoreContents {display: table-cell;  width: 200px; vertical-align: top}
.CoreContentsMob {display: table-row;  width: 100%; text-align: left; }
/* Contents is the actual contents list */
.Contents {display: table; background-color:#C0C0FF; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;}
/* ContentsRow - one per item */
/* NOTE: This HAS to be a table, otherwise the width of the padding cells is overridden if there is  */
/* text in the column and the spacing goes to pot  */
.ContentsRow {display: table;}
.ContentsRowMob {display: table;}
/* ContentsBlank - padding for indent */
.ContentsBlank {display: table-cell; width: 14px}
.ContentsText {display: table-cell; width: 158px; font-size: small; color:#0000B0;}
.ContentsTextMob {display: table-cell; font-size: large; color:#0000B0;}

/* CoreDetail is where all the details go */
.CoreDetail  {display: table-cell; vertical-align: top;
     padding-top: 0px;  padding-bottom: 0px;  padding-left: 10px;  padding-right: 0px;}
.PageHead {font-style: italic;}
.Footer {display: table; background-color:#E0E0FF; 
  width: 100%; line-height: 1em}
.FooterRow {display: table-row; vertical-align: middle; text-align:CENTER}
.FooterCol {display: table-cell; vertical-align: middle; text-align:CENTER}

/******************************************************/
/* Page specific classes */
/*******************************************************/
/*.KeyHead {text-align : CENTER; font-size : x-large}*/
/*.SubTotal {font-size: medium;  font-weight: bold}*/

/* Main page */
.MainRow {display: table-row;}
.MainLeftCol {display: table-cell; width: 40%; vertical-align: top;
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 5px;  padding-right: 5px;}
.MainRightCol {display: table-cell; width: 60%; vertical-align: top;
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 5px;  padding-right: 5px;}
.Headline {font-size: large; text-align: center; color: white}
  /* Scroller */
.cycle-slideshow  { position: relative;}
.cycle-pager-frame {margin: 10px; text-align:CENTER}
.cycle-overlay { font-family: arial; font-size: large;
  position: absolute; bottom: 5px; width: 100%; z-index: 600;
  background: black; color: white; padding-bottom: 0px; opacity: .5;
  }
 
/* Gite Summary page */
.GiteSummaryTable {display: table; background-color:#E0E0FF;}
.GiteSummaryRow {display: table-row; background-color:#E0E0FF; width: 100%}
.GiteSummaryTitleCell {display: table-cell; vertical-align: middle;
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 5px;  padding-right: 5px;}
.GiteSummaryPictureCell {display: table-cell; text-align: center; vertical-align: middle;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  color:#0000B0;}
/*.GiteSummaryPlanCell {display: table-cell; height:520px; width:810px;
  text-align: center; vertical-align: middle; color:#0000B0;}*/
.GiteSummaryPlanCell {display: table-cell; text-align: center; vertical-align: middle;}

/* Availability page */
.InputSec {display: table; width: 400px; line-height: 1em}
.InputItem {display: table-cell; vertical-align: middle; text-align:CENTER;}
.TBLAvail TH {border: 0; text-align: center; background: #E0E0FF; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-size: small; font-family: verdana; font-weight: bold}
.TBLAvail TD {border: 1pt solid silver; background: #FFFFFF; 
  padding-left:2; padding-right:2; 
  font-size: x-small; font-family: verdana; text-align: center; color : black}

/* Seasons page */
.SeasonTbl {display: table;}
.SeasonRow {display: table-row;}
.SeasonTitle {display: table-cell; width: 840px; height: 40px; text-align:CENTER; vertical-align: middle;
  font-size: x-large; font-weight: bold; color:#0000B0; background-color:#C0C0FF;}
.SeasonName {display: table-cell; width: 150px; vertical-align: top;
  font-weight: normal; color:#0000B0; font-size: small; text-align: center;}
.SeasonDates {display: table-cell; width: 300px; vertical-align: top;
  font-weight: normal; color:#0000B0; font-size: small;}
.SeasonYear {display: table-cell; width: 100px; text-align:CENTER; vertical-align: middle;
  font-size: large; font-weight: bold; color:#0000B0; background-color:#FFFFFF;}
.SeasonDOW {display: table-cell; width: 20px; text-align:CENTER;
  font-size: small; font-weight: normal; color:#0000B0; background-color:#FFFF9C;}
.SeasonMonth {display: table-cell; width: 100px; text-align:CENTER;
  font-size: medium; font-weight: normal; color:#0000B0; background-color:#FFFF9C;}

/* Prices*/
.PricesTbl {display: table;}
.PricesRow {display: table-row;}
.PricesDropBox {display: table-cell; width: 300px; height: 40px; text-align:CENTER; vertical-align: middle;}
.PricesHead {display: table-cell; vertical-align: top; background-color:#E0E0FF;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: bold; color:#0000B0; font-size: medium; text-align: center;}
.PricesCell {display: table-cell; vertical-align: middle; height: 120px;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: normal; color:#0000B0; font-size: small; text-align: center;}

/* Wine for holiday page */
.WineTbl {display: table; border: 3px solid #FFFFFF;}
.WineRow {display: table-row; }
.WineHead {display: table-cell; vertical-align: middle; background-color:#E0E0FF;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: bold; color:#0000B0; font-size: medium; text-align: center;}
.WineCell {display: table-cell; vertical-align: middle; border-bottom: 1px solid #FFFFFF;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: normal; color:#0000B0; font-size: small; text-align: center;}
.WineImageLeft {vertical-align: middle; height: 470px;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: normal; color:#0000B0; font-size: small; text-align: center;}
.WineImageRight {vertical-align: middle; height: 470px;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: normal; color:#0000B0; font-size: small; text-align: center;}
/* Wineprint */
.WhiteOnBlue {font-size: xx-large; font-weight:bold; Background:#399EFF; color:white;
  text-align : CENTER}
.WineBox {font-size: small; font-weight: bold; Background:#CEDFEF; color:black;
  text-align : CENTER; border:1pt solid #000000}

/* Information page Used all over*/
.InfoTbl {display: table;}
.InfoRow {display: table-row;}
.InfCell {display: table-cell; vertical-align: middle;}
.ActPicture {display: block; vertical-align: middle; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: normal; color:#0000B0; font-size: small; text-align: center;
  font-style: italic; margin-left: auto; margin-right: auto;}
.InfoPicture800 {display: inline-block; width: 800px;}
.InfoPicture {display: inline-block; vertical-align: middle; width: 400px;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: normal; color:#0000B0; font-size: small; text-align: center;
  font-style: italic;}
.InfoPictureSmall {display: inline-block; vertical-align: middle; width: 200px;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  font-weight: normal; color:#0000B0; font-size: small; text-align: center;
  font-style: italic;}
.IPTX {text-align: center; font-style: italic; }
.InfoText {display: table-cell; vertical-align: middle; color:#0000B0; 
  width: auto;}
.InfoTop {display: table-cell; vertical-align: top; width: auto;}
.LinksHead {display: table-cell; vertical-align: middle; background-color:#E0E0FF;
  padding-top: 2px;  padding-bottom: 0px;  padding-left: 5px;  padding-right: 5px;
  font-weight: bold; color:#0000B0; font-size: small; text-align: center;}
.LinksText {display: table-cell; vertical-align: middle; color:#0000B0; 
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 5px;  padding-right: 5px;
  width: auto; font-size: x-small;}
  
/* Contact page */
.ContactCard {display: table-cell; background-color: silver; width: 300px;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  border: 1px solid #0000B0;
  font-weight: normal; color: black; font-size: medium; text-align: center;}

/* Guestbook page */
.GuestbookName {font-size: medium;  font-weight: bold; text-align: center;
  font-style: italic;
  padding-top: 5px;  padding-left: 5px;  padding-right: 5px;
  border-width: 1px 1px 0 1px; border-style: solid; border-color: blue;}
.GuestbookComment {font-size: medium;  font-weight: bold; text-align: left;
  border-width: 0 1px 1px 1px; border-style: solid; border-color: blue; 
  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  line-height: 1em; color:#0000B0;}
.GuestbookMid {font-size: medium;  font-style: italic; text-align: left;
  padding-left: 5px;  padding-right: 5px;
  line-height: 1em;}

/* Festivals page, How to Travel, Guestbook add */
.FestivalRow {display: table-row; }
.FestivalTitleCell {display: table-cell; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  background-color:#E0E0FF; color:#0000B0; font-style: bold;
  font-size: medium;}
.FestivalCell {display: table-cell; vertical-align: top; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  color:#0000B0; background-color:#D0D0FF; font-size: small;}
.FestivalText {display: table-cell; vertical-align: top; 
  color:#0000B0; font-size: small;}

/* Ferry page */
.FerryRow {display: table-row; }
.FerryTitleCell {display: table-cell; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  background-color:#E0E0FF; color:#0000B0; font-style: bold;
  font-size: medium;}
.FerryCell {display: table-cell; vertical-align: top; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  color:#0000B0; background-color:#D0D0FF; font-size: small;}
.FerryCellBorder {display: table-cell; vertical-align: top; 
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  border-width: 0px 0px 1px 0px; border-style: solid; border-color: #FFFFFF; 
  color:#0000B0; background-color:#D0D0FF; font-size: small;}

/* Map page */
.MapRow {display: table-row; }
.MapTitleCell {display: table-cell; width: 400px;
  padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
  background-color:#E0E0FF; color:#0000B0; font-style: bold;
  font-size: medium;}
.MapCell {display: table-cell; vertical-align: top; 
  border-width: 0px 0px 1px 1px; border-style: solid; border-color: #FFFFFF; 
  color:#0000B0; background-color:#D0D0FF;}
.MapText {font-size: large; text-align: center; }
.MapImage { WIDTH: 160px; HEIGHT: 170px; text-align: center;
  padding-top: 10px;  padding-bottom: 0px;  padding-left: 0px;  padding-right: 0px;}

/* Links page */
.LinkImage { WIDTH: 250px; HEIGHT: 230px; text-align: center;
  padding-top: 10px;  padding-bottom: 0px;  padding-left: 0px;  padding-right: 0px;}
  
/* DVLinks page */
  /******************************************************************************************************/
  /* Any element with class CLASS='DVLinksText' will have all the attributes of .DVLinksText below      */
  /* BUT where there is a hyperlink /A CLASS='DVLinksText'                                              */
  /* This will have all the attributes of .DVLinksText below, OVERRIDDEN by anything in a.DVLinksText   */
  /* So the element specific class definition overrides the generic -                                   */
  /* the BODY.DVLinks definition below overrides the generic BODY definition above, where CLASS is used */
  /******************************************************************************************************/
.DVLinksHead {display: table-cell; vertical-align: middle; background-color:black;
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 5px;  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; color:yellow; font-size: small; text-align: center;}
.DVLinksSection {display: table-cell; vertical-align: middle; background-color:black;
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 5px;  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; color: red; font-size: small; text-align: center;}
.DVLinksText {display: table-cell; vertical-align: middle; font-family: Arial, Helvetica, sans-serif;
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 5px;  padding-right: 5px;
  width: auto; font-size: small;} 
a.DVLinksText {color: yellow; text-decoration: none;}
body.DVLinks {background-color:black; margin: 0px; padding:0px}

/*******************************************************/
/* TABLES                                              */
/* Classes for Table border: <width> <style> <colour>  */
/* All must be present in order or it doesn't work     */
/*******************************************************/
/* Standard table - left justified with no border and light TH background */

/* Display table - normal background, no border, text centred */
/* Availability */
/*
TABLE.TBLDisp TH {border: 0; text-align: center; background: #E0E0FF;} 
TABLE.TBLDisp TD {border: 0; text-align: center; 
  padding-top: 0;  padding-bottom: 0; padding-left: 3;  padding-right: 3;}
*/
/* Gite tables */
/* GiteSummary, Prices*/
/*
TABLE.TBLGite TH {border: 0; text-align: center;} 
TABLE.TBLGite TD {border: 0; text-align: center;                                                                    
  padding-top: 5;  padding-bottom: 5; padding-left: 3;  padding-right: 3;}
*/ 
/* Page layout table for the pages with images */
/*
TABLE.TBLPage {width: 100%} 
TABLE.TBLPage TH {border: 0; text-align: center;} 
TABLE.TBLPage TD {border-left: 0px solid red; text-align: center; 
  padding-top: 5;  padding-bottom: 5; padding-left: 10;  padding-right: 10;}
*/
/* Options table - mid background, light border */
/* Wine, Festivals, Whichwaytotravel, Air, Ferry, Directions, All Admin pages */
/*
TABLE.TBLOpts TH {font-size: medium; font-weight: bold;
  border: 1pt solid #E0E0FF; padding-left: 3; padding-right: 3;
  background: #E0E0FF}
TABLE.TBLOpts TH.bkgnd  {background:#C0C0FF; border:0}
TABLE.TBLOpts TD {border: 1pt solid #E0E0FF; padding-left: 3; padding-right: 3;
  background: #D0D0FF}
TABLE.TBLOpts TD.bkgnd  {background:#C0C0FF; border:0;}
*/
/* Options table centered text - mid background, light border */
/* Turnover */
/*
TABLE.TBLOptsC TD {border: 1pt solid #E0E0FF; padding-left: 3; padding-right: 3;
  background: #D0D0FF; text-align:center}
*/
/* Centred table - normal background, no border, text centred */
/* Firefox uses padding as reference, while IE uses margin  */
/* Set margin to auto to allow the table to float to the middle*/
/* padding cannot be auto, it must be a value, so cannot set it */ 
/* Gite floorplans, Activity maps*/
/*
TABLE.TBLCtr {margin-left: auto; margin-right: auto; text-align: center;}
*/
/* Data table - white background, light border, text centred */
/* BookingSummary */
/*
TABLE.TBLData TH {border: 0pt solid silver; text-align: center}
TABLE.TBLData TD {border: 1pt solid silver; background: #FFFFFF; padding:0; 
  font-size: small; font-family: verdana; text-align: center; color : black}
TABLE.TBLData A {text-align: center; font-family: verdana; font-size: small;} 
*/
/* Season table - white background, no border, text centred */
/* Seasons */
/*
TABLE.TBLSeason TH {border: 0; text-align: center}
TABLE.TBLSeason TD {border: 0; background: #FFFFFF; 
  padding-left:2; padding-right:2; 
  font-size: small; font-family: verdana; text-align: center; color : black}
*/
/* Availability table - white background, no border, text centred */
/* Availability */
/*
.Small {font-size: x-small}
.ImageLabel {text-align: center;  color:#0000B0;
  display:block; font-size: Medium; font-style:italic; 
  margin-top: 0;  margin-bottom: 0;  margin-left:0;  margin-right:0; }
.SmallImageLabel {text-align: center;  color:#0000B0;
  display:block; font-size: x-small; font-style:italic; 
  margin-top: 0;  margin-bottom: 0;  margin-left:0;  margin-right:0; }
.FalseField {color:#000000; border:1pt solid #CCCCCC; background:#FFFFFF; 
  font-family:monospace; font-size: small; padding-left: 2px}
.Page-break {display:none;}
*/

/*******************************************************/
/* DIVs and SPANs                                      */
/*******************************************************/
/*
DIV.hideall {display:none;}
DIV.help P {color:#FF33CC;}
DIV.help UL {color:#FF33CC;}
DIV.help LI {color:#FF33CC;}
DIV.help H2 {color:#FF33CC;}

SPAN.hideall {display:none;}
SPAN.help P {color:#FF33CC;}
SPAN.help UL {color:#FF33CC;}
SPAN.help LI {color:#FF33CC;}
SPAN.help H2 {color:#FF33CC;}
*/

/******************************************************/
/* Definitions for input buttons  */
/******************************************************/
input.Whitebutton {   
  color:#6666FF;   
  font-size: small;
  font-family: times new roman, serif;
  text-decoration: underline;
  text-align: center;
  background-color:#FFFFFF;
  border:0px solid;
  border-color: #696 #363 #363 #696;
  }   
.ButtonInvis {background:#C0C0FF; color:#0000B0;
  text-align: center; margin: 0px; padding: 0px;}

/*******************************************************/
/* The @media print means these definitions apply only to the printed version */
/* and override the definitions above                  */
/*******************************************************/
@media print 
  {
  #hide {display:none;}
  .hide  {display:none;}
  DIV.hideall {display:none;}
  SPAN.hide {display:none;}
  SPAN.hideall {display:none;}
 
  /* In theory this should cause a page break on the print version    */
  /* wherever used. In practice, the page text is inside one element  */
  /* of a table, so it is ignored by most browsers. Perhaps it will   */
  /* be supported in the future               */
  .page-break  { display: block; page-break-before: always; }
	
  BODY {margin: 0px; padding: 0px; line-height: 1.4;
    background-color: #FFFFFF}

  P{font-size: x-small;}
  .Title {font-size: x-large; font-weight: bold; text-align: center; font-style: italic;}
  H1{font-size: large; font-weight: bold;}
  H2{font-size: medium; font-weight: bold;}
  H3{font-size: medium;}
  H4{font-size: small;}
  H5{font-size: small; font-style: italic;}
  H6{font-size: x-small;}
	
  .KeyPara {font-size: small;  font-weight: bold}
  .KeyParaRed {font-size: small;  font-weight: bold; color: red}
  .KeyParaCentred {font-size: small;  font-weight: bold; text-align: center}
  .KeyParaCentredRed {font-size: small;  font-weight: bold; text-align: center;
  color: red}

  UL {list-style-type: disc; list-style-position:inside; margin: 0;
    font-size: x-small;}
  OL {list-style: decimal; margin:0; font-size: x-small;}
  LI {display: list-item; padding-left: 2em; font-size: x-small;}

  TABLE { 
    border-collapse: collapse; border: 0pt solid #000000; padding: 0;
    margin-left: 0; margin-right: auto; margin-top: 0; margin-bottom: 0;
    font-size: x-small; color:#000000; text-align: left;
    background: #FFFFFF; empty-cells: show;}
  THEAD {display:table-header-group;}
  TR {page-break-inside: auto; page-break-after: auto}
  TH {font-size: x-small; font-weight: bold; background: #FFFFFF;
    padding-top: 0;  padding-bottom: 0;  padding-left: 5;  padding-right: 5;}
  TD {padding: 0; margin: 0; font-size: x-small}

  /* Wine for holiday page */
  .WineTbl {display: table; border: 3px solid #000000;}
  .WineRow {display: table-row; }
  .WineHead {display: table-cell; vertical-align: middle; background-color:#E0E0FF;
    padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
    font-weight: bold; color:#0000B0; font-size: x-small; text-align: center;}
  .WineCell {display: table-cell; vertical-align: middle; border-bottom: 1px solid #000000;
    padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
    font-weight: normal; color:#0000B0; font-size: x-small; text-align: center;}
  .WineImageLeft {float: left; vertical-align: middle; height: 470px;
    padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
    font-weight: normal; color:#0000B0; font-size: x-small; text-align: center;}
  .WineImageRight {float: right; vertical-align: middle; height: 470px;
    padding-top: 5px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;
    font-weight: normal; color:#0000B0; font-size: x-small; text-align: center;}
  /* Wineprint */
  .WhiteOnBlue {font-size: large; font-weight:bold; Background:#399EFF; color:white;
    text-align : CENTER}
  .WineBox {font-size: small; font-weight: bold; Background:#CEDFEF; color:black;
  text-align : CENTER; border:1pt solid #000000}
	
  TABLE.TBLData TH {text-align: center; font-size: 60%; color: black;}
  TABLE.TBLData TD {text-align: center; font-family: verdana;
    font-size: 28%; color: black; padding: 0; margin: 0}
  TABLE.TBLData A {text-align: center; font-family: verdana; 
    font-size: 100%; color: black;}

  TABLE.TBLSeason TD {border: 0; background: #FFFFFF; 
    padding-left:1; padding-right:1; 
    font-size: x-small; font-family: verdana; text-align: center; color : black}

  TABLE.TBLOpts {page-break-inside: auto; page-break-before: auto}
  TABLE.TBLOpts TR {page-break-inside: auto; page-break-after: auto}
  TABLE.TBLOpts TD {border: 1pt solid #888888; padding-left: 3; padding-right: 3;
  font-size: x-small; background: #FFFFFF;}
  TABLE.TBLOpts TH.bkgnd  {background:#FFFFFF; border:0;}
  TABLE.TBLOpts TD.bkgnd  {background:#FFFFFF; border:0;}

  } 
/******************************************************/
/* This is so the page breaks put in for print formatting don't appear on screen
/******************************************************/
@media all {
  .page-break  { display: none; }
}
</style>