/*
HTML Page elements
---------------------
*/

	html {
		height: 100%;
	}

	body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 100%;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		line-height: 15px;
	}
	
	a img, a:hover img {
		text-decoration: none;
	}
	
	h1, h2, h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	p {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	table, thead, tbody, tfoot, tr, th, td {
		border: 0px;
		margin: 0px;
	}
	
	form {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	hr {
		display: none;
	}
	
	.clearBoth {
		display: block;
		clear: both;
		height: -1px;
		line-height: 0px;
		font-size: 0px;
		overflow: hidden;
	}
	
	ul {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		list-style-position: outside;
		position: relative;
		overflow: hidden;
	}
	
	ul li {
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 20px;
		background-image: url("/images/common/list-bullet.gif");
		background-position: 2px 3px;
		background-repeat: no-repeat;
		position: relative;		
	}
	
	ol {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	ol li {
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
	}
		
	.redText {
		color: #4b9932;	
	}
		

/*
Misc positioning elements
-------------------------
*/

	#_atffc {
		position: absolute;
		display: none;
	}

	#miscTags {
		display: none;
	}
	
	#fullBrowserWidth {
		display: block;
		position: relative;
		margin: 0px 0px -80px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		min-height: 100%;
		min-width: 980px;
		text-align: center;
	}
	
	* html #fullBrowserWidth {
		height: 100% /*for IE as IE treats height as min-height anyway*/
	}

	#centredPage {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 80px 0px;
		width: 980px;
		text-align: left;
	}
	
	.twoColumnLayout {
		position: relative;
		margin: 0px -20px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 1000px;
	}
	.twoColumnLayout .mainColumn {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 760px;
		overflow: hidden;
	}
	.twoColumnLayout .rightColumn {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 220px;
		overflow: hidden;
	}
	
	.subColumnLayout {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 720px;
	}
	.subColumnLayout .mainSubColumn {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 500px;
	}
	.subColumnLayout .rightSubColumn {
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 200px;
	}

/*
Header elements
-------------------------
*/
	
	#headerFullBrowserWidth {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		text-align: center;
	}

	#headerArea {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 980px;
		height: 175px;
		z-index: 1000;
	}

	#headerArea p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#holidayInnLogo {
		display: block;
		position: absolute;
		top: 10px;
		left: 56px;
		width: 274px;
		height: 71px;
	}
	
	#chessingtonLogo {
		display: block;
		position: absolute;
		top: 0px;
		left: 805px;
		width: 140px;
		height: 98px;
		cursor: pointer;
		background-image: url("/images/common/cwoahotel-non-flash-logo.png");
	}
	
	#chessingtonLogo span {
		display: none;
	}
	
	#flashChessingtonLogo {
		display: block;
		position: absolute;
		top: 0px;
		left: 805px;
		width: 140px;
		height: 98px;
		z-index: 1002;
	}
	
	#headerPromo {
		position: absolute;
		top: 25px;
		left: 418px;
	}
	
	#headerFlashMenu {
		position: absolute;
		top: 122px;
		left: 30px;
		z-index: 1003;
	}
	
	#cssLinks {
		position: absolute;
		top: 4px;
		left: 420px;
		font-size: 10px;
		line-height: 12px;
		z-index: 1015;
	}
	
	#flashSoundControl {
		position: absolute;
		top: 4px;
		right: 25px;
		font-size: 10px;
		line-height: 12px;
		z-index: 1016;
	}
	
	#addThis {
		position: absolute;
		top: 50px;
		right: 30px;
		z-index: 125;
	}
	
