﻿/*** HOME PAGE STYLES ***/

/*** SLIDE FEATURES ***/

#FeaturesColumn
{
	width:616px;
	float:left;
}

#SlideFeatureWrapper
{
	height:294px;
	width:616px;
	float:left;
}

#SlideFeatures
{
	position:relative;
	height:286px;
}

#FeaturesWrapper
{
	border:1px solid #bdbdbd;
	height:266px;
	width:614px;
}

.FeaturePanel
{
	position:absolute;
	background-image:url(/Images/SlideShowBg.jpg);
	background-position:4px 4px;
	background-repeat:no-repeat;
	top:1px;
	left:1px;
	height:266px;
	overflow:hidden;
	width:606px;
	padding:4px;
}

.FeatureImageWrapper
{
	width:405px;
	height:258px;
	overflow:hidden;
	float:left;
}

.FeatureInfoWrapper
{
	width:178px;
	height:258px;
	float:right;
	overflow:hidden;
	padding-right:10px;
}

.FeatureInfoWrapper h2
{
	color:#00597b;
	font-size:140%;
	margin:6px 0px 2px 0px;
}

.FeatureInfoWrapper .SubTitle
{
	color:#006699;
	font-weight:normal;
	font-size:1.1em;
}

.FeatureInfoWrapper .FeatureTextWrapper
{
	font-size:1.1em;
}

.ReadMoreFeatureBtn
{
	width:81px;
	height:22px;
	display:block;
	background-image:url(/Images/ReadMoreFeatureBtn.gif);
	background-repeat:no-repeat;
}

#FeaturePanelControls
{
	position:absolute;
	top:268px;
	left:14px;
	height:26px;
}

#FeaturePanelControls ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#FeaturePanelControls ul li
{
	display:inline;
	margin:0px;
	padding:0px;
}

#FeaturePanelControls ul li a
{
	background:#f3b700 url(/Images/SlideBtnBg.gif) repeat-x left bottom;
	color:#ffffff;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	height:18px;
	margin:0px 1px 0px 0px;
	padding:4px 0px;
	text-align:center;
	text-decoration:none;
	width:33px;
}

#FeaturePanelControls  ul li a.PreviousLink
{
	background-image:url(/Images/SlidePreviousBtnBg.gif);
}

#FeaturePanelControls  ul li a.NextLink
{
	background-image:url(/Images/SlideNextBtnBg.gif);
}

#FeaturePanelControls  ul li a.PlayLink
{
	background-image:url(/Images/SlidePlayBtnBg.gif);
}

#FeaturePanelControls  ul li a.Play
{
	background-image:url(/Images/SlidePlayBtnBg.gif);
}

#FeaturePanelControls  ul li a.Pause
{
	background-image:url(/Images/SlidePauseBtnBg.gif);
}

#FeaturePanelControls  ul li a.Selected
{
	background:url(/Images/SlideSelectedBtnBg.gif) repeat-x left bottom;
	border-right:solid 1px #ffaf2b;
	border-bottom:solid 1px #ffaf2b;
	border-left:solid 1px #ffaf2b;
	color:#e67219;
	height:17px;
	width:31px;
}

/*** SMALL FEATURES ***/

#SmallFeatures
{
	margin-top:28px;
}

#RightFeature
{
	float:right;
	width:296px;
}

#LeftFeature
{
	float:left;
	width:296px;
}

.FeatureHolder
{
	padding:4px;
	border:1px solid #bdbdbd;
}

/* LIST COLUMNS */

#ListColumnHolder
{
	float:left;
	margin-left:18px;
	width:292px;
}

#ListColumnLeft, #ListColumnRight
{
	background-image:url(/Images/HomeBoxHeaderBg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	float:left;
	width:137px;
}

#ListColumnRight
{
	float:right;
}

#ListColumnHolder h2
{
	color:#00597b;
	font-weight:bold;
	font-size:130%;
	margin:0px;
	padding:10px 0px 8px 0px;
}


#ListColumnHolder .ColumnBox
{
	background-image:url(/Images/HomeBoxHeaderBg.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding-bottom:8px;
}

#ListColumnHolder .ColumnTextWrapper ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#ListColumnHolder .ColumnTextWrapper ul li
{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	width:124px;
}

#ListColumnHolder .ColumnTextWrapper ul li a
{
	display:block;
	background-image:url(/Images/GreenNavDot.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:2px 10px 2px 12px;
	margin:0px;
}

#ListColumnHolder .ColumnTextWrapper ul.CharactersList li a
{
	background:no-repeat left center;
	display:block;
	font-size:1.1em;
	padding:13px 6px 13px 45px;
	margin:0px;
}

#ListColumnHolder ul.NewsWhatsOn li
{
	font-size:0.85em;
	margin-bottom:10px;
}

#ListColumnHolder ul.NewsWhatsOn li a
{
	display:block;
	background-image:none;
	padding:0px;
	margin:0px 0px 8px 0px;
	font-weight:bold;
	font-size:1.2em;
}

#ListColumnHolder .ViewEvents
{
	background-image:url(/Images/ViewEventsBtn.gif);
	background-repeat:no-repeat;
	display:block;
	width:113px;
	height:29px;
	margin:10px 0px;
}