body{
 margin:0;
 padding:0;
 background:url('../img/bodybg.jpg') repeat-y top center;
 font-family:tahoma, "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: 76%;
 color:#777;
 line-height:1.4em;
}

p, ul{
 font-family:arial, tahoma, "Lucida Sans";
 font-size:1.1em;
 color:#555;
 font-size-adjust:none;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
}

a img{border:0;}

#main p{
 line-height:1.8em;
 margin-top:0;
}

p.caption{
 text-align:center;
 padding:0;
 margin: 0;
 font-size:.8em;
 width:200px;
 border:1px solid #000;
}

h1, h2, h3, h4{
 font-family:georgia;
}

h1, #left-column h2, #maincopy h2{
 font-size:2em;
 line-height:1em;
 font-family:Georgia, Times, serif; 
 text-align: left;
 padding-bottom: 0.75em; 
 font-weight:normal;
 margin:0;
 color:#182F26;
}

#maincopy h2{font-size:1.6em;}

h2{
 margin:0;
 padding:0;
}

#main .teaser h2{
 padding:3px 5px;
 margin:10px 0;
 font-size:1.8em;
 color:#e69f05;
 font-weight:normal;
}

#maincopy h3{
 font-size:1.1em;
 font-family:arial, tahoma, "Lucida Sans";
 margin:0;
 padding:5px 0 0 0;
 color:#182F26;
}

#maincopy ul{ margin: 0 0 0 15px; font-size:.9em; padding-bottom:15px;}

#maincopy ul li{ margin: 0 0 5px 0;}

p a{
 color:#e69f05;
 text-decoration:none;
 border-bottom:1px dotted
}

p a:hover{
  color:#333;
}

#newnews p a:hover{ color:#f8db9c;}

ul{
 padding:0;
 margin:0;
}

#container{
 position: relative; 
 width:800px;
 left: 50%;
 top: 0px;
 margin-left:-400px;
}

#masthead{
 width:100%;
 height:50px;
 background:#182f26 url('../img/sketch.gif') no-repeat 10px 5px ;
 margin-top:5px;
 padding:0;
 text-align:center;
 padding:156px 0 0 0;
}
 
#masthead h1{
 height:88px;
 width:218px;
 position:absolute;
 right:16px;
 top:38px;
 padding:0;
 margin:18px 6px 6px 6px;
 background:url('../img/h1bg.gif');
}

#masthead h1 span{
 display:none;
}

#main{
 position:relative;
 width:800px;
 padding:19px 0px;
 clear:left;
}

#left-column{
 display:inline;
 width:200px;
 float:left;
 margin:0 15px 0 0;
 clear:left;
}

#left-column p{
 line-height:1.4em;
 font-size:1em;
 font-style:italic;
}


#main #left-column h2{
 padding-top:5px;
 color: #182F26;
}

#maincopy{
 display:inline;
 width:366px;
 float:left; 
 padding-right:10px;
 margin-right:16px;
}

#maincopy.full{width:auto;float:none;display:block;padding:20px;}

#maincopy h1{
 width:305px;
 padding-top:7px;
}
	
#maincopy a{
 color:#5aa528;
}

#maincopy a:hover{
 color:#E69F05;
} 

#mainimage{
 display:inline;
 width:150px;
 padding:0px 0 0 0;
 float:left;
 text-align:center;
} 

#mainimage p.caption{
 width:192px;
}

div.greenblock{
 margin:0 0 3px 0;
 color:#e69f05;
 background:#182F26;
 width:192px; 
 height:1px;
 line-height:1px;
 font-size:1px;
}


#footer{
 width:100%;
 height:195px;
 background:#182f26 url('../img/sketch-small.gif') no-repeat 670px 100px ;
 margin:5px 0;
 padding:0;
 text-align:left;
 padding:0 0 0 0;
}

#footer{
 clear:both;
 padding: 0px 0 0px 0;
 

}
#footer p{
 font-size:.9em;
 float:left;
 margin:0 12px 0 0;
 padding:0; 
 color:#999;
}

#footer p a{
 color:#4d6c60;
 border-bottom:1px dotted;
}

#footer p a:hover{color:#999;}

#footer p#copyright{
 padding-top:35px;
 background:url('../img/pilgrims-footer.gif') no-repeat 0 0;
 margin:15px 0 0 24px;
}

#footer p#vitalnerve{
 padding-top:35px;
 float:right;
 text-align:right;
 margin:15px 24px 0 24px;
}

/*++++ navigation styles +++++*/	

#navigation ul{
 padding: 0;
 margin: 0 0 0 20px;
 color: #fff;
 font-size:1.1em;
}