/*
General styling elements
-------------------------
*/
	
	.floatRight {
		float: right;
	}
	.floatLeft {
		float: left;
	}
	
	.picFloatRight {
		float: right;
		margin: 0px 0px 10px 10px;
	}
	.picFloatRightPadded {
		float: right;
		margin: 0px 10px 10px 10px;
	}
	.picFloatLeft {
		float: left;
		margin: 0px 10px 10px 0px;
	}
	
	.picBorder {
		border: 1px solid #000000;
	}
	
	.hidden {
		display: none;
	}
	
	.centered {
		text-align: center;
	}
	
	.noTopMargin {
		margin-top: 0 !important;
	}
	
	.noBottomMargin {
		margin-bottom: 0 !important;
	}

	.introParagraph {
		font-size: 14px;
		line-height: 17px;
		font-weight: bold;
	}
	
	.smallText {
		font-size: 11px;
		line-height: 13px;
	}
	
	.bigText {
		font-size: 16px;
		line-height: 19px;
	}
	
	.verySmallText {
		font-size: 9px;
		line-height: 11px;
	}
	
	.mainColumn p, .mainColumn table, .mainColumn ul, .mainColumn ol {
		margin: 0px 0px 12px 0px;
	}
	.mainColumn h1 {
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 30px;
		line-height: 34px;
		font-weight: bold;
		color: #4b9932;
	}
	body.videos .mainColumn h1 {
		margin: -8px 0px 10px 0px;
	}
	.sIFR-active .mainColumn h1 {
		visibility: hidden;

	}
	.mainColumn h1.sIFR-replaced {
		margin-bottom: 8px;

	}
	
	
	.mainColumn h2 {
		margin: 20px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 18px;
		line-height: 22px;
		font-weight: bold;
		color: #4b9932;
	}
	.sIFR-active .mainColumn h2 {
		visibility: hidden;

	}
	.mainColumn h2.sIFR-replaced {
		margin-bottom: 8px;

	}
	.mainColumn h3 {
		font-size: 16px;
		line-height: 19px;
		font-family: Helvetica, Arial, sans-serif;
		margin: 10px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		color: #4b9932;
	}
	.sIFR-active .mainColumn h3 {
		visibility: hidden;

	}
	.mainColumn h3.sIFR-replaced {
		margin-bottom: 2px;

	}
	.mainColumn h3 a, .mainColumn h3 a:visited {
		color: #4b9932;
		text-decoration: none;
	}
	.mainColumn h3 a:hover {
		color: #4b9932;
		text-decoration: underline;
	}
	.mainColumn h4 {
		font-size: 12px;
		line-height: 15px;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #4b9932;
	}
	
	#mainImage {
		position: relative;
		margin: -17px -5px 10px -5px;
		width: 730px;
		height: 287px;
	}
	
	#mainImage #sigMoviePlayer {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#panelImage {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#panelImage #panelA {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		z-Index: 20;
	}
	
	#panelImage #panelB {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		z-Index: 10;
	}
		
	#panelImage .panelImage {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
	}
	
	.featureBox {

	display: block;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;

	}

	.featureBox h2 {

	clear: none !important;
	background-color: #a70c1c;
	color: #ffffff !important;
	margin: 0px 0px 0px 0px !important;
	padding: 1px 0px 2px 7px !important;
	font-size: 14px !important;

	}

	.featureBoxContent {

	border: 1px solid #d6c690;
	background-color: #faf5dd;
	padding: 0px 7px 7px 7px;

	}

	.featureBoxContent p {

	margin: 7px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;

}

	
/*
Sub - columns
-------------------------
*/
	
	div.subColumns {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 500px;
	}
	div.subColumns div.firstSubColumn {
		display: block;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 240px;
	}
	div.subColumns div.secondSubColumn {
		display: block;
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 240px;
	}


