body {
	background-color: #ffffff;
	margin: 0 0 0 0;
	text-align: center;
} 


.TopFadeResources
{
	background-image: url(/images/resources/top-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 217px;
	border: 0px solid red;
}

.TopFadeMyProgramme
{
	background-image: url(/images/my-programme/top-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 217px;
	border: 0px solid red;
}

.TopFadeOurCommunity
{
	background-image: url(/images/our-community/top-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 217px;
	border: 0px solid red;
}

.TopFadeHome
{
	background-image: url(/images/home/top-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 217px;
	border: 0px solid red;
}

.TopFadeSchedule
{
	background-image: url(/images/schedule/top-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 217px;
	border: 0px solid red;
}

.TopFadeTheQuest
{
	background-image: url(/images/the-quest/top-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 217px;
	border: 0px solid red;
}

.TopFadeShop
{
	background-image: url(/images/shop/top-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 217px;
	border: 0px solid red;
}

.TopFadeAboutUs
{
	background-image: url(/images/about-us/top-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 217px;
	border: 0px solid red;
}


.BottomFadeResources
{
	background-image: url(/images/resources/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 300px;
	border: 0px solid red;
	padding-top: 80px;
	background-color: #AEBDFF;
}

.BottomFadeMyProgramme
{
	background-image: url(/images/my-programme/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 300px;
	border: 0px solid red;
	padding-top: 80px;
	background-color: #A3CAA3;
}

.BottomFadeOurCommunity
{
	background-image: url(/images/our-community/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 300px;
	border: 0px solid red;
	padding-top: 80px;
	background-color: #A368A3;
}

.BottomFadeHome
{
	background-image: url(/images/home/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 300px;
	border: 0px solid red;
	padding-top: 80px;
	background-color: #9898D6;
}

.BottomFadeSchedule
{
	background-image: url(/images/schedule/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 300px;
	border: 0px solid red;
	padding-top: 80px;
	background-color: #FB7B75;
}

.BottomFadeTheQuest
{
	background-image: url(/images/the-quest/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 300px;
	border: 0px solid red;
	padding-top: 80px;
	background-color: #E3A25C;
}

.BottomFadeShop
{
	background-image: url(/images/shop/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 300px;
	border: 0px solid red;
	padding-top: 80px;
	background-color: #FEC88C;
}

.BottomFadeAboutUs
{
	background-image: url(/images/about-us/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 300px;
	border: 0px solid red;
	padding-top: 80px;
	background-color: #FEE686;
}

.resources /* Non-IE */
{
	
	/*position: absolute;
	z-index: 0;
	top: 72px;
	border: 1px solid red;
	right: 40px;
	*/
	position: relative;
	z-index: 2;
	top: -104px;
	border: 0px solid red;
	right: 46px;
}

* html .resources /* IE work around */
{
	position: relative;
	z-index: 2;
	top: -104px;
	border: 0px solid red;
	right: 46px;
}

.resources-Splash /* Non-IE */
{
	position: absolute;
	z-index: 2;
	top: 72px;
	border: 0px solid red;
	left: 40px;
}

* html .resources-Splash /* IE work around */
{
	position: relative;
	z-index: 2;
	top: -104px;
	border: 0px solid red;
	left: 40px;
}



















.SplashBoxText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	padding: 4 0 0 12;
}

.SplashLatest
{
	position: relative;
	bottom: 810px;
	right: 45px;
	border: 0px solid red;
	z-index: 9;
	width: 220px;
}

.SplashFreeStuff
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	position: relative;
	bottom: 810px;
	right: 30px;
	border: 0px solid red;
	z-index: 9;
	width: 300px;
}


.SplashLogin
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	position: relative;
	bottom: 760px;
	border: 0px solid red;
	z-index: 9;
	width: 220px;
}

.SplashBeanNav
{
	position: relative;
	bottom: 1610px;
	left: 654px;
	border: 0px solid red;
	z-index: 9;
}


.SubNavTableResources
{
	position: relative;
	z-index: 3;
	bottom: 243px;
	border: 0px solid red;
	left: 29px;
}

.SubNavTableOurCommunity
{
	position: relative;
	z-index: 3;
	bottom: 243px;
	border: 0px solid red;
	left: 18px;
}

.SubNavTableMyProgramme
{
	position: relative;
	z-index: 3;
	bottom: 253px;
	border: 0px solid red;
	left: 29px;
}

.SubNavTableSchedule
{
	position: relative;
	z-index: 3;
	bottom: 265px;
	border: 0px solid red;
	right: 126px;
}

.SubNavTableEvents
{
	position: relative;
	z-index: 3;
	bottom: 243px;
	border: 0px solid red;
	right: 18px;
}

.SubNavTableShop
{
	position: relative;
	z-index: 3;
	bottom: 253px;
	border: 0px solid red;
	right: 7px;
}

.SubNavTableAboutUs
{
	position: relative;
	z-index: 3;
	bottom: 243px;
	border: 0px solid red;
	right: 4px;
}

.SubNavTableHome
{
	position: relative;
	z-index: 9;
	bottom: 265px;
	border: 0px solid red;
	right: 22px;
}




.SubNavTableHomeSplash
{
	position: relative;
	z-index: 9;
	bottom: 193px;
	border: 0px solid red;
	right: 22px;
}

* html .SubNavTableHomeSplash
{
	position: relative;
	z-index: 9;
	bottom: 196px;
	border: 0px solid red;
	right: 22px;
}

.Its-time-top-Splash
{
	z-index: 1;
	position: relative;
	bottom: 55px;
	left: 214px;
	border: 0px solid red;
	display: inline;
}

.Its-time-top
{
	z-index: 1;
	position: relative;
	bottom: 55px;
	left: 160px;
	border: 0px solid red;
	display: inline;
}

.The-BTP-top-Splash
{
	z-index: 2;
	position: relative;
	top: 25px;
	right: 16px;
	display: inline;

}

.The-BTP-top
{
	z-index: 2;
	position: relative;
	top: 25px;
	right: 70px;
	display: inline;

}
	

.The-BTP-bottom
{
	z-index: 1;
}

.Logo-Its-time-bottom
{
	z-index: 2;
	position: relative;
	bottom: 14px;
	left: 18px;
}

.LogoHeaderNav
{
	border: 1px solid red;
	width: 400px;	
}

.cnr
{
	z-index: 2;
	position: relative;
	bottom: 125px;
	right: 311px;
}

.home
{
	z-index: 2;
	position: relative;
	bottom: 275px;
	right: 200px;
}

.our-community
{
	z-index: 2;
	position: relative;
	bottom: 424px;
	right: 120px;
}



.LogoFiguresResources
{
	z-index: 4;
	position: relative;
	bottom: 20px;
}

.LogoFiguresOurCommunity
{
	z-index: 4;
	position: relative;
	bottom: 19px;
}

.SideArea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	padding: 0 10 40 0;
	width: 180px;
	z-index: 19;
}
.SideArea2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	padding: 0 10 40 0;
	width: 150px;
	z-index: 19;
}

.MainArea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	/*padding: 0 45 20 20;*/
	padding:0 0 20px 0;
	line-height: 17px;
	border: 0px solid purple;
	z-index: 19;
	width:980px;
}
.MainArea2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	padding: 0 10 20 20;
	line-height: 17px;
	border: 0px solid purple;
	z-index: 19;
}

.RightArea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	padding: 71 0 40 0;
	width: 207px;
	z-index: 19;
}
.RightArea2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	padding: 71 0 40 0;
	width: 100px;
	z-index: 19;
}

.PurpleLine
{
	border-top: 1px solid #660066;
	height: 5px;
	margin-top: 5px;
}

.SideCatNav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	margin-left: 8;
	margin-right: 14;
	padding: 4 4 4 6;
	border-bottom: 1px solid #808080;
	width: 160px;
}

.SideCatNavNoLine
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	margin-left: 8;
	margin-right: 14;
	padding: 4 4 4 6;
	border-bottom: 0px solid #808080;
	width: 160px;
}


a.SideCatLinks:link
{
	text-decoration: none;
	color: #000000;
}
a.SideCatLinks:active
{
	text-decoration: underline;
	color: #ff4500;
}
a.SideCatLinks:visited
{
	text-decoration: none;
	color: #808080;
}
a.SideCatLinks:hover
{
	text-decoration: underline;
	color: #ff4500;
}

h1
{
	font-size: 18px;
	margin-bottom: 16px;
}


.TeasersArticlesInformation
{
	position: relative;
	z-index: 3;
	right: 99px;
	/*bottom: 155px;*/
	top: -600px;
}

.TeasersYourPersonalKey
{
	position: relative;
	z-index: 10;
	bottom: 134px;
	right: 80px;
}

.LibraryPic
{
	margin-left: 6px;
	max-width: 175px;
	margin-top: 40px;
	border: 0px solid red;
}

.LibraryProdText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-left: 8;
	margin-right: 14;
	padding: 4 4 4 6;
}

.Breadcrumbs
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0 0 4 0;
}


.FooterNav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 10 0 40 0;
}

.RightFigure
{
	position: relative;
	bottom: 50px;
	z-index: 4;
	left: 8px;
}

.RightFigureCommunity
{
	position: relative;
	bottom: 56px;
	z-index: 4;
	left: 8px;
}

.RightFigureShop
{
	position: relative;
	bottom: 50px;
	z-index: 4;
	right: 18px;
}


.RightFigureSchedule
{
	position: relative;
	top: 35px;
	z-index: 4;
	right: 8px;
}



















.HomeRightFigure
{
	position: relative;
	bottom: 74px;
	z-index: 4;
	right: 10px;
}


.LeftFigure
{
	position: relative;
	bottom: 400px;
	z-index: 4;
	left: 100px;
}

.LeftFigureSchedule
{
	position: relative;
	top: 90px;
	z-index: 5;
	left: 70px;
}

.LeftFigureShop
{
	position: relative;
	bottom: 40px;
	z-index: 5;
	left: 30px;
}

.FiguresHome3
{
	position: relative;
	bottom: 255px;
	z-index: 6;
	right: 75px;
}

.HomeFlash
{
	position: relative;
	bottom: 540px;
	z-index: 5;
	left: 145px;
}

.HomeMenuBean
{
	position: relative;
	bottom: 767px;
	z-index: 4;
	left: 601px;
}

td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	line-height: 17px;
}

.FoodDiaryTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}

