@charset "utf-8";
/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5 browsers. The text is then set to the left aligned default in the #container selector */
}
 
.oneColLiqCtrHdr #outer-container {
	width: 97%;  /* this will create a container 80% of the browser width */
	margin-top: 2em; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 
.oneColLiqCtrHdr #container {
	width: 915px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 
.oneColLiqCtrHdr #header {
	position:relative;
	height:198px;
}
.oneColLiqCtrHdr #header-right {
	width:463px;
	height:198px;
	float:right;
	left:5px;
}

.oneColLiqCtrHdr #tablebookings{
	float:right;
	margin-right:0.7em;
}
.oneColLiqCtrHdr #tablebookings p{
	float:right;
	margin-top:0.7em;
}
 
 
.oneColLiqCtrHdr #tablebookings span{ 
	clear:both;
	float:right;
}
 
.oneColLiqCtrHdr #tablebookings h2{
	clear:right;
	width:420px;
	float:left;
}


 

.oneColLiqCtrHdr #peopleImage{
	width:270px;
	height:190px;
	margin-left:4%;

}
.oneColLiqCtrHdr #manwarImage{
	width:270px;
	height:190px;
	margin-left:4%;
}

.oneColLiqCtrHdr #menuImage{
	width:229px;
	height:260px;
	margin-left:40px;
}

.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	display:none;
}
 

.oneColLiqCtrHdr #mainContent {
	background: #ffffbf;
	margin:40 auto;
	width:95%;
}
 
.oneColLiqCtrHdr #mainContent p{
	margin:40 auto;
	width:95%;
	padding-left:30px;
}

.oneColLiqCtrHdr #mainContent span{
	padding-left:10px;
}

.oneColLiqCtrHdr #specialContent span{
	padding-left:0px;
}

.oneColLiqCtrHdr #specialContent{
	margin-left:30px;
}

.oneColLiqCtrHdr #leftsidemenu{
	width:48%;
	float:left;
	margin-right:1ex;
}

.oneColLiqCtrHdr #rightsidemenu{
	width:48%;
	float:left;
	margin-left:1ex;
}

 
.oneColLiqCtrHdr #mainContent .tablestyle thead th{
	font-size:95%;  
}
.oneColLiqCtrHdr #mainContent .tablestyle thead tr{
	font-size:95%;
	font-weight:400;
}

.oneColLiqCtrHdr #mainContent .tablestyle th{
	font-size:67%;  
}

.oneColLiqCtrHdr #mainContent .tablestyle td{
	font-size:70%;  
}

.oneColLiqCtrHdr #mainContent h1{
	display:none;
	
}

.oneColLiqCtrHdr #flashborder{
	padding:10px;
	border:1px solid #999;
	width:868px;
	height:341px;
	padding-left:15px;
	margin:10px;
	margin-top:1em;
	
}


.oneColLiqCtrHdr #welcomeText{
	float:right;
	
}
 
.oneColLiqCtrHdr .styling{
	float:right;
	
}

 
.oneColLiqCtrHdr #welcomeText p{
	line-height:1.5em;
	text-align:center;
	width:250px;
	height:80%;

}
 
.oneColLiqCtrHdr #welcomeText span{
	width:130px;
	height:28px;
	float:left;
	margin-left:60px;
}

.oneColLiqCtrHdr #aboutUsContent{
	position:relative;
	margin:3em;
}
.oneColLiqCtrHdr #border{
	position:relative;
	left:20px;
	top:20PX;
	width:340px;
	height:300px;
}

.oneColLiqCtrHdr #openingDays{

	position:relative;
	top:20px;
	left:20px;
}
.oneColLiqCtrHdr #openingTimes p{
	position:relative;
	top:40px;
	text-align:right;
	left:-50px;
	width:340px;
}

.oneColLiqCtrHdr #tel{
	position:relative;
	top:70px;
	text-align:right;
	left:-85px;
}


.oneColLiqCtrHdr #email{
	position:relative;
	top:80px;
	left:26px;
}

.oneColLiqCtrHdr #addressdetails{
	position:relative;
	float:right;
	top:50px;
	left:-230px;
}
.oneColLiqCtrHdr #addressMap{
	position:absolute;
	float:right;
	left:250px;
	top:-20px;
	width:264px;
	height:264px;
}
.oneColLiqCtrHdr .italicContent{
	text-align:center;
}
.oneColLiqCtrHdr .capitalContent{
	text-align:center;
}

.oneColLiqCtrHdr #footer { 
	position:relative;
	top:0px;
	height:42px;
	width:100%;
} 
 
.oneColLiqCtrHdr #footer ul.horizontal {
	position:relative;
	padding:0;
	margin-left:18em;
	width:32em;
}

.oneColLiqCtrHdr #footer ul.horizontal li {
	list-style-type: none;
	text-align:center;
	cursor: pointer;
	float:left;
	padding-left:0.5em;
	padding-right:0.5em;
	border-right: 2px silver solid;
	width:auto;
}

.oneColLiqCtrHdr #footer ul.horizontal li a{
	text-decoration:none;
}

.oneColLiqCtrHdr #footer ul.horizontal li.last {
	border-right: 0;
}


.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	float:left;
	padding-left:5px;
}
 
 .oneColLiqCtrHdr #clearfizz{
	position:relative;
	top:30px;
	float:right;
	text-decoration:none;
} 
 
.oneColLiqCtrHdr #clearfizz a{
	width:50px;
	height:13px;
}
 
.oneColLiqCtrHdr #copyright{
	position:relative;
top:30px;
	width:650px;
}