body
{
padding: 0;
margin: 0;
font-family: baskerville,'palatino linotype';
color: #000;
background: transparent url('img/bg-watermark.gif') no-repeat center center fixed;
}

.floatright {
		float: right;
	}
	
.floatleft {
		float: left;
	}
	
.floatcenter {
	display: block;
	text-align: center;
	margin: 3px auto 5px;
	}
	
.floatrightmargin {
		float: right;
		margin: 0px 0px 5px 7px
	}
	
.floatleftmargin {
		float: left;
		margin: 0px 7px 5px 0px
	}

/*
============================================================

	Accessibility for screen readers

============================================================
*/

#skiplinks  
{  
 position:absolute;  
 list-style-type:none;  
 margin:0;  
}  
  
#skiplinks li a  
{  
 display:block;  
 background:#003300;

 padding:0.3em 0.5em;  
 margin:0.3em;  
 font-size:0.9em;  
 color:black;  
 text-decoration:none;  
 border:solid 1px #505050;  
 position:absolute;  
 margin-top:-10em;  
 top:0;  
 width: 200px;
 whitewhite-space:nowrap; 
 color: #fff; 
}  
#skiplinks li a:focus,#skiplinks li a:active,#skiplinks li a:hover  
{  
 margin-top:0.3em;  
}  

img {
border: none;
}

h2 {

margin: 5px 0;

}

p {

margin: .4em 0;

}


#maincontainer {
width: 800px;
margin: auto;
text-align: left;
position: relative;
}

.standardhtml img {
background-color:#FFFFFF;
border:1px solid #CACACA;
padding:3px;
}

#header {
text-align: center;
margin-bottom: 60px;
}

#footer {
text-align: center;
margin: 90px 0px 10px 0px;
font-size: 11px;
}

#footer p {
font-size: 11px;
}

#header-img{
background: transparent url('img/image-border.gif') no-repeat center top;
height: 305px;
}

#header-img img{
margin-top: 12px;
}

.textpanel {
border: none;
display: inline;
}

.left {
float: left;
}

.right {
float: right;
}

.center {
display: block;
margin: auto;
}

.singlecol {
width: 176px;
padding: 0px 4px 10px 0px;
}

.doublecol {
width: 360px;
}

.fourcol {
width: 720px;
padding: 0px 40px;
clear: both;
}

.infopanel{display:block;}
.infopanel *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e9e9e9}
.infopanel1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  background:#eeeeee}
.infopanel2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#ededed}
.infopanel3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;}
.infopanel4{
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5}
.infopanel5{
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee}
.infopanelfg{
  background:#e9e9e9;
  padding: 15px;
  height: 300px;
}

.menu-image {

margin-top: 50px;

}

#foodmenu, #eventmenu {

padding: 0px 40px;

}

#foodmenu .price, #eventmenu .price {

font-weight: bold;
padding-left: 5px;

}

#foodmenu .note, #eventmenu .note {

margin: 30px 0;
font-weight: bold;
font-style: italic;

}

#foodmenu .menu-date, #eventmenu .menu-date {

margin: 30px 0;
font-size: smaller;
font-style: italic;

}


#slideshow {
    position:relative;
    height:279px;
    width: 707px;
    margin: auto;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.christmas {

background: transparent url('img/snow-flake.gif') no-repeat;
float: left;
display: inline;
clear: both;
margin-bottom: 20px;
padding-left: 130px;
height: 110px;
width: 720px;
}

#homecountieslogo {

position: absolute;
bottom: 70px;
left: 52%;
width: 96px;
font-size: 10px;

}

#pubdropdownlist {

position: absolute;
right: 52%;
bottom: 70px;


}

#pubdropdownlist form select {


width: 96px;
font-size: 10px;

}

/*
============================================================

	Staff

============================================================
*/


#staffnavbar {

		margin:0px 0px;
		height: 27px;
		border: solid 1px #cacaca;
		border-top: none;
		border-bottom: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 11;
		font-family:Georgia,Times New Roman,Times,serif;


}

#staffnavbar .barcontainer {
		height: 27px;
			background-color: #fff;
			padding: 0px;
			color: white;
		background:#cf7529 url(images/staff_bar_back.gif);

		border-bottom: solid 1px #333;
}



.staffnavbarpadding {

	height: 27px;
	/* Unless in IE6*/

}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:0px 0px 0px 0px; position:relative;  height:25px; z-index:100; text-align: center;border-right:1px solid #d69b6c; float:right;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:150px; font-size:12px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #d69b6c; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; 		background:#cf7529 url(images/staff_bar_back.gif);}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#fff; color:#cf7529;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(images/transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#fff; color:#cf7529;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#fff; color:#cf7529;}

/* Set up the pointers for the sub level indication */
/*#pmenu li.fly {background:#fff url(images/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#fff url(images/drop.gif) no-repeat right center;}
*/

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(images/transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */


/*
============================================================

	Navigation

============================================================
*/

#navcontainer {

 margin: 0 auto;
text-align: center;
width: 800px;
position: absolute;
top: 230px;
}

ul.navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
background-color: #99999;
margin: 0 auto;

}

.navlist li
{
display: inline;
list-style-type: none;
margin: 0 5px;
}

.navlist a { 
padding: 3px 10px;

 }

.navlist a:link, .navlist a:visited
{
color: #000;
background-color: #fff;
border-top: solid 1px #555555;
border-bottom: solid 1px #555555;
text-decoration: none;
}

.navlist a:hover
{
color: #fff;
background-color: #002;
text-decoration: none;
}


/*
============================================================

	Side panel

============================================================
*/

#sidepanel {

    background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    width: 375px;

}