.FormField, #FormField
{
	margin-top: 3px;
	margin-bottom: 3px;
}


a:link
{
	text-decoration: underline;
	color: Blue;
}
a:active
{
	text-decoration: underline;
	color: Red;
}
a:visited
{
	text-decoration: underline;
	color: Purple;
}
a:hover
{
	text-decoration: underline;
	color: Red;
}


.CalendarTable
{
	color: White;
	font-size: 13px;
}




a.White:link
{
	text-decoration: none;
	color: FFFFFF;
}
a.White:active
{
	text-decoration: underline;
	color: FFFFFF;
}
a.White:visited
{
	text-decoration: none;
	color: FFFFFF;
}
a.White:hover
{
	text-decoration: underline;
	color: FFFFFF;
}



.GoalListPic
{
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
	clear: both;
}

.GoalMainPic
{
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	max-width: 200px;
	width:expression(document.body.clientWidth > 200? "200px": "auto" );
}

.GoalEditPic
{
	max-width: 200px;
	width:expression(document.body.clientWidth > 200? "200px": "auto" );
}

.TrackerBeanTop
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #5A9D5A;
	padding: 6 6 6 6;
	width: 160px;
}
.TrackerBeanTop2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #ffffff;
	padding: 6 6 6 6;
	width: 160px;
}

