/*******************************************************************************
 *
 *	Style
 *
 ******************************************************************************/
body {
	font-family:			Arial, sans-serif;
	padding:				0;
	margin:					0;
	background:				#d1d1d1 url('./gfx/ContainerTop.gif') center top no-repeat;
	text-align:				center;
}

body#index {
	
}

img {
	border:					none;
}

a {
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

/*******************************************************************************
 *	Fonts
 ******************************************************************************/
@font-face {
	font-family:	'LeagueGothic';
	src: 			url('fonts/LeagueGothic.eot');
	src: 			local('LeagueGothic'), url('./fonts/LeagueGothic.otf') format('opentype');
}

@font-face {
	font-family:	'Junction';
	src: 			url('fonts/Junction.eot');
 	src:			local('Junction'), url('./fonts/Junction.otf') format('opentype');
}

/*******************************************************************************
 *	Header
 ******************************************************************************/
#PortalBar {
	height:					29px;
	background:				#000000;
	margin-bottom:			19px;
	text-align:				center;
}

#PortalBar div {
	width:					960px;
	height:					29px;
	margin:					0px auto;
	text-align:				right;
	color:					#ffffff;
	line-height:			29px;
	font-size:				10px;
}

#PortalBar div a {
	color:					#ffffff;
}

#PortalBar div img {
	position:				relative;
	top:					3px;
}

#Container {
	width:					1046px;
	margin:					0px auto 12px auto;
	padding-top:			25px;
	padding-bottom:			48px;
	background:				transparent url('./gfx/ContainerBottom.gif') center bottom no-repeat;
	text-align:				center;
}

#Container > table {
	width:					960px;
	margin:					0px auto;
}

#Header {
	position:				relative;
	width:					960px;
	margin:					0px auto 12px auto;
	text-align:				left;
	z-index:				500;
}

#Logo {
	position:				relative;
	width:					163px;
	height:					70px;
}

#SearchBar {
	position:				absolute;
	right:					0px;
	top:					0px;
	line-height:			24px;
	font-size:				10px;
	text-align:				right;
	width:					300px;
}

#SearchBar a {
	color:					#000000;
}

#SearchBar #Links {
	line-height:			24px;
	margin-right:			12px;
	float:					left;
}

#SearchForm {
	display:				inline;
	margin:					0;
	height:					24px;
}

#SearchForm input[type='image'] {
	float:					right;
}

#MenuBar {
	position:				absolute;
	height:					41px;
	right:					0px;
	bottom:					-12px;
	font-family:			LeagueGothic, Arial, sans-serif;
	font-size:				23px;
	text-transform:			uppercase;
	line-height:			41px;
	text-align:				right;
	z-index:				1000;
}

#MenuBar div {
	position:				relative;
	padding-left:			13px;
	padding-right:			13px;
	float:					left;
	z-index:				900;
}

#MenuBar div a {
	color:					#000000;
}

#MenuBar div a:hover {
	text-decoration:		none;
}

#MenuBar .SubMenu {
	width:					442px;
	position:				absolute;
	left:					0;
	top:					100%;
	display:				none;
	z-index:				800;
	background:				url('./gfx/SubMenu.png') left bottom no-repeat;
	padding-top:			28px;
	padding-left:			28px;
	padding-bottom:			35px;
}

#MenuBar .SubMenu .SubMenuTitle {
	color:					#ffffff;
	font-size:				22px;
	font-family:			LeagueGothic, sans-serif;
	float:					left;
	line-height:			22px;
	padding:				0px;
	margin-bottom:			13px;
}

#MenuBar .SubMenu .SubMenuSection {
	color:					#bcb9b7;
	font-size:				22px;
	font-family:			LeagueGothic, sans-serif;
	float:					left;
	line-height:			22px;
	padding:				0px;
}

#MenuBar .SubMenu .SubMenuDescription {
	color:					#bcb9b7;
	font-size:				17px;
	font-family:			Junction;
	text-transform:			none;
	float:					left;
	line-height:			25px;
	padding:				0px;
}

#MenuBar .SubMenu .SubMenuDescription a {
	color:					#bcb9b7;
	text-transform:			none;
	text-decoration:		none;
}

#MenuBar .SubMenu .SubMenuDescription a:hover {
	text-decoration:		underline;
}

