﻿body 
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color: #2b2b27;
	color: black;
	font-size: 76%;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
}

div, span, table, tr, td, th, img
{
	text-align: left;
	padding: 0;
	margin: 0;
}

div
{
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #666666;
	scrollbar-face-color: #666666;
	scrollbar-base-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #F4F4F4;
	scrollbar-darkshadow-color: #666666;
}

p
{
	margin: 0 0 12px 0;
	padding: 0;
	text-align: left;
}

a 
{
	color: black;
	text-decoration: underline;
}

a:hover 
{
	color: #0a2e6c;
}

img
{
	border: 0;
}

.clearBoth
{
	clear: both;
}

.homeBackground
{
	margin: 10px auto;
	width: 763px;
	height: 746px;
}
.genericBackground
{
	background-color: #fbf6e0;
	background-image: url(Images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 10px auto;
	width: 763px;
	margin-bottom: 0;
	border-bottom: solid 1px #72726F;
}

#banner
{
	width: 740px;
	margin: 0 8px 0 15px;
}
.logo
{
	display: inline;	/* for IE6 left margin doubling error */
	float: left;
	margin-top: 11px;
	width: 183px;
	height: 111px;
}
.logo img
{
	width: 183px;	
	height: 111px;
}

#heading
{
	display: inline;	/* for IE6 left margin doubling error */
	float: left;
	margin: 20px 0 10px 27px;
	width: 351px;
	height: 61px;
}
.menuGenericWrapper
{
	float: left;
	width: 557px;
}

#homeBannerGap
{
	height: 77px;	
}

.loginBarHomePage
{
	float: right;
	width: 540px;
	padding-right: 25px;
	margin-bottom: 7px;
	font-family: Times New Roman, Serif;
	text-align: right;
	vertical-align: bottom;
}
.loginBarHomePage a, 
.loginBarHomePage a:hover
{
	text-decoration: none;
	font-weight: bolder;
}
.loginBarHomePage a:hover
{
	color: #FF860C;
}

.loginBarHome
{
	float: right;
	width: 540px;
	padding-top: 20px;
	margin-bottom: 7px;
	font-family: Times New Roman, Serif;
	text-align: right;
	vertical-align: bottom;
}
.loginBarHome a, 
.loginBarHome a:hover, 
.loginBarGeneric a, 
.loginBarGeneric a:hover
{
	text-decoration: none;
	font-weight: bolder;
}
.loginBarHome a:hover, 
.loginBarGeneric a:hover
{
	color: #FF860C;
}
.loginBarGeneric	
{
	width: 557px;
	height: 91px;
	font-family: Times New Roman, Serif;
	text-align: right;
	vertical-align: bottom;
	overflow: hidden;
}
.loginBarGeneric span
{
	line-height: 152px;
	vertical-align: bottom;
}

.homeHeaderImage
{
	margin-right: 75px;
	width: 341px;
	height: 61px;
}
.menuHome
{
	background-image: url(Images/menu_bg_home.gif);
	width: 740px;
	height: 31px;
	vertical-align: middle;
}
.menuHomeInner
{
	margin-left: 99px;
}

.menuHomePageP3
{
	float: right;
	text-align: left;
	width: 557px;
	height: 31px;
	vertical-align: middle;
}

.menuHomeP3
{
	float: right;
	background-image: url(Images/menu_bg_home.gif);
	text-align: left;
	width: 557px;
	height: 31px;
	vertical-align: middle;
}
.menuHomeInnerP3
{
}

.menuGeneric
{
	background-image: url(Images/menu_bg.gif);
	width: 557px;
	height: 31px;
	vertical-align: middle;
}
	 
.homePageContent
{
	margin: 0 8px 0 15px;
}

.homeContent
{
	height: 450px;
	margin: 0 8px 0 15px;
}
.genericContent
{
	margin: 0px 8px 0 15px;
}

.sideWrapper
{
	float: left;
	width: 185px;
	overflow: hidden;
}

.logoBottom
{
	margin-top: 0px;
}
.logoBottom img
{
	margin-left: 7px;
	width: 176px;
	height: 118px;
}
.sideImage
{
	margin-top: 20px;	
}
.sideInfoWrapper
{
	margin-top: 20px;
	width: 185px;
	text-align: center;
}

.mainWrapper
{
	float: left;
	margin-left: 40px;
	display: inline;
}
h1
{
	margin: 28px 0 0 0;
	padding: 0;
	width: 483px;
	height: 61px;
}
.h2Wrapper
{
	background-color: #0a2e6c;
	text-align: right;
	width: 483px;
	height: 21px;
}
h2
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.h2Wrapper a
{
	display: block;
	float: right;
	color: white;
	text-decoration: underline;
	padding: 2px 6px 0 0;
}

.contentWindowScroll
{
	margin: 10px 10px 2px 10px;
	width: 460px;
	height: 300px;
	overflow: auto;
	overflow-x: hidden;	/*	Safari 2.0 and older, Opera 9.1 and  older					*/
	overflow-y: auto;	/*	don't support 'overflow-x:hidden;overflow-y:hidden;'		*/
						/*	all browsers will understand overflow: auto, and those that	*/
						/*	can will also render overflow-x:hidden;overflow-y:hidden;	*/
						/*	overriding overflow:auto;  - DW								*/
}
.contentWindowNoScroll
{
	margin: 10px 10px 2px 10px;
	width: 460px;
	overflow: hidden;
}
.contentWindowNoScrollNoPadding
{
	margin: 0;
	width: 483px;
	overflow: hidden;
}

.footerMenuHome
{
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px 15px;
	background-image:url(images/footer_bg.jpg);
	background-position: top-center;
	background-repeat: no-repeat;
	width: 793px;
	height: 84px;
}
.footerLineWrapperHome
{
	margin: 6px 20px 3px 20px;
}
.footerLineHome
{
	width: 723px;
	height: 2px;
}
.footerContainerHome
{
	width: 723px;
	margin-left: 40px;
}
.tripleStarHome
{
	text-align: center;
	margin-top: 8px;
}

.footerMenu
{
	width: 100%;
	text-align: center;	
}
.footerLineWrapper
{
	margin: 6px 20px 3px 20px;
}
.footerLine
{
	width: 723px;
	height: 2px;
}
.footerContainer
{
	width: 723px;
	margin-left: 40px;
}
.tripleStar
{
	text-align: center;
	margin-top: 8px;
}

.templateVersion
{ 
	text-align: center;
	font-size: 0.8em; 
	color: #999999; 
	margin-top: 8px; 
}

/* For positioning of CMSEditModeButtonEditDelete control */
.imgEditContainer
{
	position: relative;
}
.imgEditOverlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

.genericDynamicFlashText
{
	font-size: 0.8em;
	color: #0A2E6C;
}

.flashPlaceholder
{
	
}

/* ROAD TOUR STYLES */
.roadTourIntro
{
	margin: 10px 8px 0 8px;
}
.roadTourMapWrapper
{
	position: relative;
	margin-bottom: 20px;
}
.roadTourHereNow
{
	position: absolute;
	top: 60px;
	left: 52px;
}
.roadTourHereNowTown
{
	position: absolute;
	top: 80px;
	left: 52px;
}
.roadTourNextStop
{
	position: absolute;
	top: 105px;
	left: 52px;
}
.roadTourNextStopTown
{
	position: absolute;
	top: 125px;
	left: 52px;
}

/* JOURNEY MAP STYLES */
.journeyMap
{
	margin-bottom: 20px;
}

.journeyMapIntro
{
	margin: 10px 8px 0 8px;
}


/* Blog */

.blogContainer .myVideoDiaryLink
{
	margin-left: 200px;
}

/* Lucky Number */
.compSummary
{
	padding-bottom: 10px;
}

.compDetails
{
	clear: both;
	padding-top: 5px;
}

.compDetailsTitle
{
	width: 100%;
	height: 15px;
	background-color: #2b2b27;
	color: #FFFFFF;
	padding: 2px;
}

.compDescription
{
	padding-top: 5px;
}

.luckyNumberBoldText
{
	font-weight: bold;
	padding-bottom: 5px;
}

.luckyNumberText
{
	padding-bottom: 5px;
}

.luckyNumberButtonRight
{
	padding-bottom: 5px;
	text-align: right;
}

.boldText
{
	font-weight: bold;
}

.underLineText
{
	text-decoration: underline;
}

#luckyNumberContainer
{
	padding-left: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
}

#luckyNumberLeft
{
	display: inline;
	float: left;
	vertical-align: top;
	width: 57%;
}

#luckyNumberRight
{
	display: inline;
	float: right;
	vertical-align: top;
	width: 43%;
}

.spacer5
{
	padding-bottom: 5px;
}

.spacer10
{
	padding-bottom: 10px;
}

.divider
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.formRow
{
	padding-bottom: 5px;
	clear: both;
}

.formLabel
{
	display: inline;
	float: left;
	text-align: right;
	width: 150px;
	vertical-align: middle;
	margin-bottom: 5px;
}

.formField
{
	display: inline;
	float: right;
	text-align: left;
	width: 300px;
	vertical-align: middle;
	padding-left: 5px;
	margin-bottom: 5px;
}

.compulsory
{
	color: Red;
}

/* Road Tour Competition */

#roadTourContainer
{
	padding-left: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
}

.roadTourStep
{
	clear: both;
	margin: 5px 0px 5px 0px;
}

.roadTourSubmitLeft
{
	display: inline;
	float: left;
	width: 60%;
	height: 30px;
	text-align: right;
	vertical-align: middle ! important;
	padding-top: 5px;
}

.roadTourSubmitRight
{
	display: inline;
	float: right;
	width: 40%;
	text-align: right;
	height: 30px;
	vertical-align: middle ! important;
	padding-top: 5px;
}

.roadTourWinners
{
	padding-top: 5px;
}

.warning
{
	color: Red;
	font-size: 80%;
}