/*
Tab elements
-------------------------
*/

	#jsActive #tabArea {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		width: 720px;
		overflow: hidden;
		clear: both;
	}

	#jsActive #tabArea h2 {
		display: none;
	}

	#jsActive #tabArea h3 {
		display: block;
	}

	#jsActive #tabArea .contentVisible {
		position: relative;
		top: auto;
		left: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 720px;
		height: auto;
	}

	#jsActive #tabArea .contentHidden {
		position: absolute;
		top: 0px;
		left: 1000px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 720px;
	}

	#tabButtons {
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
		width: 720px;
		height: 27px;
		overflow: hidden;
		background-image: url("/images/common/tabs/tabs-bottom-rule.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
	}

	#jsActive #tabArea #tabButtons {
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#tabButtons dt {
		display: none;
	}

	#tabButtons dd {
		margin: 0px 0px 0px 8px;
		padding: 0px 0px 0px 0px;
		float: left;
		height: 27px;
	}
	
	* html #tabButtons dd {
		width: 10px;
	}

	#tabButtons dd.tab a, #tabButtons dd.tab strong {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 27px;
		font-weight: bold;
		text-decoration: none;
		overflow: hidden;
		cursor: pointer;
	}

	#tabButtons dd.tab span.tabLeftEdge {
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		top: 0px;
		left: 0px;
		width: 3px;
		height: 27px;
	}
	#tabButtons dd.tab span.tabContent {
		display: block;
		margin: 2px 0px 0px 0px;
		padding: 0px 6px 0px 6px;
		height: 25px;
		white-space: nowrap;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 15px;
		line-height: 23px;
		text-decoration: none;
	}
	* html #tabButtons dd.tab span.tabContent {
		width: 10px;
	}

	#tabButtons dd.tabOn span.tabLeftEdge {
		background-image: url("/images/common/tabs/tab-on-left.gif");
		background-repeat: no-repeat;
	}
	#tabButtons dd.tabOn a, #tabButtons dd.tabOn strong {
		background-image: url("/images/common/tabs/tab-on-bg.gif");
		background-position: top right;
		background-repeat: repeat-x;
	}
	#tabButtons dd.tabOn a, #tabButtons dd.tabOn a:visited, #tabButtons dd.tabOn a:hover, #tabButtons dd.tabOn strong {
		color: #4b9932;
		text-decoration: none;
	}

	#tabButtons dd.tabOff span.tabLeftEdge {
		background-image: url("/images/common/tabs/tab-off-left.gif");
		background-repeat: no-repeat;
	}
	#tabButtons dd.tabOff a {
		background-image: url("/images/common/tabs/tab-off-bg.gif");
		background-position: top right;
		background-repeat: repeat-x;
	}
	#tabButtons dd.tabOff a, #tabButtons div.tabOff a:visited {
		color: #99662c;
		text-decoration: none;
	}
	#tabButtons dd.tabOff a:hover {
		background-image: url("/images/common/tabs/tab-over-bg.gif");
		background-position: top right;
		color: #ffffff;
		text-decoration: none;
	}
	#tabButtons dd.tabOff a:hover span.tabLeftEdge {
		background-image: url("/images/common/tabs/tab-over-left.gif");
		background-repeat: no-repeat;
	}
	
	
/*
Basic in-page panels
-------------------------
*/

	.greenPanel {
		display: block;
		position: relative;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		width: 720px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-tile-720.gif");
		background-repeat: repeat-y;
	}
	.mainSubColumn .greenPanel {
		width: 500px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-tile-500.gif");
	}
	.rightSubColumn .greenPanel {
		width: 200px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-tile-200.gif");
	}
	.greenPanel .greenPanelTop {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 4px;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
		width: 720px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-top-720.gif");
		background-repeat: no-repeat;
	}	
	.mainSubColumn .greenPanelTop {
		width: 500px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-top-500.gif");
	}
	.rightSubColumn .greenPanelTop {
		width: 200px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-top-200.gif");
	}
	.greenPanel .greenPanelContent {
		display: block;
		position: relative;
		margin: 0px 8px 0px 8px;
		padding: 4px 0px 0px 0px;
		width: 704px;
	}	
	.mainSubColumn .greenPanelContent {
		width: 494px;
	}
	.rightSubColumn .greenPanelContent {
		width: 184px;
	}
	.greenPanel .greenPanelContent h2:first-child {
		margin-top: 0px;
	}
	.greenPanel .greenPanelBottom {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 4px;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
		width: 720px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-bottom-720.gif");
		background-repeat: no-repeat;
	}
	.mainSubColumn .greenPanelBottom {
		width: 500px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-bottom-500.gif");
	}
	.rightSubColumn .greenPanelBottom {
		width: 200px;
		background-image: url("/images/panels/in-page-panels/in-page-panel-bottom-200.gif");
	}
	
	.greenPanel .greenPanelContent h3 {
		margin: 4px 0px 5px 0px;
	}
	
	.roarAndSnore ul {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		list-style-position: outside;
		position: relative;
		overflow: hidden;
	}
	
	.roarAndSnore ul li {
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 12px;
		background-image: url("/images/panels/in-page-panels/roar-and-snore-list-bullet.gif");
		background-position: 0px 3px;
		background-repeat: no-repeat;
		position: relative;		
	}
	
	.wiiPanel {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		height: 130px;
		overflow: hidden;
		background-image: url("/images/panels/in-page-panels/wii-panel-bg.gif");
		background-repeat: no-repeat;
	}
	.wiiPanel p {
		margin: 75px 5px 0px 10px;
		padding: 0px 0px 0px 0px;
	}
	
	.worldCupPanel {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		height: 130px;
		overflow: hidden;
		background-image: url("/images/panels/in-page-panels/world-cup-panel-bg.gif");
		background-repeat: no-repeat;
	}
	
	.worldCupPanel .worldCupPanelConent {
		width: 105px;
		float: right;
		height: 130px;
		padding: 5px 2px 0px 5px;
	}
		
	.worldCupPanel .worldCupPanelConent p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size:11px;
	}
	
