/* =======================================================================================================
 * CSS rules for HomePage (index.html)
 * ======================================================================================================= */
 
/* ========================================================================================================================
 * TABLE TO SPLIT THE MAIN HOMEPAGE UP INTO TWO COLUMNS
 * ========================================================================================================================*/
table.homepage_split
 	{	
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-collapse: collapse;
	
	margin: 0px;
	padding: 0px;
	}
	
td.homepage_col1
 	{
	width: 70%;
	padding-left: 60px;
	}

td.homepage_col2
 	{
	width: 30%;
	/*padding-left: 140px;*/
	}
	
/* ========================================================================================================================
 * 													HOMEPAGE & GALLERY FOCUS_BLOCKS
 * 													===============================
 * Differ from Focus Blocks used on Reservations Page w.r.t:
 * 		- Size
 *		- These have headers
 *
 * hpfb = home page focus block
 * hpgb = home page gallery block
 * ========================================================================================================================*/
table.hpfb, table.hpgb
	{
	width: 470px;
	border-collapse: collapse;	/* No spacing beteen cells. HTML Equiv: cellspacing="0" */
	border: 2px solid #703824;

	background: #EEEDD0;
	
	position: relative;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	}
	
td.hpfb_title
	{
	width: 100%;
	height: 30px;
	background-image: url(../images/bgnd_470.jpg);
	background-repeat:no-repeat;
	background-position: top;
	
	/*border: 1px solid #000099;*/
	
	text-align: center;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	}

td.hpfb_image
	{
	width: 120px;
	height: 150px;
	border: 2px solid #703824;	/* FireFox has a rendering problem with this. Not too serious but still noticeable*/
	border-right: 0px;
	}
	
td.hpfb_image img
	{
	border: 1px solid #000000;
	margin: 15px;
	}

td.hpfb_details
	{
	width: 350px;
	height: 150px;
	border: 2px solid #703824;	/* FireFox has a rendering problem with this. Not too serious but still noticeable*/
	border-left: 0px;
	}
	
td.hpfb_details p, td.hpfb_details img
	{
	margin: 15px;
	}

td.hpfb_details a, td.hpgb_details a
	{
	font-weight: bold;
	}
	
td.hpfb_details a:link, td.hpgb_details a:link,
td.hpfb_details a:visited, td.hpgb_details a:visited
  	{
	color: #000099;
	}
	
td.hpfb_details a:hover, td.hpgb_details a:hover,
td.hpfb_details a:active, td.hpgb_details a:active
  	{
	color: #0000FF;
	}
	
td.hpgb_details a, td.hpgb_details p
{
	padding: 5px;
}
	
td.hpgb_image
{
	width: 110px;
	height: 120px;
	padding: 10px;
}

td.hpgb_image img
{
	border: 1px solid #000000;
	margin: 0px;
	float: left;
}