#MenuBar .SubMenu .SubMenuLink {
	clear:					both;
	padding:				0px;
	color:					#ffffff;
	font-family:			'Myriad Pro', sans-serif;
	font-size:				13px;
	text-transform:			none;
	border-bottom:			1px dotted #9f9b98;
	width:					225px;
	text-align:				left;
	line-height:			18px;
	margin-top:				4px;
}

#MenuBar .SubMenu .SubMenuLink a {
	color:					#ffffff;
}

#HelpBubble {
	display:				block;
	position:				absolute;
	left:					50%;
	width:					54px;
	height:					72px;
	margin:					50px 0 0 520px;
	cursor:					pointer;
}

#MarketBanner {
	margin-bottom:			10px;
}

#Sidebar {
	font-family:			Arial, sans-serif;
	font-size:				12px;
}

/*******************************************************************************
 *	Main
 ******************************************************************************/
#ThumbnailTitle {
	font-family:			LeagueGothic, sans-serif;
	font-size:				20px;
	color:					#3e3331;
}

#ThumbnailSummary {
	font-family:			Arial, sans-serif;
	font-size:				12px;
	color:					#333333;
}

#Container > table {
	font-family:			Arial, sans-serif;
	font-size:				12px;
	text-align:				center;
}

#Container > table  td {
	text-align:				left;
}

#Content {
	background-color:		#ffffff;
	text-align:				left;
	color:					#333333;
	font-size:				12px;
	line-height:			18px;
	font-family:			Arial, sans-serif;
}

.ContentEDITORONLY {
	padding:				20px;
	background:				none;
}

.ContentEDITORONLY iframe {
	width:					100%;
}

h1 {
	color:					#aca096;
	text-transform:			uppercase;
	font-family:			'LeagueGothic', sans-serif;
	font-size:				50px;
	line-height:			50px;
	margin:					0px;
	padding:				0px;
}

h2 {
	color:					#3d3430;
	font-family:			Junction, sans-serif;
	font-size:				15px;
	line-height:			15px;
	margin:					0px;
	padding:				0px;
}

.Dropdown {
	position:				relative;
	width:					290px;
	height:					22px;
	padding:				4px 2px 0px 6px;
	background:				url('./gfx/MessageSelect.gif') left top no-repeat;
	border:					none;
	margin-bottom:			0px;
	cursor:					pointer;
}

.Dropdown > img {
	float:					right;
	position:				relative;
	top:					2px;
	right:					7px;
}

.OptionList {
	position:				absolute;
	width:					284px;
	left:					2px;
	top:					22px;
	background:				#ffffff;
	display:				none;
	border:					1px solid #dadada;
}

.Option {
	position:				relative;
	padding:				2px 4px;
	font-size:				11px;
}

/*******************************************************************************
 *	Footer
 ******************************************************************************/
#FooterContainer {
	position:				relative;
	background:				#ffffff url('./gfx/FooterBorder.gif') left top repeat-x;
	padding:				30px 0px;
}

#Footer {
	width:					960px;
	margin:					0px auto;
	font-family:			'Myriad Pro', sans-serif;
	font-size:				11px;
	text-align:				left;
}

#Footer table {
	width:					100%;
	font-family:			Arial, sans-serif;
	font-size:				12px;
}

td.NewsDate {
	font-family:			Junction, sans-serif;
	text-transform:			uppercase;
	text-align:				center;
	padding-right:			4px;
	line-height:			11px;
}

.NewsTitle {
	display:				block;
	font-family:			LeagueGothic, sans-serif;
	font-size:				23px;
	margin-bottom:			-5px;
}

.NewsSubTitle {
	display:				block;
	font-size:				12px;
	font-style:				italic;
	font-weight:			bold;
}

.NewsThumbnail {
	clear:					both;
	float:					left;
	margin-right:			6px;
	margin-bottom:			6px;
}

.NewsThumbnail img {
	border:					1px solid #cccccc;
}

.NewsBlurb {
	font-size:				12px;
	line-height:			12px;
}

.NewsDiscoverMore {
	display:				block;
	float:					left;
	margin-left:			50px;
	width:					115px;
	height:					25px;
	clear:					both;
	margin-top:				10px;
}

form.ContactUs {
	font-size:				11px;
}

form.ContactUs textarea {
	width:					275px;
	height:					67px;
	padding:				2px;
	background:				url('./gfx/MessageMessage_New.gif') left top no-repeat;
	border:					none;
	overflow:				auto;
}