/*
Table elements
--------------
*/

	.greenPanel table {
		width: 695px;
		border-collapse: collapse;
		text-align: left;
	}

	.greenPanel table caption {
		display: none;
	}
	.greenPanel table thead th {
		padding: 3px 8px 3px 8px;
		background-color: #b8ceaa;
		color: #ffffff;
		background-image: url("/images/common/table-col-header-green-bg.gif");
		white-space: nowrap;
	}
	.greenPanel table thead th.featured {
		background-image: url("/images/common/table-col-header-green-featured-bg.gif");
	}
	.greenPanel table tbody th {
		padding: 6px 8px 6px 8px;
		color: #000000;
		border-bottom: 1px solid #b8ceaa;
	}
	.greenPanel table tbody th span.smallText {
		font-weight: normal;
		color: #4b9932;
	}
	.greenPanel table tbody td {
		padding: 6px 8px 6px 8px;
		color: #000000;
		border-bottom: 1px solid #b8ceaa;
	}
	.greenPanel table tbody td.featured {
		font-weight: bold;
		background-image: url("/images/common/table-td-green-bg.gif");
	}
	

	
/*
Gallery elements
---------------------------
*/
	.gallery {
		width: 720px;
	}	
	.mainSubColumn .gallery {
		width: 500px;
	}
	.rightSubColumn .gallery {
		width: 200px;
	}
	.gallery ul { 
		list-style: none !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
	}
	.gallery ul li {
		display: inline !important;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
		background-image: none !important;
	}
	.gallery ul li a {
		text-decoration: none !important;
	}
	.gallery ul li a img {
		margin: 0px 10px 8px 0px !important;
		border: 1px solid #d7e7d4;
		border-width: 5px;
	}
	.gallery ul li a:hover img {
		border: 1px solid #4b9932;
		border-width: 5px;
	}
	
	.panoramaPanel {
		display: block;
		position: relative;
		margin: 4px 2px 8px 2px;
		padding: 0px 0px 0px 0px;
		width: 704px;
		height: 300px;
	}
	#flashVR {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	.panoramaPanel .panoramaControls {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 2;
		width: 240px;
	}
	
	.miniFlashVR {
		position: relative;
		width: 720px;
	}
	
	.miniFlashVrViewer {
		display: block;
		width: 300px;
		position: relative;
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #4b9932;
	}
	.miniFlashVrViewer p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.miniFlashVrViewer p a, .miniFlashVrViewer p a:visited {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 8px 2px 4px 2px;
		background-color: #4b9932;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
	}
	.miniFlashVrViewer p a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	.miniFlashVrOther {
		display: block;
		width: 400px;
	}
	
/*
Terms elements
-------------------------
*/

	span.termsSymbol {
		display: block;
		clear: both;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 0px;
		width: 30px;
		float: left;
		color: #4b9932;
	}

	span.termsText {
		display: block;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 0px;
		width: 460px;
		float: right
	}
	
/*
Footer elements
-------------------------
*/

	#footerFullWidth {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 80px;
	}

	#footerDecoration {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 80px;
		text-align: center;
	}

	#footerArea {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 960px;
		height: 80px;
		overflow: hidden;
	}
	
/* Site map */

	#siteMap {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#siteMap dt {
		margin: 20px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		color: #4b9932;
	}

	#siteMap dd {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
	}

	#siteMap dd dl {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#siteMap dd dl dt {
		margin: 8px 0px 2px 0px;
		padding: 0px 0px 0px 0px;
		font-weight: normal;
		font-style: italic;
		color: #4b9932;
	}

	#siteMap dd dl dd {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}