/*
Homepage elements
-----------------
*/

	#leftColumnSpacer {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 20px;
	}

/* News Panel */

	#newsPanel {
		position: relative;
		margin: 0px 18px 08px 20px;
		padding: 0px 0px 0px 0px;
		background-color: #fafaf9;
		border: 1px solid #cccbbd;
		_height: 28px; /* Fix for IE Overflow */
		overflow: hidden;
	}
	#newsPanel #newsPanelFader {
		display: block;
		position: absolute;
		top: 1px;
		left: 0px;
		background-color: #fafaf9;
		width: 720px;
		height: 27px;
	}
	#newsPanel dl {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 28px;
		overflow: hidden;
	}
	#newsPanel dl dd {
		margin: 0px 8px 0px 8px;
		padding: 5px 0px 0px 0px;
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
	}
	#newsPanel dl dd .newsPanelTitle {
		color: #838265;
	}
	#newsPanel dl dd .newsPanelContent {
		position: relative;
	}
	#newsPanel dl dd .newsPanelContent a, #newsPanel dl dd .newsPanelContent a:visited {
		color: #008dc0;
	}
	#newsPanel dl dd .newsPanelContent a:hover {
		color: #002f4e;
	}
	#newsPanel dl dd .newsPanelContent .newsPanelReveal {
		display: block;
		position: absolute;
		background-color: #fafaf9;
		height: 22px;
	}
	
