body
{
	background-color: #fff inherit;
	font-size: 14px;
	font-family: 'Lucida Sans' , 'Comic Sans MS' , Verdana, Arial;
	cursor: default;
	width: 99%;
}
H1
{
	font-size: 4em;
	color: #6699cc;
}
H2
{
	font-size: 1.55em;
	font-weight: normal;
	padding-left: 0.5em;
	color: #0000CC;
}

H3
{
	font-size: 1.25em;
	font-weight: normal;
	font-weight: bold;
	color: #0000CC;
}
.Welcome H2
{
	font-size: 1.55em;
	font-weight: normal;
	padding-left: 0.5em;
	color: #0000CC;
}
.Welcome H3
{
	font-size: 1.25em;
	font-weight: normal;
	padding-left: 0.5em;
	color: #0000CC;
}
.SidePanelLong H2
{
	font-size: 1.55em;
	font-weight: normal;
	text-align: center;
	color: #0000CC;
}
.Text H2
{
	position: absolute;
	left: 5%;
	top: 120px;
}
.TopPage
{
	position: relative;
	top: 0px;
	width: 100%;
}
.SidePanel
{
	position: relative;
	float: right;
	top: 0px;
	width: 35%;
	background-color: #d8ffff;
	height: 1625px;
}
.SidePanelClear
{
	position: relative;
	float: right;
	top: 0px;
	width: 35%;
	background-color: White;
}
.SidePanelLong
{
	position: relative;
	float: right;
	top: 0px;
	width: 35%;
	background-color: #d8ffff;
	height: 3500px;
}

