﻿html,body{margin:0; padding:0; position:relative; background-color:#fff; color:#000; font-size:90%;} 
body{ font-family:helvetica, arial, sans-serif; line-height:120%;}
h1{}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
h2{ font-size:100%; font-weight:bold; margin:1.1em 0 0 0;}
h3{ font-size:100%; font-weight:bold; margin:1.1em 0 0 0;}
h4{ font-size:100%; font-weight:bold; margin:0.4em 0 0.1em 0;}
p{ margin:0 0 0.3em 0;}
b{ font-weight:bold;}
ul,ol,dl,li{ margin:0; padding:0; list-style-type:none;}
li{ margin-bottom:0.2em;}
a:link{ color:#67f;}
a:visited{ color:#76e;}
a:active{ color:#e33;}
a img{ border:0;}
address{ font-style:normal;}
th{ text-align:left; font-weight:normal;}
th,td{ vertical-align:top;}
tr.section td
, tr.section th{ padding-top:0.5em;}

blockquote{ margin:1em 0 0 0; background:#eef; padding:4px;}
p.quotee{ margin:0 0 1em 0; padding:0.5em 0 1em 0; font-size:90%; font-weight:bolder;}
h1#siteName{ margin:20px 0 0 7px;}
#strap{ margin:5px 0 0 30px; padding:0; color:#578; font-size:90%; font-weight:normal; line-height:130%;}
#leftCol{ position:absolute; top:128px; margin-top:1em; bottom:auto; left:3px; width:170px;}
#mainContent{ position:absolute; top:128px; margin-top:1em; left:200px;}
#centerCol{ width:80%; min-width:400px;}

#strap address a
,#strap address a:visited{ color:#578;}


a.details{ font-size:90%;}

#mainContent .imgBlock{ margin:1em 0 0.7em 0;}
#mainContent .imgBlock img{ margin:0; border:1px solid #999;}
#mainContent .copy{ clear:both; font-size:90%;}
#mainContent .copy img{ display:block; margin:0.8em 0 0.8em 0;}
/*
#mainContent .copy p.intro a:link,
 #mainContent .copy p.intro a:visited{ color:inherit;}
*/
#mainContent div.imgWithCaption img{ margin-bottom:0;}
#mainContent div.imgWithCaption p{ margin:0 0 0.8em 0; font-size:90%; width:400px;}

ul#siteContents{ font-size:100%; line-height:120%; margin-left:28px; color:#999;  margin-top:0.8em;}
ul#siteContents li{ margin-bottom:0.6em;}
ul#siteContents h2#pageName{ font-size:100%; font-weight:normal; color:#000; margin:0;}
ul#siteContents a:link, ul#siteContents a:visited, 
ul#pageContents a:link, ul#pageContents a:visited{ color:#036; text-decoration:none;}
ul#siteContents a:hover, ul#pageContents a:hover{ color:#79c;text-decoration:underline;}
ul#pageContents{ margin-top:2em; font-size:0.8em; text-align:right; color:#777; }

table#price{ background-color:#FE9A33; width:100%; border:1px solid #333; font-size:70%; margin:1em 0 1em 0;}
table#price td,table#price th{ border:1px solid #333; padding:2px 2px 2px 1px;}
table#price .date{ font-size:150%; line-height:200%; border-right:1px solid black; margin:0 2px 0 0; padding:0 2px 0 0; width:1em; float:left;}
table#price th .date{ font-size:100%; width:1.5em;}
table#price th .price{ font-size:80%;}
table#price a{ color:#34d}
table#price .spaces{ }

#booking{ }
table.booking{ clear:both; margin:0; width:100%; border:2px solid #999; padding:4px; border-spacing:0;}
table.booking th{ padding:0.5em;}
table.booking td{ border-bottom:1px solid #bbd; padding:0.5em;}
table.booking th.date
,th.course
,th.course-places
,th.course-places-left
,th.course-price{ background:#ddf; border-bottom:1px solid #fff;}
.course-places{ color:#999;}
.warn{ font-size:90%; color:#f00;}
.tob{ list-style-type:none; font-size:90%;}
.tob .tob{ margin-left:1em;}
address.booking{ margin:0.5em 0 0.5em 0;}

.quote{ margin-bottom:0.25em; margin-top:0.8em;}
.author{ font-size:90%; margin-bottom:1em;}
.top{ font-size:80%; margin:1em 0 1em 0;}

div.cookbook h2{ font-size:100%; font-weight:bold; margin:1.1em 0 0 0;}
div.cookbook h4{ margin-top:0.8em;}
div.cookbook h4+ul.ingredients{ margin-top:0;}
ul.ingredients{ margin:0.8em 0 0.8em;}
ul.ingredients li{ margin:0 0 0.2em 0;}
p.serving{ margin:0.6em 0 0.6em 0;}
img.right{ clear:right; float:right; margin:0 0 5px 10px; border:0;}