#navigation ul li { display: inline; }

#navigation ul li a{
 padding: 23px 1.2em 0em 1.3em;
 color: #fff;
 text-decoration: none;
 float: left;
 font-family: lucida sans;
}

#navigation ul li a:hover{
 background: url('../img/navbg2.gif') no-repeat top center;
 text-decoration:underline;
}

#navigation ul li a.active{
 background: url('../img/navbg.gif') no-repeat top center;
 color: #e69f05;
}

#home a.homea, #tearooms a.tearoomsa, #groupcatering a.groupa, #catering a.cateringa, 
#newspage a.newsa, #press .pressa, #contact a.contacta, #linkspage a.linksa, #commentspg a.commentsa{
 background: url('../img/navbg.gif') no-repeat top center;
 color:#e69f05;
}

#home a.homea:hover, #tearooms a.tearoomsa:hover,#groupcatering a.groupa:hover, 
#catering a.cateringa:hover,#newspage a.newsa:hover, #press .pressa:hover,
#contact a.contacta:hover,#linkspage a.linksa:hover, #commentspg a.commentsa:hover{
 background: url('../img/navbg.gif') no-repeat top center;
 color: #e69f05;
 text-decoration:none;
}


#christmas a.christmasa, #coldbuffet a.coldbuffeta, #picnics a.picnicsa, #menus a.menusa, #christmas a.christmasa:hover, #coldbuffet a.coldbuffeta:hover, #picnics a.picnicsa:hover, #menus a.menusa:hover{
 background:url('../img/navbgactive.jpg') no-repeat top left;
 color:#fff;
}


#snippet, #news-snippet{
 width:800px;
 background:#353535 /*url('../img/newsbottom.gif') no-repeat bottom center*/;
 color:#ccc;
 margin:15px 0 10px 0;
}

#snippet h3{
 float:left;
 padding:12px 25px 0 15px;
 margin:0;
 color:#fff;
 font-size:1.6em;
 font-weight:normal;
}

#snippet p{float:left;}

#snippet h3.christmas{
 width:220px;
}

#newnews{
 width:192px;
 padding-bottom:5px;
 background:#353535;
 margin-bottom:3px;
}

#newnews h3{
 float:left;
 padding:4px 80px 8px 20px;
 margin:0;
 width:92px;
 color:#fff;
 font-size:1.2em;
 line-height:1.4em;
 font-weight:bold;
 text-align:left;
 background:url('../img/newspapers.jpg') no-repeat 100px 8px;
}

#newnews p{
 padding:0 10px;
 font-size:.9em;
 color:#ccc;
}

#news-snippet{
 padding-bottom:5px;
 margin-left:0px;
}

#news-snippet h3{
 float:left;
 padding:8px 35px 60px 25px;
 margin:0;
 color:#fff;
 font-size:1.6em;
 font-weight:normal;
 background:url('../img/newspapers.jpg') no-repeat 40px 38px;
}

#news-snippet p, #snippet p{
 padding:15px 10px 0 0;
 font-size:.9em;
 color:#ccc;
}

div.download{
 float:left;
 margin-right:35px;
 display:inline;
}

div.download a{
 color:#fff;
}

div.download a span{
 position:relative;
 top:-8px;
 left:5px;
 margin:0;
 padding:0;
 font-size:.9em;
}

div.download a img{
 border:0;
}

.clear{
 clear:both;
 height:1px;
 line-height:1px;
 font-size:1px;
}

#newsletter{
 margin:10px 0 0 0;
 text-align:left;
 width:200px; 
}
#newsletter p{
 line-height:1.2em;
 padding:5px 3px 7px 7px;
 width:188px; 
 border:1px solid #000;
 border-bottom:0;
 margin:0;
}

#newsletter h1{
 height:32px;
 padding:6px 0px 0px 0px;
 width:209px;
 margin-bottom:0px;
}

#newsletter form{
 margin:0;
  border:1px solid #000;
	border-top:0;
	padding:0 0 0 7px;
}

#newsletter input#email{
 border:1px solid #777; 
 margin-bottom:1px;
}

#newsletter input#button{
 background:#353535;
 color:#b8b7b7;
 font-size:.9em;
 padding:3px 10px;
 margin:0 0 5px 50px
}

fieldset{
 border:0;  
 padding:0;
 margin:0 5px 0 0;
}

label{
 font-size:.8em;
 padding:0;
}

form{
 margin:0;
 padding:0;
}