.MainPage
{
	position: relative;
	float: left;
	width: 65%;
}
.PagePanel
{
	width: 100%;
	padding-top: 2em;
	display: inline-block;
}
.PagePanelIn
{
	width: 90%;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.EventPage
{
	padding-top: 125px;
	display: block;
}
.LinkPanel
{
	position: relative;
	width: 95%;
	left: 2em;
}
.MissionPanel
{
	margin-top: 1.5em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding-bottom: 2em;
	background-color: #AFE0DC;
	border-bottom: #83d0ca thin solid;
	border-left: #83d0ca thin solid;
	border-top: #83d0ca thin solid;
	border-right: #83d0ca thin solid;
}

.youTubePanel
{
	margin-top: 8em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding-bottom: 2em;
	background-color: #AFE0DC;
	border-bottom: #83d0ca thin solid;
	border-left: #83d0ca thin solid;
	border-top: #83d0ca thin solid;
	border-right: #83d0ca thin solid;
}
.MenuNotes
{
	margin-top: 2em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding-bottom: 2em;
	background-color: #AFE0DC;
	border-bottom: #83d0ca thin solid;
	border-left: #83d0ca thin solid;
	border-top: #83d0ca thin solid;
	border-right: #83d0ca thin solid;
}
.MissionPanel H2
{
	color: Navy;
}
.MSign
{
	position: absolute;
	top: 2px;
	left: 45%;
	width: 52px;
	height: 94px;
}
.NewsScroller
{
	position: relative;
	font-size: 1em; /*top: 275px; */
	width: 30em; /*left: 1em;*/
	background-color: White;
	border-bottom: #14C278 thin dashed;
	border-left: #14C278 thin dashed;
	border-top: #14C278 thin dashed;
	border-right: #14C278 thin dashed;
	margin-left: -15em;
	padding-top: 1em;
	left: 50%;
}
.MissionScroller
{
	position: relative;
	font-size: 1em; /*top: 275px; */
	width: 30em; /*left: 1em;*/
	background-color: White;
	border-bottom: #14C278 thin dashed;
	border-left: #14C278 thin dashed;
	border-top: #14C278 thin dashed;
	border-right: #14C278 thin dashed;
	margin-left: -15em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 2em;
	left: 50%;
	margin-top: 2em;
}
.NewsTitle
{
	width: 75%;
	background: lightskyblue;
	color: Blue;
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
	margin-top: 10px;
	margin-bottom: 2px;
}
.NewsNormal
{
	width: 75%;
	color: #000099;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
}
a.NewsNormal:link
{
	color: #CC0000;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;
	text-align: center;
}
a.NewsNormal:visited
{
	color: #CC0000;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;
	text-align: center;
}
.NewsRed
{
	width: 100%;
	color: #990000;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
}
.EventScroller
{
	position: relative;
	font-size: 1em;
	top: 0px;
	width: 300px;
	left: 0px;
	background-color: transparent;
}
.indent
{
	padding-left: 5em;
	padding-right: 8em;
	padding-bottom: 1.5em;
	display: inline-block;
}
.indentColour
{
	background-color: InfoBackground;
	padding-left: 5em;
	padding-right: 8em;
	padding-bottom: 1.5em;
	display: inline-block;
	border-bottom: darkorange thin solid;
	border-left: darkorange thin solid;
	border-top: darkorange thin solid;
	border-right: darkorange thin solid;
}
.indentEvent
{
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
}
.indentCentre
{
	width: 100%;
	text-align: center;
	padding-left: 5em;
	padding-right: 5em;
	padding-bottom: 1.5em;
	display: inline-block;
}
.strongText
{
	font-size: 2em;
}
.strongTextBlue
{
	font-size: 2em;
	color: Navy;
}
.redText
{
	font-weight: bolder;
	color: #780d0d;
	vertical-align: top;
}
.boxText
{
	font-style: italic;
	vertical-align: top;
	border-bottom: #0000ee thin inset;
	border-left: #0000ee thin inset;
	border-top: #0000ee thin inset;
	border-right: #0000ee thin inset;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
}
.MessageText
{
	font-size: 1.75em;
	font-style: italic;
	color: #007DA4;
	width: 90%;
	display: inline;
	padding-top: 2em;
	float: left;
	padding-left: 2em;
	padding-right: 2em;
	text-align: center;
}
.MessageImage
{
	width: 48%;
	float: left;
	display: inline;
	text-align: center;
}
.DefinitionBox
{
	font-size: medium;
}
.DefinitionText
{
	padding-left: 25%;
	width: 48%;
	font-size: 1.05em;
	color: #000066;
	text-align: justify;
}
.DefinitionHeader
{
	font-size: 1.05em;
	font-weight: bold;
	color: #000033;
}
.Header
{
	width: 100%;
	z-index: 99;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	display: inline-block;
}
.Header .Left
{
	position: relative;
	width: 10%;
	top: 5px;
	float: left;
}
.Header .S2M
{
	position: relative;
	width: 10%;
	top: 5px;
	float: left;
}
.Header .Right
{
	position: relative;
	float: left;
	width: 80%;
	text-align: center;
}
.TitleMenu
{
	padding-top: 1em;
	padding-bottom: 0.5em;
	text-align: center;
	width: 100%;
	background-color: #83D0CA;
	display: inline-block;
	z-index: -99;
}
.ProductMenu
{
	padding-top: 1em;
	padding-bottom: 0.5em;
	text-align: center;
	width: 100%;
	background-color: #00AE57;
	display: inline-block;
	z-index: -99;
}
.Events
{
	position: absolute;
	z-index: 11;
	top: 35%;
	left: 1%;
	width: 98%;
}
.EventsLocation
{
	position: absolute;
	z-index: 11;
	top: 35%;
	left: 1%;
	width: 28%;
}
.Address
{
	position: absolute;
	top: 30px;
	left: 39%;
	width: 85%;
	background-color: Aqua;
	z-index: 15;
}
.Address .EventLocation
{
	font-family: Arial;
	font-size: 1.25em;
	font-weight: bold;
	color: #1F93A7;
	text-align: left;
	display: block;
}
.Address .EventAddress
{
	font-family: Arial;
	font-size: 1em;
	color: #27BAD3;
	text-align: left;
}
.EventsLocation .Map
{
	float: left;
}
.EventsLocation .MapBox
{
	font-family: Verdana, Arial;
	font-size: 0.5em;
	width: 425px;
	text-align: left;
	margin-left: 2em;
}
.MapLocation .Map
{
	float: left;
	top: 45%;
}
.MapLocation .MapBox
{
	font-family: Verdana, Arial;
	font-size: 0.5em;
	width: 425px;
	text-align: left;
	margin-left: 2em;
	margin-top: 5em;
	background-color: Green;
}
.MenuLocation
{
	position: absolute;
	top: 520px;
	left: 2%;
	font-family: Arial;
	font-size: 1.25em;
	font-weight: bold;
	color: #1F93A7;
	width: 46%;
	text-align: left;
}
.MenuAddress
{
	position: absolute;
	top: 560px;
	left: 2%;
	font-family: Arial;
	font-size: 1em;
	color: #27BAD3;
	width: 46%;
	text-align: left;
}
.Event
{
	position: absolute;
	top: 30%;
	height: 300px;
	left: 1%;
	width: 90%;
}
.Event .EventColor
{
	position: absolute;
	float: left;
	top: 16px;
	height: 350px;
	width: 90%;
	z-index: -9;
	background-image: url(bImage/System/EventPanel.gif);
	background-repeat: repeat-x;
}
.SidePanel .Map
{
	padding-top: 2em;
	padding-right: 2em;
	float: right;
}
.SidePanel .MapBox
{
	font-family: Verdana, Arial;
	font-size: 0.5em;
	width: 425px;
	text-align: right;
}
.SidePanel .facebook {
	width: 100%;
    margin: 20px 0 0 20px;	
}
.Event .MapFrame
{
	border: solid 3 #C0FFFF;
}
.EventTitle
{
	position: absolute;
	top: 17px;
	left: 2%;
	font-family: Arial;
	font-size: 2.75em;
	color: Green;
}
.EventStartDate
{
	position: absolute;
	top: 70px;
	left: 2%;
	font-family: Arial;
	font-size: 1.25em;
	font-weight: bold;
	color: #008444;
	width: 40%;
	text-align: left;
}
.EventTimes
{
	position: absolute;
	top: 95px;
	left: 2%;
	font-family: Arial;
	font-size: 1.25em;
	color: #008444;
	width: 40%;
	text-align: left;
}
.EventDescription
{
	position: absolute;
	top: 120px;
	left: 2%;
	font-family: Arial;
	font-size: 1em;
	color: #009a49;
	width: 50%;
	text-align: left;
}
.EventOffers
{
	position: absolute;
	top: 290px;
	left: 2%;
	font-family: Arial;
	font-size: 1.25em;
	color: #F07828;
	width: 90%;
	text-align: left;
}
.EventLocation
{
	position: absolute;
	top: 200px;
	left: 2%;
	font-family: Arial;
	font-size: 1.25em;
	font-weight: bold;
	color: #1F93A7;
	width: 46%;
	text-align: left;
}
.EventAddress
{
	position: absolute;
	top: 230px;
	left: 2%;
	font-family: Arial;
	font-size: 1em;
	color: #27BAD3;
	width: 46%;
	text-align: left;
}
.EventRegister
{
	position: absolute;
	top: 340px;
	left: 2%;
}
.Benefits
{
	position: absolute;
	top: 115px;
	width: 55%;
}
.FAQs
{
	position: relative;
	width: 90%;
	left: 2em;
}
.OurClasses
{
	position: absolute;
	top: 155px;
	width: 55%;
	left: 2em;
}
#Mission .Alternate
{
	color: #0000FF;
}
.Alternate
{
	color: #B0232B;
}
.Fireese
{
	position: absolute;
	top: 200px;
	height: 300px;
	left: 1%;
	width: 92%;
}
.Fireese .Box
{
	position: relative;
	left: 50%;
	margin-left: -151px;
	display: inline-block;
	border-right: cornflowerblue double;
	border-top: cornflowerblue double;
	border-left: cornflowerblue double;
	border-bottom: cornflowerblue double;
}
.FireeseText
{
	font-size: 10px;
	color: Blue;
	text-align: right;
}
.Pout
{
	position: absolute;
	top: 200px;
	height: 300px;
	left: -5%;
	width: 92%;
}
.Pout .Box
{
	float: right;
	border-right: cornflowerblue double;
	border-top: cornflowerblue double;
	border-left: cornflowerblue double;
	border-bottom: cornflowerblue double;
}
.Pout .Text
{
	float: left;
	margin-left: 10%;
	width: 50%;
}
.normalText
{
	vertical-align: top;
	color: #000033;
	display: block;
}
.highlightText
{
	vertical-align: top;
	color: maroon;
	display: block;
}
.headerText
{
	color: #990000;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
.classHeadText
{
	color: #000033;
	font-size: 1.25em;
	font-style: italic;
}
.MissionPanel .normalText
{
	padding-left: 2em;
	color: #000033;
	display: block;
}
li
{
	color: #000033;
	font-size: 1em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
.classHighlight
{
	color: #CC0000;
	font-size: 1.33em;
}
.SidePicLocation
{
	position: relative;
	padding-top: 25%;
	width: 100%;
}
.SidePic
{
	position: relative;
	left: 50%;
	margin-left: -151px;
	width: 302px;
	height: 237px;
	display: inline-block;
}
.SidePicComments
{
	position:relative;
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
}
.SideText
{
	background-color:#AFE0DC;
	margin: 1.5em;
	padding:1.5em;
	text-align:justify;
}
.LinkHeading
{
	font-size: 1.5em;
	color: #990000;
	vertical-align: top;
}
.LinkText
{
	position: relative;
	margin-left: 2%;
	float: left;
	width: 65%;
	display: block;
}
.LinkFriendText
{
	position: relative;
	margin-left: 2%;
	float: left;
	width: 70%;
	display: block;
}
.LinkTitle
{
	font-size: 2em;
	left: 1em;
	display: block;
	width: 80%;
	margin-bottom: 0.5em;
}
.LinkInstructor
{
	font-size: 1.25em;
	color: #CC0000;
	margin-bottom: 1em;
	left: 4em;
}
.LinkLocation
{
	font-size: 1.25em;
	color: #330000;
	margin-bottom: 1em;
	width: 75%;
	left: 4em;
}
a.LinkTitle:link
{
	color: #000099;
}
a.LinkTitle:visited
{
	color: #000088;
}
a.LinkTitle:hover
{
	color: #FFCC00;
}
.LinkImage
{
	float: right;
	margin-right: 1em;
}
.LinkDescription
{
	font-size: 1em;
	color: #000033;
	margin-bottom: 0.5em;
	left: 4em;
}
.LinkEmailDesc
{
	font-size: 1em;
	color: #330000;
	left: 4em;
}
.LinkEmail
{
	font-size: 1em;
	color: #AA0000;
}
.EventBalloon
{
	position: absolute;
	left: 66%;
	top: 5px;
}
.EventLink
{
	color: #007770;
	float: left;
	font-size: 0.75em;
	width: 80%;
	margin-left: 2%;
	text-decoration: none;
}
.EventLinkLabel
{
	color: #004F4A;
	float: left;
	font-size: 0.75em;
	font-weight: bold;
	width: 80%;
	margin-left: 2%;
	padding-left: 2em;
	text-decoration: none;
}
.EventPanel
{
	margin-left: 1%;
	width: 30%;
	float: left;
}
.EventKey
{
	padding-top: 8px;
	padding-bottom: 8px;
	height: 16px;
	margin-left: 1em;
	font-family: Arial;
}
.EventKeyPanel
{
	margin-left: 1em;
	background-color: White;
	border-right: thin solid #CCCCFF;
	border-top: thin solid #CCCCFF;
	border-left: thin solid #CCCCFF;
	border-bottom: thin solid #CCCCFF;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 20em;
}
.EventKeyLabel
{
	font-size: 1.25em;
}
.WeekEventPanel
{
	width: 60%;
}
.WeekPanel
{
	height: 75px;
	background-color: #b3d9d2;
	vertical-align: top;
}
.WeekendPanel
{
	height: 75px;
	background-color: #76bab2;
	vertical-align: top;
}
.WeekText
{
	color: #22413a;
	font-size: 1.25em;
}
.SearchPanel
{
	height: 36px;
	background-color: #b3d9d2;
	vertical-align: Middle;
}
.talesHeader
{
	font-size: 1.5em;
	font-weight: normal;
	color: #0000CC;
}
.talesText
{
	margin-top: 1.5em;
	vertical-align: top;
}
.talesFooter
{
	margin-top: 1.5em;
	color: #DD0000;
	vertical-align: top;
}
.talesPic1
{
	position: absolute;
	top: 180px;
	left: 32px;
	width: 302px;
	height: 237px;
}
.talesLabel1
{
	position: absolute;
	top: 420px;
	left: 32px;
	width: 302px;
	height: 237px;
	color: blue;
	font-size: 0.8em;
}
.talesPic2
{
	position: absolute;
	top: 520px;
	left: 32px;
	width: 302px;
	height: 237px;
}
.talesLabel2
{
	position: absolute;
	top: 760px;
	left: 32px;
	width: 302px;
	height: 237px;
	color: blue;
	font-size: 0.8em;
}
.gemImg
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.GreenCentre
{
	margin-left: 50%;
}
.WorkshopBox
{
	margin-left: -174px;
	padding-bottom: 1em;
}
.GreenBox
{
	margin-left: -50%;
	padding-bottom: 1em;
}
.GreenEdge
{
	margin-left: -24px;
}
.RowText
{
	margin-bottom: 1.5em;
	display: block;
}
.labelText
{
	float: left;
	width: 8em;
	color: #0000AA;
	display: block;
}
.dataText
{
	position: relative;
	float: left;
	color: #000033;
	display: block;
}
.emailRow
{
	margin-top: 0.5em;
	float: left;
	overflow: hidden;
	display: block;
	width: 90%;
}
.emailLabel
{
	float: left;
	display: block;
	font-weight: bold;
	width: 10em;
	text-align: right;
	margin-right: 1em;
}
.ImageLeft
{
	margin-left: 10%;
	float: left;
	margin-bottom: 2em;
}
.ImageRight
{
	margin-right: 10%;
	float: right;
	margin-bottom: 2em;
}
.GalImage
{
	cursor: pointer;
	width: 88px;
	height: 66px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 16px;
}
.lblGallery
{
	font-size: 1.25em;
	font-weight: bold;
	color: White;
}
.lblGalleryText
{
	font-size: 1em;
	color: White;
	margin-top: 1em;
}
.lblGalleryText a:link
{
	color: Black;
}
.lblGalleryText a:visited
{
	color: Black;
}
.lblGalleryText a:hover
{
	color: Silver;
}
.btnTop
{
	float: right;
}
.pnlLinks1
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 100%;
	background-color: #9e9ef2;
	font-size: 1.55em;
	font-weight: normal;
	color: #0000CC;
}
.pnlFriends
{
	width: 76%;
	margin-left: 15%;
}
.faqRow
{
	margin-top: 0.5em;
	overflow: hidden;
	display: inline-block;
	width: 97%;
}
.faqLabel
{
	float: left;
	display: block;
	font-weight: bold;
	width: 10em;
	text-align: right;
	margin-right: 1em;
}
.faqData
{
	float: left;
}
.InstructorImg
{
	margin-left: 4em;
}
.InstructorImgR
{
	margin-right: 4em;
}
.InstructorLbl
{
	font-size: 4em;
	margin-left: 1em;
	margin-right: 1em;
}
.InstructorLblR
{
	font-size: 4em;
}
.InstructorAreaLbl
{
	font-size: 2em;
	margin-left: 1em;
	margin-right: 1em;
}
.InstructorAreaLblR
{
	font-size: 2em;
}
.InstructorEmailLbl
{
	color: #CC0000;
	font-size: 1.5em;
	margin-left: 1em;
	margin-right: 1em;
}
.InstructorEmailLblR
{
	color: #CC0000;
	font-size: 1.5em;
}
.InstructorBox
{
	text-align: center;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 3em;
}
.EventHeader
{
	background-color: #73ae57;
	color: Black;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: solid 1 black;
}
.EventMonth
{
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 1.5em;
	color: Black;
}
.EventText
{
	display: block;
	font-size: 1em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.EventDetails
{
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: .65em;
}
.EventMonthRow
{
	background-color: #c4e4a5;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
}
.EventRow
{
	padding-left: 4px;
	padding-right: 4px;
	background-color: #fff4bc;
	vertical-align: top;
}
.EventARow
{
	padding-left: 4px;
	padding-right: 4px;
	background-color: #FFFFD5;
	vertical-align: top;
}
.lblDescription
{
	font-size: 2em;
	color: #AA0000;
}
.lblDates
{
	font-size: 1em;
	color: #0000AA;
}
.MenuMonth
{
	float: left;
	margin-left: 2em;
	margin-top: 5em;
}
.navigator_silver_main
{
	border-right: #a0a0a0 1px solid;
	border-left: #a0a0a0 1px solid;
	color: #000000;
	border-bottom: #a0a0a0 1px solid;
	background-color: white;
}
.navigator_silver_month
{
	font-size: 8pt;
	font-family: Tahoma;
}
.navigator_silver_day
{
	color: black;
}
.navigator_silver_dayheader
{
	color: black;
}
.navigator_silver_line
{
	border-bottom: #a0a0a0 1px solid;
}
.navigator_silver_dayother
{
	color: gray;
}
.navigator_silver_todaybox
{
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
}
.navigator_silver_select
{
	background-color: #ffe794;
}
.navigator_silver_title
{
	border-top: #a0a0a0 1px solid;
	background-image: url(bImage/navigator_silver_top21.gif);
	background-repeat: repeat-x;
	background-color: #ece9d8;
}
.navigator_silver_titleleft
{
	border-top: #a0a0a0 1px solid;
	background-image: url(bImage/navigator_silver_top21.gif);
	background-repeat: repeat-x;
	background-color: #ece9d8;
}
.navigator_silver_titleright
{
	border-top: #a0a0a0 1px solid;
	background-image: url(bImage/navigator_silver_top21.gif);
	background-repeat: repeat-x;
	background-color: #ece9d8;
}
.navigator_silver_busy
{
	font-weight: bold;
}
.EventNav
{
	margin-left: 2em;
}
.BubbleLocation
{
	font-size: 1.25em;
	font-weight: bold;
	color: Red;
}
.BubbleTitle
{
	font-size: 1em;
	font-weight: normal;
	color: Maroon;
}
.BubbleClass
{
	font-size: 0.75em;
	font-weight: normal;
	color: Maroon;
}
.BubbleTimes
{
	font-size: 0.8em;
	font-weight: bold;
	color: Orange;
}
.BubbleDetails
{
	padding-top: 1em;
	font-size: 0.8em;
	font-weight: normal;
	color: Navy;
}
.DivClose
{
	display: none;
	position: absolute;
	width: 250px;
	height: 220px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	background-color: #99A479;
}

.LabelClose
{
	vertical-align: text-top;
	position: absolute;
	bottom: 0px;
	font-family: Verdana;
}

.DivCheckBoxList
{
	display: none;
	background-color: White;
	width: 250px;
	position: absolute;
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
}

.CheckBoxList
{
	position: relative;
	width: 250px;
	height: 10px;
	overflow: scroll;
	font-size: small;
}
/*CollapsiblePanel*/
.collapsePanel
{
	background-color: white;
	overflow: hidden;
	margin-bottom: 2em;
	height: 0px;
	padding-bottom: 2em;
}

.description_HeaderPanel
{
	width: 100%;
	height: 30px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 1em;
	padding-top: 1em;
	background-image: url(bImage/System/bg-menu-main.png);
	background-repeat: repeat-x;
	color: #000;
	font-weight: bold;
	background-color: White;
	border-right: thin solid #CCCCFF;
	border-top: thin solid #CCCCFF;
	border-left: thin solid #CCCCFF;
	border-bottom: thin solid #CCCCFF;
}
.Spacer
{
	height: 2em;
}
.AreaClick
{
	font-weight: normal;
	font-size: 0.8em;
}
.header
{
	margin-top: 0.5em;
	font-size: 2em;
}
.divTop
{
	background-color: White;
	height: 8px;
	z-index: 5;
	border-top: solid 1 black;
}
.divDate
{
	background-color: #ECE9D8;
	border-left: black 1px solid;
	border-right: black 1px solid;
	border-top: black 1px solid;
	height: 48px;
	width: 100%;
	border-bottom: 1px solid;
}
.divLocation
{
	background-color: #FFFFD5;
	border-left: black 1px solid;
	border-right: black 1px solid;
	border-bottom: #f3e4b1 1px solid;
	height: 24px;
	width: 100%;
}
.divEvent
{
	background-color: #FFFFD5;
	border-left: black 1px solid;
	border-right: black 1px solid;
	border-bottom: #ead098 1px solid;
	height: 24px;
	width: 100%;
}
.TeacherDate
{
	margin-left: 1em;
	margin-top: 1em;
	padding-top: 1em;
	text-align: center;
	font-size: 1.75em;
}
.TeacherLocation
{
	margin-left: 2em;
	color: Maroon;
}
.TeacherEvent
{
	margin-left: 1em;
	color: Navy;
}
.TeacherTimes
{
	margin-left: 2em;
	color: Red;
	font-size: 0.8em;
	left: 40em;
}
.Flash
{
	position: absolute;
	text-align: center;
	top: 14em;
	left: 2em;
	width: 90%;
	background-color: Transparent;
}
.FlashNewsTitle
{
	width: 100%;
	background: lightskyblue;
	color: Blue;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.FlashNewsLeft
{
	width: 50%;
	float: left;
	color: #000099;
	text-align: center;
	font-weight: normal;
	font-size: 1.25em;
}
.FlashNewsRight
{
	width: 50%;
	float: right;
	color: #000099;
	text-align: center;
	font-weight: normal;
	font-size: 1.25em;
}
.FlashBox
{
	display: inline-block;
}
.FlashBoxFull
{
	width:100%;
		float: left;
	text-align: center;

}
.FlashBoxLeft
{
	width: 50%;
	float: left;
	text-align: center;
}
.FlashBoxRight
{
	width: 50%;
	float: right;
	text-align: center;
}
.FlashNewsNormal
{
	width: 90%;
	color: #000099;
	text-align: center;
	font-weight: normal;
	font-size: 1.25em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	z-index: 201;
}
.FlashNewsBold
{
	width: 90%;
	color: #000099;
	text-align: center;
	font-weight: normal;
	font-size: 1.25em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	z-index: 201;
}
.Photos
{
	margin-bottom: 7.5em;
	margin-top: 7.5em;
	margin-left: 2em;
	width: 302px;
	height: 237px;
}
.ScrollerPaneStyle
{
	width: 95%;
	text-align: center;
	overflow: visible;
}
.ScrollerStyle
{
	width: 95%;
	height: 500px;
	overflow: visible;
}
.MenuTextTitle
{
	margin-top: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: Navy;
}
.MenuText
{
	margin-top: 0.5em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	text-align: justify;
	font-size: 1em;
	font-weight: normal;
	color: Navy;
}
.RowData
{
	width: 100%;
	float: left;
	overflow: hidden;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.LabelData
{
	padding-top: 0.25em;
	position: relative;
	font-size: small;
	left: 2em;
	width: 12em;
	float: left;
	padding-bottom: 0.25em;
}
.TextData
{
	padding-top: 0.25em;
	position: relative;
	font-size: small;
	float: left;
	padding-bottom: 0.25em;
}
.MemoData
{
	float: left;
	width: 25em;
	padding-left: 2em;
}
.StepData
{
	float: left;
	padding-left: 2em;
	padding-top: 0.5em;
}
.NavSideBar
{
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: middle;
}
.CentreWizard
{
	padding-left: 5em;
}
.AdminTitle
{
	font-size: 27pt;
	font-style: italic;
	text-decoration: underline;
	padding-bottom: 1em;
}
/*CollapsiblePanel*/
.collapsePanel
{
	background-color: Navy;
	overflow: hidden;
}

.collapsePanelHeader
{
	width: 100%;
	height: 30px;
	color: Navy;
	font-weight: bold;
}
/*Hover Menu*/
.MenuEnd
{
	width: 4%;
	float: left;
}
.MenuLink
{
	width: 8%;
	color: Navy;
	padding-bottom: 0.5em;
	text-align: right;
	float: left;
}
.MenuLink img
{
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
}
.MenuLink A:link
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.MenuLink A:visited
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.MenuLink A:active
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.MenuLink A:hover
{
	color: #87FFC2;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuLink
{
	color: Navy;
	background-color: White;
	padding-left: 1.5em;
	text-align: left;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	z-index: 110;
	border-bottom: gray thin solid;
}
.DropMenuBotLink
{
	color: Navy;
	background-color: White;
	padding-left: 1.5em;
	text-align: left;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	z-index: 110;
}
.DropMenuLink A:link
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuLink A:visited
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuLink A:active
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuLink A:hover
{
	color: #87FFC2;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuBotLink A:link
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuBotLink A:visited
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuBotLink A:active
{
	color: Navy;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuBotLink A:hover
{
	color: #87FFC2;
	text-decoration: none;
	cursor: pointer;
}
.DropMenuPopUp
{
	position: absolute;
	visibility: hidden;
	color: Black;
	background-color: #d8ffff;
	opacity: .9;
	filter: alpha(opacity=90);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: navy thin inset;
	border-left: navy thin inset;
	border-top: navy thin inset;
	border-right: navy thin inset;
	z-index: 102;
}
.DropMenuPopUp span
{
	color: CornflowerBlue;
	font-weight: bold;
}
.ProductPopUp
{
	position: absolute;
	visibility: hidden;
	color: Black;
	background-color: #d8ffff;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: navy thin inset;
	border-left: navy thin inset;
	border-top: navy thin inset;
	border-right: navy thin inset;
	z-index: 102;
}
.OurCoursePopUp
{
	position: absolute;
	visibility: hidden;
	color: Black;
	background-color: #d8ffff;
	opacity: .9;
	filter: alpha(opacity=90);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: navy thin inset;
	border-left: navy thin inset;
	border-top: navy thin inset;
	border-right: navy thin inset;
}
.AboutUsPopUp
{
	position: absolute;
	visibility: hidden;
	color: Black;
	background-color: #d8ffff;
	opacity: .9;
	filter: alpha(opacity=90);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: navy thin inset;
	border-left: navy thin inset;
	border-top: navy thin inset;
	border-right: navy thin inset;
	z-index: 102;
}
.MediaPopUp
{
	position: absolute;
	visibility: hidden;
	color: Black;
	background-color: #d8ffff;
	opacity: .9;
	filter: alpha(opacity=90);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: navy thin inset;
	border-left: navy thin inset;
	border-top: navy thin inset;
	border-right: navy thin inset;
	z-index: 102;
}
.popupHover
{
	background-image: url(bImage/System/header-opened.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #d8ffff;
	color: Black;
	text-decoration: underline;
	z-index: 102;
}
.SlidingPanels
{
	margin-left:-325px;
	border-bottom: medium none;
	position: relative;
	border-left: medium none;
	padding-bottom: 30px;
	width: 650px;
	float: left;
	height: 550px;
	border-top: medium none;
	border-right: medium none;
}
.SlidingPanelsContentGroup
{
	border-bottom: medium none;
	position: relative;
	border-left: medium none;
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 10000px;
	padding-right: 0px;
	float: left;
	border-top: medium none;
	border-right: medium none;
	padding-top: 0px;
}
.SlidingPanelsContent
{
	border-bottom: medium none;
	border-left: medium none;
	padding-bottom: 30px;
	margin: auto;
	width: 650px;
	float: left;
	height: 550px;
	border-top: medium none;
	border-right: medium none;
}
.FlashUp
{
	z-index: 101;
	position: relative;
	FILTER: alpha(opacity=40);
	top: 120px;
	left: 50px;
	opacity: 0.4;
}
.FlashDwn
{
	z-index: 101;
	position: relative;
	FILTER: alpha(opacity=40);
	top: 580px;
	right:5%;
	left: -24px;
	opacity: 0.4;
}
.FlashLeft
{
	z-index: 101;
	position: relative;
	float: left;
	FILTER: alpha(opacity=40);
	top: 30px;
	left: 5%;
	opacity: 0.4;
}
.FlashRight
{
	z-index: 101;
	position: relative;
	float: right;
	FILTER: alpha(opacity=40);
	top: 30px;
	right: 5%;
	opacity: 0.4;
}
.UpdatingText
{
	position: relative;
	font-size: 1.5em;
	top: 40px;
	left: 50%;
	margin-left: -10em;
}
.CalLine
{
	height: 1em;
	width: 100%;
	display: inline-block;
}
.CalDay
{
	border-bottom: brown thin solid;
	border-left: brown thin solid;
	margin: 2px;
	width: 12.75%;
	float: left;
	height: 6em;
	border-top: brown thin solid;
	border-right: brown thin solid;
	background-color: #f3e4b1;
	color: Olive;
	overflow: auto;
}
.CalHeader
{
	border-bottom: navy thin solid;
	border-left: navy thin solid;
	margin: 2px;
	width: 12.75%;
	float: left;
	height: 1.25em;
	vertical-align: middle;
	border-top: navy thin solid;
	border-right: navy thin solid;
	background-color: #d8ffff;
	color: Navy;
}
.CalendarBar
{
	position: relative;
	display: inline;
	width: 1em;
	float: left;
	height: 1.35em;
}
.CalEvents
{
	font-size: xx-small;
	color: #f1446f;
}
.CalTitle
{
	display: block;
	font-weight: bold;
	padding-top: 0.25em;
	color: Maroon;
}
.CalStep
{
	padding-left: 0.5em;
}
.popupControl
{
	border-bottom: black 2px solid;
	position: absolute;
	border-left: black 2px solid;
	padding-bottom: 1.5em;
	background-color: infobackground;
	padding-left: 1.5em;
	width: 20em;
	padding-right: 1.5em;
	visibility: hidden;
	border-top: black 2px solid;
	border-right: black 2px solid;
	padding-top: 1.5em;
	z-index: 10;
}
.BubbleLocation
{
	color: red;
	font-size: 1.5em;
	font-weight: bold;
}
.BubbleTitle
{
	color: maroon;
	font-size: 1.25em;
	font-weight: normal;
}
.BubbleClass
{
	color: maroon;
	font-size: 1em;
	font-weight: normal;
}
.BubbleTimes
{
	color: orange;
	font-size: 1em;
	font-weight: bold;
}
.BubbleDetails
{
	color: navy;
	font-size: 1em;
	font-weight: normal;
	padding-top: 1em;
}
.Heading
{
	font-family: Teen;
	font-size: 50pt;
}
.PoutBox
{
	width: 100%;
	border-right: cornflowerblue double;
	border-top: cornflowerblue double;
	border-left: cornflowerblue double;
	border-bottom: cornflowerblue double;
}
.MeetButtons
{
	margin-left: 2em;
}
.CartPanel
{
	width: 98%;
	display: inline-block;
	padding-top: 1em;
	padding-left: 0.5em;
}
.CartRow
{
	width: 98%;
	display: inline-block;
	padding-top: 0.5em;
	padding-left: 0.25em;
	padding-bottom: 0.5em;
	border-bottom: navy thin solid;
}
.CartDetails
{
	width: 98%;
	display: inline-block;
	padding-top: 0.5em;
	padding-left: 0.25em;
	padding-bottom: 0.5em;
}

.CartHeaderRow
{
	background-color: #00b74f;
	color: White;
	width: 98%;
	display: inline-block;
	padding-top: 0.5em;
	padding-left: 0.25em;
	padding-bottom: 0.5em;
}
.CartItem
{
	float: left;
	width: 45%;
	height: 100%;
}
.CartQty
{
	float: left;
	width: 25%;
}
.CartPrice
{
	float: left;
	width: 10%;
	text-align: right;
	padding-right: 2%;
}
.CartCost
{
	float: left;
	width: 12%;
	text-align: right;
}
.CartArw
{
	float: left;
	padding-right: 0.25em;
}
.CartLabel
{
	float: left;
	padding-left: 5em;
	width: 61%;
	text-align: right;
}
.CartData
{
	float: left;
	width: 6em;
	text-align: right;
}
.CheckOutPanel
{
	float: left;
	width: 30em;
	margin-left: -15em;
}
.CheckOutBlank
{
	float: left;
	width: 50%;
}
.ErrorMessage
{
	padding-left: 5em;
	padding-right: 5em;
	color: Red;
	font-weight: bold;
}
.RegisterBox
{
	padding-top: 3em;
	width: 100%;
}
.RegisterRow
{
	width: 100%;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: left;
	display: inline-block;
}
.RegisterCentreRow
{
	width: 100%;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: center;
	display: inline-block;
}
.RegisterLabel
{
	width: 10em;
	float: left;
}
.RegisterText
{
	width: 50%;
}
.RegisterText:Focus
{
	background-color: InfoBackground;
	color: Black;
}
.RegisterTextBold
{
	font-weight: bold;
	width: 48%;
	padding-left: 1em;
}
.ViewLabel
{
	width: 10em;
	float: left;
	padding-left: 3em;
	font-weight: bold;
}
.Highlight .RegisterText
{
	width: 48%;
}

.RegisterBlock
{
	padding-left: 0.5em;
}
.CheckOutPanel .RegisterLabel
{
	width: 7em;
}
.Highlight .RegisterBlock
{
	background-color: #A4FFFF;
	padding-left: 0.5em;
}
.RegisterNew
{
	padding-left: 0.5em;
}
.ProductDescription
{
	text-align: justify;
}
.ProductName
{
	font-size: 1.25em;
}
.ProductType
{
	font-size: 1em;
	text-align: right;
	color: Navy;
	padding-left: 0.5em;
}
.ProductCost
{
	font-size: 1em;
	font-weight: bold;
	color: Maroon;
}
.ProductBtn
{
	text-align: center;
	color: Red;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.ProductTable
{
	border-right: #00b74f solid;
	border-top: #00b74f solid;
	border-left: #00b74f solid;
	border-bottom: #00b74f solid;
	padding-bottom: 1em;
	margin: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
}
.ProductLine
{
	background-color: White;
	height: 2px;
}
.ProductRow
{
	background-color: #9fe5c3;
}
.CheckOutHeading
{
	background-color: #00b74f;
	color: White;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	margin-bottom: 1.5em;
}
.EventPanel
{
	padding-top: 5em;
	width: 100%;
}

.SelectRow .collapsePanel
{
	height: 0px;
	overflow: hidden;
}
.SelectSpacer
{
	padding-top: 0.5em;
}
.SelectRow .collapsePanelHeader
{
	width: 85%;
	height: 30px;
	padding-top: 1em;
	padding-left: 2em;
	background-color: #AFE0DC;
	color: Navy;
	font-weight: bold;
	border-bottom: navy thin solid;
	border-left: navy thin solid;
	border-top: navy thin solid;
	border-right: navy thin solid;
}
.SelectLabel
{
	width: 99%;
	padding-left: 1.5em;
}
.SelectLabel A:link
{
	color: Navy;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}
.SelectLabel A:visited
{
	color: Navy;
	text-decoration: underline;
	font-weight: normal;
	cursor: pointer;
}
.SelectLabel A:active
{
	color: Navy;
	text-decoration: underline;
	font-weight: normal;
	cursor: pointer;
}
.SelectLabel A:hover
{
	color: Green;
	text-decoration: underline;
	font-weight: normal;
	cursor: pointer;
}
.SelectText
{
	width: 99%;
	padding-bottom: 1em;
}
.SelectHighLightText
{
	color: Maroon;
	font-size: 0.85em;
	width: 85%;
	padding-left: 1em;
	padding-right: 1em;
	text-align: justify;
}
.SelectTeacher
{
	position: relative;
	float: left;
	color: Navy;
	font-size: 1em;
	width: 20em;
	left: 2em;
}
.SelectTel
{
	position: relative;
	float: left;
	color: Teal;
	font-size: 0.75em;
	left: 34em;
}
.SelectInstructor
{
	width: 100%;
	display: block;
}
.SelectButton
{
	width: 10em;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.SelectRefreshButton
{
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.ProductButton
{
	width: 15em;
}
.FlatTextBox
{
	border-style: solid;
	border-width: 1px;
	border-color: Silver;
	text-align: center;
}
.FlatTextBox:Focus
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	text-align: center;
}
.PasswordMessage
{
	text-align: center;
	color: Red;
}
.wzMain
{
	width: 80%;
	height: 25em;
	padding-left: 4em;
}
.wzSideBar
{
	width: 15em;
	font-size: 2em;
}
.wzStepStyle
{
	font-size: 1em;
}
.wzNavBar
{
	padding-bottom:2em;
}
.wzButtons
{
	float:left;
	width:12ex;
	margin-left:1em;
	margin-bottom:2em;
}
.AdminRow
{
	font-size:1em;
	width: 100%;
	float: left;
	overflow: hidden;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.AdminLabel
{
	padding-top: 0.25em;
	position: relative;
	font-size: small;
	text-align:right;
	left: 2em;
	width: 15em;
	float: left;
	padding-bottom: 0.25em;
}
.AdminSpacer
{
	padding-top: 0.25em;
	position: relative;
	font-size: small;
	text-align:right;
	left: 2em;
	width: 8em;
	float: left;
	padding-bottom: 0.25em;
}
.AdminData
{
	padding-top: 0.25em;
	position: relative;
	font-size: small;
	font-weight:bold;
	left:2em;
	float: left;
	padding-bottom: 0.25em;
}
.AdminRadioButtons
{
	padding-top: 0.25em;
	position: relative;
	font-size: small;
	font-weight:normal;
	left:2em;
	float: left;
	padding-bottom: 0.25em;
}
.AdminCentre
{
	text-align:center;
}
.AdminDates
{	
	 display:inline;
	 right:1em;
	 padding-right:2em;
}