/*
* -------------------------------------------
* Reset the default Browser CSS styles.
* Whilst not all elements are reset, the elements detailed should be sufficient for our purposes.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
} 
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
		border:0; 
}
address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal;
	    font-weight:normal; 
}
ol,ul {
	list-style:none; 
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:''; 
}
abbr,acronym {
border:0;
}
/*
* End of reseting the default browser styles.
* -------------------------------------------
*/

/* 
* -------------------------------------------
* Apply some base styles so that the content is basically styled.
*/
h1 {
	font-size:138.5%;  
}
h2 {
	font-size:123.1%; 
}
h3 {
	font-size:108%;  
}
h1,h2,h3 {
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong, .bold {
	font-weight:bold; 
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:italic;
}
blockquote,ul,ol,dl {
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:0.2em;
}
ol li {
	/*list-style: decimal outside;	*/
}
ul li {
	/*list-style: disc outside;*/
}
dl dd {
	margin-left:1em;
}
th,td {
	border:1px solid #000;
	padding:.5em;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
p,fieldset,table {
	margin-bottom:1em;
}
a{
	color: #99ccff;
	text-decoration: none;
}
a:hover, a:active{
	text-decoration: underline;
}
a:active{
	color: #ccc;
}
	
/*
* End of basic styles.
* -------------------------------------------
*/

/*
* -------------------------------------------
* Now for the layout controls.
*/
body{
	color: #333;
	font-size: 80%;
	font-family: Trebuchet MS, Gill Sans, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: url('../images/page_bg.jpg') repeat left top;
}
.clear{
	clear: both;
	visibility: hidden;
}
#page{
	position: relative;
	float: left;
	width: 100%;
	background: url('../images/red_strip.jpg') left 80px repeat-x;
	text-align: center;
}
#wrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 775px;
	text-align: left;
}
#secondary{
	position: relative;
	float: left;
	width: 175px;
}
#primary, #footer, #subfooter{
	position: relative;
	float: right;
	width: 585px;
	/*border: 1px solid #ccc;*/
	padding-left: 13px;
}
#primary{
	background: url('../images/content_bg.png') repeat-y top left;
}
#footer{
	background: url('../images/footer.png') no-repeat top left;
	height: 70px;
	z-index: -1; /* IE only */
}
#subfooter{
	background: none;
	z-index: -1; /* IE only */
}

html>body #footer, html>body #subfooter {
	z-index: 0;
}

#header{
	position: relative;
	float: left;
	width: 100%;
	background: url('../images/header_bg.jpg') no-repeat top left;	
}
#logo{
	margin: 0;
	padding:top;
	position: relative;
	float: left;
}
#navigation{
	position: relative;
	float: left;
	width: 100%;
	font-weight: bold;
}
#navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	float: left;	
}
#navigation ul li a{
	display: block;
	margin-left: 0;
	margin-right: 0;
	color: #fdffc9;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-size: 99%;
}
#navigation ul li a:hover, #navigation ul li a.active{
	border-top: 4px solid #990000;
	padding-top: 1px;
}
#footer p{
	color: #fdffc9;
	padding: 0.5em;
	font-size: 0.8em;
}

#subfooter p{
	text-align: center;
	color: #fdffc9;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
}
#contact h2 {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	display: block;
	width: 40%;
	clear: left;
	text-align: right;
	font-size: 1em;
	padding-right: 1em;
}


#openingtimes, #menu, #menu2, #related, #related A {
	color: #fdffc9;
}
#openingtimes{
	padding-top: 50px;
}
#openingtimes h1, #menu h1, #menu2 h1{
	width: 100%;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h1 em{
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
}
#openingtimes h2, #menu h2, #menu2 h2{
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	float: left;
	display: block;
	width: 40%;
	clear: left;
	text-align: right;
	font-size: 0.8em;
}
h2 span{
	display: none;
}
#openingtimes p, #menu p, #menu2 p{
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	display: block;
	width: 58%;
	font-size: 0.8em;
	clear: right;
	font-stretch: wider;
}
#openingtimes p, #openingtimes h2{
	line-height: 1.8em;
}

#menu hr, #menu2 hr{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	clear: both;
	color: none;
	background-color: none;
	visibility: hidden;
}

#related {
	padding-top: 2em;
	font-size: 0.8em;
	text-align: center;
	font-weight: bold;
}

#related A:hover {
	text-decoration: none;
}

#content{
	position: relative;
	float: left;
	width: 560px;
	font-size: 85%;
	padding-bottom: 25px;
	background: url('../images/footer_caption.jpg') left bottom no-repeat;
}
DIV.empty {
	padding: 0;
	margin: 0;
	line-height: 0;
	visibility: hidden;
}
#content p{
	margin: 0.5em;
}

.menutable, #tablereplacement {
	width: 562px; /* IE only */
}

html>body .menutable, html>body #tablereplacement {
	width: 560px;
}

.singlecol {
	padding: 1em;
}

.centerdiv {
	margin: auto;
}

.col1, .col2, .col3, .col4 .col2x{
	position: relative;	
	float: left;
}
.col1, .col4{
	width: 64%;
}
.col2, .col3{
	width: 30%;
}

.col2x {
	padding: 5px;
	margin: 5px;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	width: 30%;
	float: right;
}