.teaser{
 display:inline;
 width:233px;
 float:left;
 margin:10px -19px 0 123px;
 padding: 0 0px 10px 0px;
 background:#e7e7e7 url('../img/teaser-bottom.gif') no-repeat bottom left;
 text-align:justify;
 line-height:1em;
}

.teaser.triplet{margin: 10px 10px 0 20px;}

.teaser img{float:left;display:inline;}

.teaser img.teaserpic{margin:0 0 10px 5px;display:inline;}

.teaser h2{
 text-align:center;
 margin:0;
 padding:0;
 line-height:1.1em
}

.teaser h2 a{
 color:#E69F05;
 text-decoration:none;
}

#main .teaser p{
 padding:10px;
 line-height:1.4em;
 margin:0;
} 

.teaser p a{
 color:#182F26;
 font-size:.8em;
 font-weight:bold;
 margin:0;
}

.teaser a:hover{color:#4d6c60;}

#note{
 width:192px;
 height:147px;
 background:url('../img/note2.jpg') no-repeat 0 0;
 padding-top:35px;
 text-align:center;
 float:left;
 display:inline;
 margin: 0 0 0 0px;
}

#note h1{
 padding-top:6px;
 font-size:1.4em;
}

#mainimage #note{
 margin:0;
 padding-top:50px;
}

#note h4{
 clear:left;
 padding:4px ;
}

#note div.download{
 margin: 0 25px 5px 5px;
}

#note p, #menu p{
 padding: 0px 10px 0 15px;
 font-size:.9em;
}

#note h1{
 padding:0px 0 0 10px;
}

#menu{
 width:192px;
 height:157px;
 background:url('../img/menu.jpg') no-repeat 0 0;
 padding-top:68px;
 text-align:center;
 float:left;
 display:inline;
 color:#fff;
 margin: 0 0 10px 0px; 
}

#menu.tall{height:auto;background:url('../img/menu-top.jpg') no-repeat 0 0;padding-bottom:10px;position:relative;}

#menu.tall #menu-bottom{position:absolute;bottom:0;left:0;background:url('../img/menu-bottom.jpg') no-repeat 0 0;height:10px;width:192px;}

#groupcatering #menu{background:url('../img/menu2.jpg') no-repeat 0 0; height:107px;}

#menu p{
 padding: 0px 10px 0 10px;
 margin-bottom:9px;
 color:#bbb;
}

#menu p a:hover, #snippet p a:hover{ color:#fff;}

#envelope{
 width:192px;
 height:92px;
 background:url('../img/envelope.jpg') no-repeat 0 0;
 padding-top:45px;
 text-align:center;
 float:left;
 display:inline;
 color:#fff;
 margin: 0 0 10px 0px;
}

#envelope p{
 padding: 0px 10px 0 10px;
 color:#000;
 line-height:1.2em;
}



.teaser ul{
 margin: 0 10px 0 25px;
 font-size:1em;
}

.teaser ul li{
 margin: 0 0 3px 0;
}

#maincopy .newsitem{
 border-bottom:1px dotted #ccc;
 padding-top:10px;
}

#maincopy .newsitem h3{ font-size:1.3em; }

#maincopy .newsitem p.newsdate{font-size:.8em;}

#quote{ 
 width:182px;
 background:url('../img/quote-bottom.gif') no-repeat bottom right;
 padding:0 10px 5px 0;
 margin:10px 0 0;
}

#quote img{float:left;}

#quoter{
 font-size:.8em;
 width:192px;;
} 

#main #whats-on{
 padding:58px 5px 0;
 width:182px;
 font-size:.9em;
 line-height:1.4em;
 background:url('../img/christmas.gif') no-repeat 50% 0px;
}

#thumbs{
 width:360px;
}

#thumbs img{ margin:0 15px 5px 0;}

#home-description{
 width:360px;
 height:68px;
 background:url('../img/home-made.gif') no-repeat;
 text-indent:-9999px;
}



/**********************
***  Comments page  ***
**********************/

#maincopy .comments-nav{
 list-style:none;
 font-size:14px;
 height:14px;
 display:block;
 margin:35px 0 45px;
}

.comments-nav li{float:left;}

.comments-nav li a{
 color:#666666 !important;
 display:block;
 font-size:2.2em;
 font-weight:bold;
 padding:8px 16px 16px;
 position:relative;
 text-decoration:none;
 top:-6px;
 outline:none;
 background:url(../img/loading-small.gif) no-repeat center 100px;
}

.comments-nav li a:hover{background:#f3f3f3;}
.comments-nav li a.active{border-bottom:2px solid #ddd;}

#comment{min-height:575px;width:380px;margin:20px auto;}