form.ContactUs .Checkbox {
	float:					left;
	position:				relative;
	top:					-2px;
	width:					17px;
	height:					17px;
	background:				url('./gfx/Checkbox.gif') 0px 0px no-repeat;
	margin-right:			4px;
	cursor:					pointer;
}

form.ContactUs .CheckboxChecked {
	float:					left;
	position:				relative;
	top:					-2px;
	width:					17px;
	height:					17px;
	background:				url('./gfx/Checkbox.gif') 0px -17px no-repeat;
	margin-right:			4px;
	cursor:					pointer;
}

form.ContactUs label {
	float:					left;
}

#Footer table#EverythingElse {
	font-size:				11px;
	border-top:				2px dotted #898989;
	overflow:				visible;
}

#Footer table#EverythingElse #EEImage {
	position:				relative;
	margin-left:			-4px;
	margin-top:				-40px;
	margin-bottom:			10px;
}

#Footer table#EverythingElse h3 {
	font-size:				15px;
	margin:					10px 0px;
	white-space:			nowrap;
}

#Footer table#EverythingElse a {
	color:					#000000;
	display:				block;
	margin-bottom:			2px;
}

#FooterSearch {
	display:				inline;
	margin:					0;
	height:					24px;
}

#FooterBar {
	height:					93px;
	background:				#000000;
	/*	margin-top:				30px;	*/
}

/*******************************************************************************
 *	Visited Admin link
 ******************************************************************************/
.VisitedAdmin {
	background-image:		url("./gfx/VisitedAdmin.png");
	width:					114px;
	height:					84px;
	position:				absolute;
	right:					0px;
	top:					0px;
}

.VisitedAdminLink {
	width:					43px;
	height:					38px;
	position:				absolute;
	right:					0px;
	top:					0px;
	cursor:					pointer;
}

/*******************************************************************************
 *	Slideshow
 ******************************************************************************/
/*
 .Banner_Wrapper {
	width:					960px;
	height:					516px;
	position:				relative;
	margin:					0px auto;
	clear:					both;
	overflow:				hidden;
	text-align:				left;
}

.Banner_Container {
	width:					960px;
	height:					480px;
	left:					0px;
	position:				absolute;
	background-repeat:		no-repeat;
}

#Banner_Previous {
	width:					35px;
	height:					35px;
	position:				absolute;
	left:					3px;
	top:					224px;
	background:				url('./gfx/Previous.png') left top no-repeat;
	cursor:					pointer;
}

#Banner_Next {
	width:					35px;
	height:					35px;
	position:				absolute;
	right:					3px;
	top:					224px;
	background:				url('./gfx/Next.png') left top no-repeat;
	cursor:					pointer;
}

#Banner_Controls {
	width:					960px;
	height:					24px;
	position:				absolute;
	bottom:					0px;
	text-align:				center;
}

.Banner_Control {
	width:					13px;
	height:					13px;
	position:				absolute;
	top:					3px;
	right:					0px;
	overflow:				hidden;
}

.Banner_Control_Image {
	width:					13px;
	height:					13px;
}

.Banner_Container_Number {
	position:				relative;
	padding-right:			15px;
	margin:					0px 28px;
	display:				inline;
	line-height:			24px;
	font-weight:			100;
	text-align:				center;
	cursor:					pointer;
	color:					#ac9f96;
	font-size:				20px;
	font-family:			LeagueGothic, Arial, sans-serif;
}

.Banner_Container_Number .Banner_Control_Image {
	background:				url('./gfx/banner_control.gif') left top no-repeat;
}

.Banner_Container_Number_Active {
	position:				relative;
	padding-right:			15px;
	margin:					0px 28px;
	display:				inline;
	line-height:			24px;
	font-weight:			100;
	text-align:				center;
	cursor:					pointer;
	font-size:				20px;
	font-family:			LeagueGothic, Arial, sans-serif;
}

.Banner_Container_Number_Active .Banner_Control_Image {
	background:				url('./gfx/banner_control_active.png') left top no-repeat;
}
*/

.BannersWrapper {
	width:					960px;
	height:					516px;
	position:				relative;
	margin:					0px auto;
	clear:					both;
	overflow:				hidden;
	text-align:				left;
}

.BannersContainer {
	width:					960px;
	height:					480px;
	left:					0px;
	position:				absolute;
	cursor:					pointer;
}

#BannerPrevious {
	width:					35px;
	height:					35px;
	position:				absolute;
	left:					3px;
	top:					224px;
	background:				url('./gfx/Previous.png') left top no-repeat;
	cursor:					pointer;
}