/* Floating Panels */

	#homePanelArea {
		margin: 0px 16px 0px 18px;
		padding: 0px 0px 0px 0px;
	}
	
	.homePanelLeft {
		float: left;
		margin: 0px 0px 7px 0px;
		padding: 0px 0px 0px 0px;
		width: 357px;
	}
	
	.homePanelRight {
		float: right;
		margin: 0px 0px 7px 0px;
		padding: 0px 0px 0px 0px;
		width: 357px;
	}
	
	.homePanelLeft .panelTop, .homePanelRight .panelTop {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 5px;
		background-image: url("/images/homepage/panels/common/panel-top.gif");
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	.homePanelLeft .panelContent, .homePanelRight .panelContent {
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 5px;
		background-repeat: repeat-y;
	}
	.scroll1bg {
		height: 97px;
		background-image: url("/images/homepage/panels/scroll-backgrounds/scroll-1-bg.jpg");
	}
	.scroll2bg {
		height: 97px;
		background-image: url("/images/homepage/panels/scroll-backgrounds/scroll-2-bg.jpg");
	}
	.scroll1bg .panelContent img.panelImageLeft, .scroll2bg .panelContent img.panelImageLeft {
		margin: 10px 10px 0px 2px;
	}
	.scroll1bg .panelContent img.scrollHeading, .scroll2bg .panelContent img.scrollHeading {
		margin: 4px 0px 0px 0px;
	}
	.greyHomePanel .panelContent {
		background-image: url("/images/homepage/panels/common/grey-panel-tile.gif");
	}
	.lilacHomePanel .panelContent {
		background-image: url("/images/homepage/panels/common/lilac-panel-tile.gif");
	}
	.blackHomePanel .panelContent {
		background-image: url("/images/homepage/panels/common/black-panel-tile.gif");
	}
	
	.homePanelLeft .panelContent h2, .homePanelRight .panelContent h2 {
		margin: 0px 0px 0px 0px;
		padding: 8px 11px 5px 11px;
		font-size: 18px;
		line-height: 24px;
		text-transform: uppercase;
	}
	
	.homePanelLeft .panelContent p, .homePanelRight .panelContent p  {
		margin: 0px 0px 0px 0px;
		padding: 0px 11px 10px 11px;
		color: #333300;
	}
	
	.blackHomePanel .panelContent p {
		color: #ffffff;
	}
	.blackHomePanel .panelContent a {
		color: #61BCD9;
	}
	.blackHomePanel .panelContent a:visited {
		/*color: #8EA1A8;*/
		color: #61BCD9;
	}
	.blackHomePanel .panelContent a:hover {
		color: #86D8F2;
	}
	
	.homePanelLeft .panelContent p.topPad, .homePanelRight .panelContent p.topPad  {
		padding-top: 10px;
	}
	
	.homePanelLeft .panelContent a, .homePanelRight .panelContent a {
		text-decoration: none;
	}
	.homePanelLeft .panelContent a:visited, .homePanelRight .panelContent a:visited {
		text-decoration: none;
	}
	.homePanelLeft .panelContent a:hover, .homePanelRight .panelContent a:hover {
		text-decoration: underline;
	}
	
	.homePanelLeft .panelContent .panelImageLeft, .homePanelRight .panelContent .panelImageLeft {
		position: relative;
		float: left;
		margin: 1px 10px 1px 1px;
	}
	.homePanelLeft .panelContent .popOutLeft, .homePanelRight .panelContent .panelImageLeft {
		margin-left: -11px;
	}
	.homePanelLeft .panelContent .panelImageRight, .homePanelRight .panelContent .panelImageRight {
		position: relative;
		float: right;
		margin: 2px 2px 2px 10px;
	}
	
	.homePanelLeft .panelBottom, .homePanelRight .panelBottom {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 5px;
		background-image: url("/images/homepage/panels/common/panel-bottom.gif");
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	#dungeonPanel {
		float: left;
		display: inline;
		width: 387px;
		height: 176px;
		margin: -18px 0px 0px -18px;
		padding: 0px 0px 0px 0px;
	}
	#dungeonPanel a {
		display: block;
		width: 387px;
		height: 176px;
		background-image: url("/images/homepage/panels/castle-dungeon-panel.jpg");
		background-repeat: no-repeat;
	}
	#dungeonPanel a span {
		display: none;
	}
	
	#dungeonsSmallPanel {
		width: 357px;
		height: 101px;
		background-image: url("/images/homepage/panels/scroll-backgrounds/dungeons-ragged-bg.jpg");
		background-repeat: no-repeat;
		position: relative;
		margin: 0px 0px 8px 0px;
	}
	#dungeonsSmallPanel a#dungeonsLogo {
		display: block;
		width: 120px;
		height: 101px;
		background-image: url("/images/homepage/panels/dungeons-logo.jpg");
		background-repeat: no-repeat;	
		position: absolute;
		top: 0px;
		left: 0px;	
	}
	#dungeonsSmallPanel #dungeonsSmallPanelContent {
		width: 215px;
		position: absolute;
		top: 16px;
		right: 10px;
		font-size: 12px;
	}
	#dungeonsSmallPanel #dungeonsSmallPanelContent p, #dungeonsSmallPanel #dungeonsSmallPanelContent a {
		color: #ffffff;
	}
		
	#screamPanel {
		float: left;
		display: inline;
		width: 387px;
		height: 192px;
		margin: -18px 0px 0px -18px;
		padding: 0px 0px 0px 0px;
	}
	#screamPanel a {
		display: block;
		width: 387px;
		height: 192px;
		background-image: url("/images/homepage/panels/scream-competition-panel.jpg");
		background-repeat: no-repeat;
	}
	#screamPanel a span {
		display: none;
	}
	
	#offermessage {
		top: 213px;
		left: 0px;
		width: 760px;
		height: 47px; 
		position: absolute;
		z-index: 20;
		background-image: url("/images/homepage/easter-2010.png");
		background-repeat: no-repeat;
	}
	#offermessage a {
		display: block;
		top: 0px;
		left: 0px;
		width: 760px;
		height: 47px; 
		position: absolute;
	}
	#offermessage a span {
		display: none;
	}
	
	
	#eventsPanel {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 355px;
		height: 310px;
		background-image: url("/images/homepage/panels/events/scroll-bg.jpg");
		background-repeat: no-repeat;
		float: left;
		position: relative;
	}
	#eventsPanel span#eventLeftArrow {
		display: block;
		background-image: url("/images/homepage/panels/events/left-arrow-hover.gif");
		background-repeat: no-repeat;
		width: 10px;
		height: 12px;
		position: absolute;
		top: 93px;
		left: 5px;
	}
	#eventsPanel span#eventLeftArrow a {
		display: block;
		background-image: url("/images/homepage/panels/events/left-arrow-off.gif");
		background-repeat: no-repeat;
		width: 10px;
		height: 12px;
	}
	#eventsPanel span#eventLeftArrow a:hover {
		background-image: none;
	}
	
	#eventsPanel span#eventRightArrow {
		display: block;
		background-image: url("/images/homepage/panels/events/right-arrow-hover.gif");
		background-repeat: no-repeat;
		width: 10px;
		height: 12px;
		position: absolute;
		top: 93px;
		right: 10px;
	}
	#eventsPanel span#eventRightArrow a {
		display: block;
		background-image: url("/images/homepage/panels/events/right-arrow-off.gif");
		background-repeat: no-repeat;
		width: 10px;
		height: 12px;
	}
	#eventsPanel span#eventRightArrow a:hover {
		background-image: none;
	}
	
	#eventsPanel #eventsPanelContentArea {
		width: 305px;
		position: absolute;
		margin: 15px 27px 0px 22px;
		font-size: 12px;
		overflow: hidden;
	}
	#eventsPanel #eventsPanelContentArea #eventsPanelListing {
		height: 180px;
	}
	#eventsPanel #eventsPanelContentArea #eventsPanelListing div {
		position: absolute;
		width: 285px;
		display: none;
		top: 10px;
		left: 10px;
	}
	#eventsPanel #eventsPanelContentArea h3 {
		margin: 0px 0px 7px 0px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 18px;
	}
	#eventsPanel #eventsPanelContentArea #eventsPanelListing p {
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
	}
	#eventsPanel #eventsPanelContentArea #eventsPanelListing p.eventDate {
		color: #5d5845;
	}
	#eventsPanel #eventsPanelContentArea #eventsPanelListing img {
		float: right;
		margin: 0px 0px 5px 5px;
	}
	
	#eventsPanel #eventsPanelContentArea #eventsPanelSignUp {
		margin: 7px 0px 0px 0px;
		padding: 10px;
	}
	#eventsPanel #eventsPanelContentArea #eventsPanelSignUp h3 {
		color: #5d5845;
	}
	#eventsPanel #eventsPanelContentArea #eventsPanelSignUp p {
		margin: 3px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
	}
	#eventsPanel #eventsPanelContentArea #eventsPanelSignUp form input#registerEmail {
		width: 220px;
	}
	
	#homeMiddleColumn {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 356px;
		float: right;
	}
	
/* Accommodation button */
	#accommodationButton {
		width: 220px;
		height: 30px;
		background: url("/images/homepage/accommodation-button-hover.jpg") no-repeat;
		margin: 0px 0px 17px 0px;
		padding: 0px 0px 0px 0px;
	}
	#accommodationButton a, #accommodationButton a:hover {
		display: block;
		width: 220px;
		height: 30px;
	}
	#accommodationButton a {
		background: url("/images/homepage/accommodation-button.jpg") no-repeat;
	}
	#accommodationButton a:hover {
		background: none;
	}
	#accommodationButton a span {
		display: none;
	}