hr {
	border: none;
	border-bottom: 1px dashed #ccc;
	background: none;
	color: none;
    height: 1px;
    margin: 0;
    padding: 0;
}   
.col1 h1, .col2 h1, .col3 h1, .col4 h1{
	border-bottom: 1px dashed #ccc;
	width: 100%;
	text-align: center;
}

.daymenu, .eveningmenu, .childrenmenu, .sundaymenu, .winemenu{
position: relative;
float: left;
display: block;
width: 150px;
height: 167px;
margin: 5px;
color: #fff;
border: 1px solid black;
}
.daymenu p, .daymenu h1, .eveningmenu p, .eveningmenu h1, .childrenmenu p, .childrenmenu h1, .sundaymenu p, .sundaymenu h1, .winemenu p, .winemenu h1{
	margin: 0 !important;
	padding: 0 !important;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
	border: 0;
}

.daymenu .served, .eveningmenu .served, .childrenmenu .served, .sundaymenu .served, .winemenu .served{
	text-align: center;
}

.daymenu h1, .eveningmenu h1, .sundaymenu h1{
	margin-bottom: 1px !important;
}

.daymenu .served, .eveningmenu .served, .childrenmenu h1, .sundaymenu .served, .winemenu h1{
	border-bottom: 1px solid #ccc;
}

.daymenu .viewmenu, .eveningmenu .viewmenu, .childrenmenu .viewmenu, .sundaymenu .viewmenu, .winemenu .viewmenu{
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid #ccc;
}

.amenu:hover, .amenu:active{
	text-decoration: none !important;
}
.daymenu p, .daymenu h1, .winemenu p, .winemenu h1{
	background-color: #333333;
}
.eveningmenu p, .eveningmenu h1{
	background-color: #990000;
}
.childrenmenu p, .childrenmenu h1{
	background-color: #FFFFFF;
	/*background-color: #990000;*/
}
.childrenmenu{
	color: #333;
}
.sundaymenu p, .sundaymenu h1{
	background-color: #333333;
}
.daymenu{
	background: url('../images/food1.jpg') no-repeat left top;
}
.eveningmenu{
	background: url('../images/food2.jpg') no-repeat left top;
}
.childrenmenu{
	background: url('../images/food4.jpg') no-repeat left top;
}
.sundaymenu{
	background: url('../images/food3.jpg') no-repeat left top;
}
.winemenu{
	background: url('../images/wine.jpg') no-repeat left top;
}

#content h1,h2,h3 {
	padding-left: 5px;
}
#content a{
	color: #363DFF;
}
.form fieldset{
	border: none;
	margin-left:auto;
	margin-right: auto;
	width: 50%;
}
.form ol{
	padding: 0;
	margin: 0;
	margin-left: 1em;
}
.form legend{
	font-weight: bold;
	margin: 1em;
}
.form ol li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.form ol li label{
	display: block;
	width: 50%;
}

.TextObject { font-family: Arial,Helvetica,Geneva,Sans-serif;}
.Text-title { font-family: Arial,Helvetica,Geneva,Sans-serif; font-size: 20pt; font-weight: bold;}
.Text-News { font-family: Arial,Helvetica,Geneva,Sans-serif; font-size: 8pt; font-weight: normal; font-style: normal; text-decoration: none;}
.Text-MenuLink, .Text-MenuLink A { font-family: Arial,Helvetica,Geneva,Sans-serif; font-size: 8pt; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(192,192,192) !important;}
.Text-10 { font-family: Arial,Helvetica,Geneva,Sans-serif; font-size: 10pt; font-weight: normal; font-style: normal; text-decoration: none ;}
.TextNavBar { font-family: Arial,Helvetica,Geneva,Sans-serif; font-size: 12pt; color: rgb(0,0,51); font-weight: bold; text-decoration: none ;}
.Text-12 { font-family: Arial,Helvetica,Geneva,Sans-serif; font-size: 12pt; font-weight: normal; font-style: normal; text-decoration: none ;}

.pagename, .pagename A {
	font-size: 14px;
	text-align: left;
	color: rgb(166,29,55) !important;
	font-weight: bold;
	padding-bottom: 1em;
}

.newsdate { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0,35,105); }
.newstitle, .newstitle a { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: rgb(0,52,102) !important; text-decoration: none; }
.newsmessage { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: rgb(0,0,0); }
.newsauthor { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: rgb(50,50,50); display: none }
.nonews { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	color: rgb(0,52,102); padding:15px; background: rgb(246,235,184); }
.newslocation { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: black; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 9999;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -140px; /*position where enlarged image should offset horizontally */
}

div.horizBand {
	background-color: white;
	font-size: 120%;
}

div.CornerBandRight {
	position:absolute;
	left:100%;
	top:0px;
	overflow:visible;
	height:370px;
	width:220px;
	background-image:url(/assets/images/cornerband);
	background-repeat:no-repeat;
	background-position:-200px -200px;
	background-color:transparent;
	margin:0 0 0 -240px;
	padding:0;
	color:black;
	z-index:9999;
	border: none;
	float:none;
}

img.CornerBandRight {
	border: none;
}

TD.requestBrochure {
	background: url(/assets/images/egg7) no-repeat center center;
	text-align: center;
	width: 192px;
	padding: 0 30px 0 30px;
	margin: 15px;
}

A.requestBrochure {
	color: black;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 15px;
	display:block;
}

span.requestBrochure {
	color: black;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 90%;
}
.newsMiniAnchor {
	list-style: none;
}