/*************************************/
/* Some classes  for fonts */

.pageTitle {
	FONT-WEIGHT: bolder;
	FONT-SIZE: 1.5em;
	COLOR: #A22929;
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	text-align:left;
	margin:0
}

.pageText {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11pt;
	COLOR: #a22929;
	FONT-STYLE: normal;
	FONT-FAMILY: helvetica;
	FONT-VARIANT: normal
}

.menuTitle {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11pt;
	COLOR: #a22929;
	FONT-STYLE: normal;
	FONT-FAMILY: helvetica;
	FONT-VARIANT: normal
}

.menuText {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #a22929;
	FONT-STYLE: normal;
	FONT-FAMILY: helvetica;
	FONT-VARIANT: normal
}

.addressText {
	FONT-WEIGHT: bolder;
	FONT-SIZE: 10pt;
	COLOR: #a22929;
	FONT-STYLE: normal;
	FONT-FAMILY: helvetica;
	FONT-VARIANT: normal;
}

.smokeFreeImage {
	text-align: right
}

.bookingLink {
	FONT-WEIGHT: bolder;
	color: #ffffff;
	background-COLOR: #A22929;
	padding: 4px;
}



/*************************************/
/* Some classes  for borders  */

	/* Puts a thick grey line along the bottom of the top row of containers 
.thickBottomBorder {
	border-bottom-width: 3px;
	border-bottom-style:solid;
	border-bottom-color:#595959;
}

	/* Puts a thick grey line down the right of the left col containers 
.thickRightLeftTopBorder {
	border-right-width: 3px;
	border-right-style:solid;
	border-right-color:#595959;
	border-left-width: 3px;
	border-left-style:solid;
	border-left-color:#595959;
	border-top-width: 3px;
	border-top-style:solid;
	border-top-color:#595959;
}

	/* Puts a thick grey line across the top of the footer 
.thickTopBorder {
	border-top-width: 3px;
	border-top-style:solid;
	border-top-color:#595959;
}


/*************************************/
/* Container styles */

	/* Main background.  Essentially forms a border around the page.  Should sit vertically and horizontally in the centre of the browser */
#borderContainer_ { 
	background:gray;
	width:860px;
	height:505px;
}

	/* All-white background to hide shifts in DIVs between IE and Firefox */
#borderBackgroundContainer { 
	background:white;
	width:873px;
	height:538px;
	border-color:gray;
	border-width:6px;
	border-style:solid
}

/* Small container for house pic.  Change background to white before deploying! */
#housePicContainer {
	position:relative;
	background:white;
	width:100px;
	height:120px;
	float:left;
	padding:0;
	/* margin-left:px;
	margin-top:10px; */
}

/* Container for "banner logo".  Change background to white before deploying! */
#mainLogoContainer {
	position:relative;
	background:white;
	height:120px;
	width:760px;
	/* float:right; */
	/*  margin-right:8.7px;
	margin-top:10px; */
}

/* Container for left-sided items (menu and WHRA logo) .  Change background to white before deploying! */
#leftColContainer {
	position:relative;
	background:white;
	width:135px;
	height:405px;
	float:left;
}

/* Container for middle items (contents and content title) .  Change background to white before deploying! */
#midColContainer {
	position:relative;
	background:white;
	float:left;
	width:445px;
	height:405px
}

/* Container for right items (pics, mainly) .  Change background to white before deploying! */
#rightColContainer {
	position:relative;
	background:white;
	width:270px;
	height:405px;
	margin-right:10px;
	float:right;
	text-align: right
}

/* Footer, mainly for e-mail address (and booking link?) .  Change background to white before deploying! */
#footerContainer {
	position:relative;
	background:green;
	width:860px;
	height:35px;
	padding-bottom: 10px
}