.TrackerBeanText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	border: 1px solid #5A9D5A;
	border-top: 0px;
	padding: 0 6 0 6;
}

.TrackerBeanFigures
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	float: right;
	font-weight: bold;
	border-left: 1px solid #5A9D5A;
	padding-left: 6;
	width: 45px;
}

.TrackerBeanScore
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5A9D5A;
	font-weight: normal;
	border: 1px solid #5A9D5A;
	border-top: 0px;
	padding: 6 6 6 6;
}


/* These are for colour coding the different types of events in the Schedule calendar */


.BodyTransformationWorkshop
{
	background-color: #cc99ff;/*#FFF0B3;*/
}

.SupportGroup
{
	background-color: #ADD8E6;
}

.Holiday
{
	background-color: #FFE0C2;
}

.ThemeEvent
{
	background-color: #FFDAB9;
}

.Teleclass
{
	background-color: #B0C4DE;
}

.OnlineCourse
{
	background-color: #FFFF99;
}

.PartnerEvent
{
	background-color: #D6E8D6;
}


.LoggedInAs
{
	z-index: 100;
	border: 0px solid red;
	width: 200px;
	position: relative;
	bottom: 435px;
	right: 323px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	
}

.LoggedInAsSplash
{
	z-index: 100;
	border: 0px solid red;
	width: 200px;
	position: relative;
	bottom: 2039px;
	right: 373px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	
}


.PodcastAuthorPhoto
{
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
	width: 150px;
}


.LBRecommendedItems
{
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
	margin-top: 60px;
}

.CoursePhotoThumb
{
	max-width:100px;
	width:expression(document.body.clientWidth > 100? "100px": "auto" );
	margin-bottom: 6px;
	float: right;
	margin-left: 20px;
}

#ProfilePhoto
{
	max-width: 190px;
	width:expression(document.body.clientWidth > 190? "190px": "auto" );
}