* {
  margin: 0px;
  padding: 0px;
}

body {
  background-image:url('images/spots.gif');
  background-repeat:repeat;
  background-attachment:scroll;
  background-position:center;
  text-align: center;
  font-family: Arial, sans-serif;
  color: gray;
  height: 100%;
}

#panel {
  background-image:url('images/stitches.gif');
  background-repeat:repeat-y;
  background-attachment:scroll;
  background-position:center;
  margin-left: auto;
  margin-right: auto;
  width: 928px;
  min-height: 100%;
}

#content {
  margin-left: 46px;
  margin-right: 44px;
  min-height: 100%;
}

#flipcalendar {
  margin: 30px;
  position: relative;
  clear: both;
  height: 125px;
  width: 765px;
  background-image: url('images/flipcalendar.gif');  
  background-repeat: no-repeat;
  background-position: left;
}

#month, #day, #date {
  text-align: center;
  position: absolute;
  font-family: monospace;
  font-weight: bold;
}

#day {
  font-size: 12pt;
  left: 0px;
  top: 33px;
  width: 100px;
}

#month {
  font-size: 12pt;
  top: 60px;
  left: 5px;
  width: 95px;
}

#date {
  font-size: 20pt;
  top: 78px;
  left: 5px;
  width: 95px;
}

#caldescription {
  text-align: left;
  position: absolute;
  left: 120px;
  top: 0px;
  font-size: 12pt;
}

span.calheader {
  font-size: 12pt;
  line-height: 40px;
}

span.caltitle {
  font-size: 14pt;
}

/* hide this from everybody apart from IE<=6 which doesn't support min-height \*/
* html #panel{height:100%}
* html #content{height:100%}
/* end hide */

a {
  color: #5AA6EC;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #5AA6EC;  
}

p {
  margin-top: 5px;
  margin-left: 30px;
  margin-right: 30px;
  text-align: left;
}

p.occasions {
  font-size: 14pt;
  margin-top: 20px;
}

div.linkbox, div.piclinkbox, div.tablebox {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid #BDDBF7;
  width: 790px;
}

div.linkbox {
  text-align: left;
}

p.thinmargin {
  margin-left: 5px;
}

p.hometext {
  padding-top: 25px;
  font-size: 16pt;
}

blockquote.cwtch {
  font-size: 16pt;
}

blockquote {
  font-family: monospace;
  font-weight: bold;
  clear: both;
}

p.faq_q {
  margin-top: 20px;
  font-family: monospace;
  font-weight: bold;
  font-size: 16pt;
}

p.links {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #BDDBF7;
  padding: 5px;
}

p.italicfooter {
  margin-top: 10px;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 10px;
  font-style: italic;
  text-align: center;
}

#bluebar1, #bluebar2, #bluebar3 {
  background-color: #BDDBF7;
  color: #BDDBF7;
  font-size: 1px;
}

#bluebar1 { height: 15px; }
#bluebar2 { height: 10px; }
#bluebar3 { height: 10px; }

#header {
}

#footer {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-right: 10px;
  font-size: 8pt;
  text-align: right;
  vertical-align: bottom;
  clear: both;
}

h1, h2, h2.boxedheading {
    font-family: monospace;
    color: gray;
}

h2.boxedheading {
    font-size: 20pt;
    font-weight: bold;
}

h1, h2 {
  text-align: center;
}

h1 {
  font-size: 75pt;
}

h2 {
  margin-top: 10px;
  font-size: 32pt;
}

p.delivery {
    font-size: 14pt;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}

img.flavour-cake {
  border: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

table.flavour-table {
  border: 0px;
  vertical-align: middle;
  border-spacing: 10px;
  margin-left: 60px;
  margin-right: 150px;
  }

span.flavour-title {
  font-size: 12pt;
  font-weight: bold;
}

td.flavour-text {
  text-align: left;
}

table.cakes {
  margin-top: 10px;
  margin-bottom: 5px;
  width: 838px;
}

td.cake {
  width: 16%;
  text-align: center;
}

a.cake {
  text-decoration: none;
  font-family: monospace;
  font-size: 12pt;
  color: gray;
  font-weight: bold;
}

a.cake:visited {
  color: gray;
}

img.cake {
  width: 69px;
  height: 79px;
  border: 0px;
  margin-bottom: 3px;
}