/* #############################################################################################*/
/* #############################################################################################*/
/* ###########################################################################################*//*

THIS CSS IS FORMATTED IN A SPECIFIC WAY!!!
PLEASE ENSURE THE FOLLOWING RULES ARE FOLLOWED FOR EASE OF READING AND ADDITION

(1)	Seperators are useful
	//	you should seperate your styles into the following groups:
	//	
	//	Global Styles	(HTML element styles (body, p, a, ul etc))
	//	Positioning		(layout styles - used to position the areas of your site)
	//	Navigation		(keep all nav styles in one place)
	//	Text styles		(eg - textBlueRegular, textBlueBold, textBlueLarge, textBlueSmall etc)
	//	Link styles		(more than one style for links? put them here, otherwise use Global Styles)
	//	Forms			(any form related styles)
	//	Misc			(any other classes)

(2)	"Rendered" page layout should be mirrored in your CSS
	//	when the browser renders the page you normally have a header, content and footer.
	//	simply following this order in your css makes for better readability.

(3)	Tabify all child styles (and child page elements)
	//	h1{font:11px verdana;}
	//		#headerContainer h1 {color:blue;}
	//		#leftContentContainer h1 {color:pink}

(4)	Use shorthand properties where possible
	//	GOOD:	margin: 0px 10px 0px 10px;
	//
	//	BAD:	margin-top:0px;
	//			margin-left:10px;
	//			margin-bottom:0px;
	//			margin-right:10px;

(5)	Tagging
	//	this is a simple method of making it easier to find areas in your CSS.
	//
	//	for example...
	//	when searching a CSS file for, let's say, "RDE" as a section name, you are likely to find
	//	a lot of instances of "border" as it has the three letters in. this is annoying!
	//
	//	to get around this simply TAG your search terms with "="...
	//	searching for "=RDE" will return only the result you want.

(6) Alphabetical order
	//	ordering your properties in alphabetical order can help make it easier to get to the
	//	property you want.
	//	this is not essential, but is quite helpful.


*//* ###########################################################################################*/
/* #############################################################################################*/
/* #############################################################################################*/


/* ------------------------------------*/
/* - GLOBAL STYLES <<<--------*/
/* ------------------------------------*/

body
{
	background:url(img/header_bg.gif) repeat-x;
	color:#3f4c6b;
	font:13px verdana;
	margin:0px;
}

	h1
	{
		font: normal normal bold 16px verdana;
		margin-top: 0px;
	}

	h2
	{
		font: normal normal bold 14px verdana;
		margin-top: 0px;
	}

	h3
	{
		font: normal normal bold 12px verdana;
		margin-top: 0px;
	}
	
	a
	{
		text-decoration:underline;
	}
	
			a:hover
			{
				text-decoration:none;
			}
	
	img
	{
		border:0px;
	}

/* ------------------------------------*/
/* -- POSITIONING <<<---------*/
/* ------------------------------------*/
#header
{
	position:absolute;
	left:-1px;
	top:4px;
	width: 453px;
	height: 162px;
}

#lhsPanel
{
	position:absolute;
	top:167px;
	left:0px;
	width:160px;
	z-index:2;
}

#content
{
	position:absolute;
	padding-left:180px;
	padding-right:10px;
	top:165px;
	z-index:1;
	height: 2050px;
	left: -20px;
}

		#rhsPanel
		{
			width:100%;
		}

/* ------------------------------------*/
/* --- NAVIGATION <<<---------*/
/* ------------------------------------*/


/* ------------------------------------*/
/* -- TEXT STYLES <<<---------*/
/* ------------------------------------*/


/* ------------------------------------*/
/* -- LINK STYLES <<<---------*/
/* ------------------------------------*/

/* ------------------------------------*/
/* -- FORM STYLES <<<---------*/
/* ------------------------------------*/


/* ------------------------------------*/
/* -- MISC STYLES <<<---------*/
/* ------------------------------------*/

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.clearBoth
{
	clear:both;
}

.pnl
{
	background:url(img/pnl_middle.gif) repeat-x top center;
	width:100%;
}

		.pnlLeft
		{
			background:url(img/pnl_left.gif) no-repeat top left;
			float:left;
			height:248px;
			width:10px;
		}
		
		.pnlCenter
		{
			padding-top:10px;
			margin-left:15px;
			margin-right:15px;
		}
		
		.pnlRight
		{
			background:url(img/pnl_right.gif) no-repeat top right;
			float:right;
			height:248px;
			width:10px;

		}
		
		
.lodgesTable
{
	width:95%;
}

.tbl1
{
	color:#ff0084;
	width:95%;
}

.tbl2
{
	color:#ff0084;
	width:95%;
}

.tbl3
{
	color:#ff0084;
	width:95%;
}

.tbl4
{
	color:Green;
	width:95%;
}

.tbl5
{
	color:#ff0084;
	width:95%;
}

.tbl6
{
	color:#ff0084;
	width:95%;
}

.tbl7
{
	color:#ff0084;
	width:95%;
}

.tbl8
{
	color:#ff0084;
	width:95%;
}

td.head
{
	font-weight:bold;
}

td.col1
{
	width:10%;
}

td.col2
{
	width:50%;
}

td.col3
{
	width:20%;
}

td.col4
{
	width:20%;
}

.newsItem
{
	border-bottom:solid 2px #cdeb8b;
	margin-bottom:10px;
}