#BannerNext {
	width:					35px;
	height:					35px;
	position:				absolute;
	right:					3px;
	top:					224px;
	background:				url('./gfx/Next.png') left top no-repeat;
	cursor:					pointer;
}

#BannersControls {
	width:					960px;
	height:					24px;
	position:				absolute;
	bottom:					0px;
	text-align:				center;
}

.BannersControl {
	width:					13px;
	height:					13px;
	position:				absolute;
	bottom:					5px;
	right:					0px;
	overflow:				hidden;
}

.BannerControlImage {
	width:					13px;
	height:					13px;
}

.BannersContainerNumber {
	position:				relative;
	padding-right:			20px;
	margin:					0px 28px;
	display:				inline;
	line-height:			24px;
	font-weight:			100;
	text-align:				center;
	cursor:					pointer;
	color:					#ac9f96;
	font-size:				20px;
	font-family:			LeagueGothic, Arial, sans-serif;
}

.BannersContainerNumber .BannerControlImage {
	background:				url('./gfx/banner_control.gif') left top no-repeat;
}

.BannersContainerNumberActive {
	position:				relative;
	padding-right:			20px;
	margin:					0px 28px;
	display:				inline;
	line-height:			24px;
	font-weight:			100;
	text-align:				center;
	cursor:					pointer;
	color:					#000000;
	font-size:				20px;
	font-family:			LeagueGothic, Arial, sans-serif;
}

.BannersContainerNumberActive .BannerControlImage {
	background:				url('./gfx/banner_control_active.png') left top no-repeat;
}

/*******************************************************************************
 *	Timeline
 ******************************************************************************/
#HistoryContent {
	position:				relative;
	width:					620px;
	height:					396px;
	background:				transparent url('./gfx/HistoryBackground.jpg') left top no-repeat;
	color:					#999999;
	font-family:			Junction, sans-serif;
}

#HistoryDate {
	position:				absolute;
	left:					27px;
	top:					103px;
	font-size:				22px;
}

#HistoryTitle {
	position:				absolute;
	left:					113px;
	top:					106px;
	font-size:				16px;
	width:					191px;
}

#HistoryDetails {
	position:				absolute;
	left:					27px;
	top:					165px;
	font-family:			'Times New Roman', sans-serif;
	font-size:				13px;
	color:					#333333;
	width:					277px;
	text-align:				justify;
}

#HistoryImage {
	position:				absolute;
	left:					371px;
	top:					107px;
	width:					188px;
	height:					179px;
}

#TimelineWrapper {
	/*	width:				670px;*/
	width:					620px;
	height:					154px;
	overflow-x:				auto;
	overflow-y:				hidden;
	position:				relative;
}

#TB_history_timeline {
	height:					160px;
}

.TB_history_timeline_block {
	width:					106px;
	margin:					0px;
	float:					left;
	text-align:				center;
}

.TB_history_timeline_date_block {
	height:					56px;
	width:					108px;
	border-bottom:			solid 2px #A79B90;
	background:				transparent url('../../Data/History/tb_timeline_date_bg.png') scroll no-repeat center bottom;
	text-align:				center;
	font-family:			Junction, sans-serif;
	color:					#999999;
}

.TB_history_timeline_date_wrapper {
	padding-top:			15px;
	cursor:					pointer;
}

.DateFirst {
	font-size:				10px;
	vertical-align:			top;
	margin-left:			28px;
}

.DateLast {
	font-size:				24px;
	vertical-align:			top;
}

.TB_history_timeline_date_even, .TB_history_timeline_date_odd {
	vertical-align:			top;
	font-size:				28px;
	margin-top:				-7px;
}

.TB_history_timeline_date_odd {
	margin-top:				-3px;
}

.TB_history_timeline_thumb_block {
	height:					78px; /* height of thumbnail image with border */
	width:					108px; /* width of thumbnail image with border */
	margin:					1px 0px 3px;
	text-align:				center;
	position:				relative;
}

.TB_history_timeline_thumb {
	position:				absolute;
	top:					3px;
	left:					3px;
	cursor:					pointer;
	z-index:				10;
}

.TB_history_timeline_thumb:hover {
	/*border:				solid 3px #3A579E;*/
}

.TB_history_timeline_thumb_border {
	width:					102px;
	height:					72px;
	border:					solid 3px #3A579E;
	position:				absolute;
	top:					0px;
	left:					0px;
	z-index:				1;
	opacity:				0;
	filter:					progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
