body { font-family: Verdana, Garamond, Arial, helvetica, sans-serif; color: #000; background-color: #ffc; font-size: 0.9em; }

.logo{width:15%; float: left; border: none; padding: 0 0.3em 0 0; margin-top: -1em; }
.logo img { width: 90%; border:none; }

.banner {margin-top: 1em; border-bottom: 1px solid #00c; }
.button { float: right; width: 10%; }
.clogo {float: right;  }
.grey {background-color: #eee;}

.nav { float: left; text-align: left; padding-top: 0.8em; margin-left:0.3em; margin-right: 0.3em; clear: both; width: 14%; }

ul.toc { list-style-type:none; margin: 0; line-height:1.3em; width: 100%; padding: 2px; font-size:0.9em; }
ul.toc li{ padding-top: 0.2em; }
ul.toc a { display: block; width:100%; margin:0; border: 1px solid #333; text-decoration: none; padding:0.2em 0em 0.2em 0.2em; font-size: small; }
ul.toc a.current { background-color:#fff; color:#03c; border: 1px solid #ccc; }
ul.toc a:link { background-color: #ffc; color: #03c; }
ul.toc a:visited { background-color: #039; color: #fff; }
ul.toc a:hover {background-color:#3399CC; color: #fff;}
.nav img { padding-left:2em; padding-top: 2em; padding-bottom: 2em; }

.content2 { float: left; width: 60%; background-color: #fff; color: #000; font-size: small; margin: 0 1%; padding: 0.8em 0.3em 0.4em 0.3em; }
.content2 h2 { font-size:medium; text-align:left; padding-left: 0.3em; margin-bottom: -0.8em; }


.content2 img {float: right; }

.content2 table.floral {width: 80%; }
.content2 table.floral td.middle {padding-right: 3em;  }

.flowerbar {float: left; width: 80%; margin-left: 3%;}
.flowerbar2 { float: left; width: 99%; margin-top: 1.3em; }
.content3 { float: left; width: 17%; font-size:smaller; text-align:center; }
.content3 img{ width: 95%; }
.content3 img.harvest { width: 50%; }
.content3 img.clogo {width: 70%; border: none;  margin: 0; padding: 0;  }
.content3 img.ff {width: 75px; }
.content3 img.rightcol {width: 70%; }
.content3 img.rightcol2 {width: 96px;}
.content4 { float: left; width: 70%; background-color: #fff; color: #000; font-size: small; margin: 0 1%; padding-top: 0.8em; padding-bottom: 0.4em; }
.content4 h2 { color: #03c; background-color: transparent; padding-left: 1em; }
.content4  h3, h4 { text-align: left; }
.content4 table img { width: 80%; }
.contentmeditate { width: 800px; padding: 0.3em 0em; }

.ff {width: 75px; height:76px;}
.mfb {background-image:url(images/miniflowerbar.gif); background-repeat:no-repeat; background-position:center center;}
img.banner {  padding-left: 6%;  border: none;}

.bloc{border-bottom: 1px solid #03c; font-size: 1em; }
.bloc h3 { font-size: 1.30em; padding-left: 0.5em; }
.blocr { float: right; width: 30%;}
.blocrmax {float: right; width: 99%;}

.room { padding: 1em; width:100%; clear:both; }
.room img { width: 70%; border: 1px solid #000; margin: 0.5em; float: left;}
.room p { clear: both;}

.map { padding: 1em; margin-left: 6%; border: none; }
.map img {width: 200px; height: 200px;}
#map {width: 500px; height: 300px; margin-left: 1em;}
.newsbox { border: 1px solid #009; text-align: center; width: 90%; font-family: "Trebuchet MS", Arial, sans-serif; margin-top: 1em; padding: 0.3em; float: right; }

.festival {border: 1px solid #900; text-align: center; width: 90%;  margin-top: 2em;  padding: 0.3em; float: left; }
.festival img {width: 60%; border: 1px solid #000; margin-left: 0.3em;}
.viewing { padding-left: 0.5em; list-style-type: none; font-size: small; }

.thumbslayer {list-style-type: none; text-align: left; width: 95%;  margin-top: 1em; margin-left: 0.5em; padding: 0.3em; }
.thumbslayer li {  padding: 0.5em 0.5em 2.5em; border: 1px solid #003399; }
.thumbslayer .img {width: 40px; height: 50px; float: right; margin-top: -0.8em; padding: 0;}

#footer {float: left; border-top: 1px solid #03c; width: 100%; font-size: smaller; }
h1 {font-size: 2em; padding-bottom: 0.2em; }
h1.smallheader { text-align:left;  font-size: small; background-color: transparent; color: #00c; padding-top: 2%; margin-left: 15%; } 
h1.centenary {font-size: 1.4em; padding-bottom: 0.6em;}
h2 { color: #00c; text-align:left; }
h2.c2head { font-size: medium; text-align: left; padding-bottom: 1em; }
h3 { color: #00c; font-size: 1.5em;  }
.festive {color:#f00; font-size: medium; font-family: "Book Antiqua", Verdana, sans-serif; border-bottom: 1px dotted #f00 ; font-weight: 600; }
h3.smaller { font-size: 0.8em; padding-left: 0.5em; }
h4 { color: #00c; text-align: left;  }
h4.promo { text-align: center;  color: #F00; }
h4.staff { color: #30c; text-align:center; font-size:small; padding: 0; margin: -0.5em 0 -0.5em 0; }
h4.cent {margin-left: 0.3em; font-size: 1em;}
h5 { font-size: 16px; }
.choir {color: #900; font-family: "Comic Sans MS", Verdana, sans-serif; }
.map {width: 80%; margin: 0 2%;}
table.act { align: left; text-align: left;  }
table.services { align: left; text-align: left; border: 1px solid  #30c; margin-top: 2em; margin-left: 0.5em; margin-right: 0.5em; }
table.work {float: right; margin: 4%; width: 95%;}
table.work img{width: 90%;}
.services td { border-bottom: 1px solid #30c; }
.services .r { border-left: 1px solid #30c;}
.services th { border-bottom: 1px solid #30c; }
.mission { text-align: center; color: #00c; background-color: transparent; }
table.foot { text-align: left; } 
td { padding: 5px; }
td.text { text-align: justify; }
td.ten { color: #fff; background-color: #99f; }
td.letter { text-align: justify; padding: 0.4em; border-left: 0.1em solid #00C; }
td.textborder { text-align: justify; padding: 0.4em; border-left: 0.1em solid #00C; border-right: 0.1em solid #00C; }
td.slice {padding:0; margin:0;}
tr.foot { font-size: 10px; }
p { text-decoration: none ; padding: 0 0 0 0.3em; }
p.pad { padding:2.2em 0 2em 0; }
p.tiny { font-size: x-small; }
p.reallytiny { font-size: 6pt; text-align: center; padding: 0; margin: 0;}
.skip { display: none;}
.validate { float: right; }
ul { list-style-type: square; }
ul.services { list-style-type: none; text-align: center; }
.services li { border: 1px solid #03c; }
ul.centenary { font-size: x-small; margin:0; padding-top:0; list-style-type:square; }
.contentmeditate  ul {list-style-type: none; float: right; width: 30%;}
.contentmeditate li {float: left; display:block; padding: 0.5em; margin: 0 0.3em 0 0; border: 1px 
solid #039;}
.meditate {width: 65%; padding: 1em; list-style-type:none;}
ul.meditate li {float: left; margin: 0.3em;}
hr { color: #00c; }
li { text-align: left; text-indent:  none; }
a:link { color: #00c; } 
a:visited { color: #636; }       
a:active { color: #009;}  
a:hover { color: #f00; }  
.katyweb { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;
color:#036; background-color: transparent; padding-top:0.7em; }