﻿body
{
	font-size: 12px;
}
#Header
{
	top: 0;
	left: 0;
	background-image: url(../gImages/headerShade.jpg);
	background-repeat: no-repeat;
	height: 96px;
	vertical-align: baseline;
}

#Header Img
{
	position: absolute;
	top: 8px;
	left: 10px;
}
.Sign
{
	position: absolute;
	top: -100px;
	float: right;
	width: 25px;
}
#Main
{
	position: relative;
	font-size: x-large;
	font-family: Verdana, Arial;
	background-color: #FFFFFF
	height: 500px;
}
#Menu
{
	position: relative;
	left: 0px;
	background-color: #000033;
	height: 1000px;
	width: 149px;
	float: left;
}
html > body #Menu
{
	width: 161px;
}

#MainPage
{
	position: absolute;
	height: auto;
	left: 171px;
	background-color: #ffffff;
}


.link
{
	float: left;
	width: 100%;
	height: 20px;
	background-position: 0px top;
	background-repeat: no-repeat;
	background-image: url(../gImages/sbluedot.gif);
	text-indent: 12px;
	vertical-align: bottom;
}
.link2
{
	float: left;
	width: 100%;
	height: 20px;
	background-position: 0px top;
	background-repeat: no-repeat;
	background-image: url(../gImages/sbluedot.gif);
	text-indent: 12px;
	vertical-align: bottom;
}
.selected
{
	float: left;
	width: 100%;
	height: 20px;
	background-position: 0px top;
	background-repeat: no-repeat;
	background-image: url(../gImages/sbluearrow.gif);
	text-indent: 12px;
	color: Orange;
	vertical-align: bottom;
}
.email
{
	float: left;
	width: 100%;
	height: 20px;
	background-position: 0px top;
	background-repeat: no-repeat;
	background-image: url(../gImages/semail.gif);
	text-indent: 12px;
	vertical-align: bottom;
}
.separator
{
	width: 80%;
	text-align: center;
	text-indent: 12%;
}
.footer
{
	position: fixed;
	background-color: #000033;
	bottom: 0;
	z-index: 100;
	height: 25px;
	width: 100%;
	font-size: small;
	font-family: Verdana, Arial;
	color: White;
	vertical-align: bottom;
	text-align: center;
	letter-spacing: 0.5em;
}
.indent
{
	margin-left: 2%;
}
.menuItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 0,0,0,30px;
}
.menuItem2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.menuSelect
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #27335A;
	font-weight: bold;
}
.menuIcons
{
	border: 0;
	left: 20;
}

a:link
{
	text-decoration: none;
	color: #0099ff;
}
a.link2:link
{
	text-decoration: none;
	color: #b3dff9;
}
a.selected:link
{
	text-decoration: none;
	color: #FA9C00;
}
a.dictionaryLink:link
{
	text-decoration: none;
	color: #FA0000;
}
a:visited
{
	text-decoration: none;
	color: #0099ff;
}
a.link2:visited
{
	text-decoration: none;
	color: #b3dff9;
}
a.selected:visited
{
	text-decoration: none;
	color: #FA9C00;
}
a.dictionaryLink:visited
{
	text-decoration: none;
	color: #FA0000;
}
a:hover
{
	text-decoration: underline;
	color: #FFCC00;
}
a:active
{
	text-decoration: none;
	color: #FF0000;
}
h1
{
}
.Title1
{
	font-size: 33pt;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
	color: #000033;
	position: absolute;
	top: 15px;
	left: 270px;
}
.Title2
{
	font-size: 33pt;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
	color: #000099;
	position: absolute;
	top: 12px;
	left: 273px;
}
.MSign
{
	position: absolute;
	top: 2px;
	float: right;
	margin-left: 92%;
	width: 52px;
	height: 94px;
}

h2
{
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
}
h3
{
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
}
.Panel1
{
	width: 100%;
	float: left;
	margin-top: 10px;
	padding-top: 25px;
}
.Panel2
{
	width: 45%;
	float: left;
	margin-left: 1%;
	margin-top: 10px;
	padding-top: 25px;
}
.Panel2L
{
	width: 45%;
	float: Left;
	margin-left: 2%;
	margin-top: 10px;
	padding-top: 25px;
	border: 1px dotted #ccc;
}
.Panel2R
{
	width: 45%;
	float: left;
	margin-left: 55%;
	margin-right: 5px;
	margin-top: 10px;
	padding-top: 25px;
	border: 1px dotted #ccc;
}
.Panel2Scroll
{
	width: auto;
	height: 450px;
	overflow-y: scroll;
	float: left;
}
.PanelDouble
{
	width: 100%;
	float: left;
	margin-top: 10px;
	padding-top: 25px;
}
.PanelCentre
{
	text-align: center;
}
.PanelFull
{
	width: 100%;
	float: left;
	margin-top: 10px;
	padding-top: 25px;
}
.PanelLeft
{
	width: 100%;
	margin-left: 15%;
	margin-top: 10px;
	padding-top: 25px;
}
.PanelRight
{
	position: relative;
margin-right:3em;
	float:left;
}
.PanelRegister
{
	position: absolute;
	width: 40em;
	margin-left: 3em;
}
.PanelFooter
{
	padding-top: 25px;
	float: left;
	width: 100%;
}
.normalText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: text-top;
}
.normalRedText
{
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: text-top;
}
.normalBoldRedText
{
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
}
.dictionaryDetail
{
	color: #000000;
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: text-top;
}
.revealText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: middle;
}
.titleText
{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
.titleText span
{
	color: #00CC00;
}
.fieldText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: bottom;
	text-align: right;
}
.channelText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: text-top;
	text-align: left;
}
.labelText
{
	color: #000000;
	width: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
	text-align: right;
}
.dataText
{
	color: #000000;
	width: 60%;
	left: 17em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
}
.AdminFieldText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
	text-align: right;
	height: 2.5em;
}
.AdminLabelText
{
	position: relative;
	color: #000000;
	width: 90%;
	top: 0.25em;
	height: 1.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: middle;
	text-align: right;
}
.AdminDataText
{
	position: relative;
	color: #000000;
	top: -0.125em;
	width: 60%;
	height: 1.5em;
	left: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: top;
}
.SubFieldText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: top;
	text-align: left;
	min-height: 2.5em;
	width: 45em;
}
.SubLabelText
{
	position: relative;
	color: #000000;
	top: 0em;
	left: 5em;
	width: 8em;
	height: 1.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: top;
	text-align: left;
}
.SubDataText
{
	position: relative;
	color: #000000;
	top: 0em;
	width: 10em;
	height: 1.5em;
	top: -1.20em;
	left: 11em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: top;
	text-align: left;
}
.SubDataLabelText
{
	position: relative;
	color: #000000;
	top: 0em;
	width: 10em;
	height: 1.25em;
	top: 0em;
	left: 11em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: top;
	text-align: left;
}
.courseText
{
	color: #000000;
	width: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-bottom;
	text-align: right;
}
.memberText
{
	color: #CC0000;
	width: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-bottom;
	text-align: right;
}
.scoreText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	vertical-align: middle;
}
.gap
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18;
}
.strongTitleText
{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
	margin-left: 5%;
	width: 75%;
}
.centreText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
}
.boldText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
}
.italicText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	vertical-align: text-top;
}
.boldItalicText
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
}
.TextBox
{
	width: 200px;
}
.messageText
{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: top;
	left: 20%;
	width: 50%;
}
.dictionaryText
{
	background-image: url(../gImages/dictionary.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	width: 162px;
	height: 28px;
	vertical-align: middle;
	color: #ff3300;
	text-align: center;
	line-height: 4px;
	background-repeat: no-repeat;
}
.dictionaryTable
{
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
}
.dictionaryText a:link
{
	color: #ff3300;
}
.dictionaryLink
{
	color: #ff3300;
	vertical-align: text-top;
	width: 162px;
	height: 24px;
	text-indent: 25px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	letter-spacing: 1px;
}
.centreHR
{
	text-align: center;
	vertical-align: middle;
	height: 5px;
}
.CourseHR hr
{
	float: left;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	border-top: #0099ff thin ridge;
	width: 90%;
	height: 2px;
}
.LessonHR hr
{
	float: left;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	border-top: #CC0000 thin ridge;
	width: 90%;
	height: 2px;
}
.button
{
	width: 65px;
	vertical-align: middle;
}
.tabButton
{
	width: 150px;
	vertical-align: middle;
	border-style: groove;
}
.PayPal
{
	border: 0;
}
.CentrePanel
{
	margin-left: auto;
	margin-right: auto;
}
.AdminPanel
{
	background-color: #3f3a66;
	color: #FFF;
	font-family: Arial;
	font-size: 1.25em;
}
.AdminButton
{
	width: 45%;
	margin-right:15%;
	float: right;
	text-align:right;
}
.AdminDetails
{
	width: 50%;
	float: left;
}
ul
{
	padding-bottom: -4px;
	padding-top: -4px;
}
li
{
	line-height: 6px;
	letter-spacing: 0pc;
	margin-top: 10px;
}
.tabProg
{
	margin-top: 10px;
	margin-bottom: 5px;
}
.tabProgTitle
{
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
}
.tabProgTimes
{
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin-bottom: 5px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: text-top;
	left: 50px;
}
.tabProgSynopsis
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: text-top;
}
.tabNoProgs
{
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-bottom;
	text-align: center;
	margin-top: 15px;
}
.chlTitle
{
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: text-top;
}
.chlOrder
{
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: text-top;
}
.chlColumn1
{
	text-align: right;
	width: 32%;
}
.chlColumn2
{
	width: 32px;
}
.chlNormal
{
	color: #000000;
	caption-side: top;
}
.chlSelected
{
	color: #990000;
	font-weight: bold;
}
.ProgressMessage
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	margin-top: 25px;
	width: 80%;
}
.LinkHeading
{
	font-size: 1.5em;
	font-family: Verdana, Arial;
	color: #990000;
	height: 2.5em;
	vertical-align: top;
}
.LinkText
{
	margin-left: 5%;
	width: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.LinkTitle
{
	font-size: 2em;
	margin-left: 12px;
	display: block;
}
a.LinkTitle:link
{
	color: #000099;
}
a.LinkTitle:visited
{
	color: #000088;
}
a.LinkTitle:hover
{
	color: #FFCC00;
}
.LinkImage
{
	float: left;
	margin-left: 1em;
}
.LinkDescription
{
	font-size: 1em;
	margin-left: 12px;
	color: #000033;
}
.clCourse
{
	font-size: 2em;
	color: #330000;
	font-family: Verdana, Arial;
}
.clLesson
{
	font-size: 1.25em;
	text-align: center;
	color: #003300;
	font-family: Verdana, Arial;
}
.clSection
{
	font-size: 1em;
	font-family: Verdana, Arial;
}
.clControl
{
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	width: 80%;
}
.clCourseCaption
{
	margin-bottom: 1em;
}
.clLessonControls
{
	margin-left: 1em;
	margin-right: 1em;
	float: left;
	display: block;
	height: 17em;
}
.LoggedOnWelcome
{
	color: #000033;
	font-family: Verdana, Arial;
	font-size: 2.25em;
	margin-left: 2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	display: block;
}
.LoggedOnMessage
{
	color: #000033;
	font-family: Verdana, Arial;
	font-size: 1.5em;
	margin-left: 2.5em;
	display: block;
}
.questionNo
{
	color: #C90000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
.questionText
{
	color: #0000C9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	vertical-align: middle;
}
.answerNo
{
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
.answerText
{
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: middle;
	width: 250px;
}
.answerList
{
	margin-right: 6em;
}
.answer1
{
	margin-bottom: 1em;
}
.answer2
{
	margin-bottom: 1em;
}
.answer3
{
	margin-bottom: 1em;
}
a.answer1:link
{
	color: #00FF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
a.answer2:link
{
	color: #FF8000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
a.answer3:link
{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
a.answer1:visited
{
	color: #008000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
a.answer2:visited
{
	color: #FFA050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
a.answer3:visited
{
	color: #800000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}
.MainTest
{
	margin-top: 2em;
}
.Members
{
	margin-top: 3em;
}
.Members table
{
	font-family: Arial;
	font-size: 1em;
	vertical-align: text-bottom;
}
.Members td
{
	padding-right: 1.5em;
	background-color: #D1DDF1;
	color: #333333;
}
.Members th
{
	font-weight: bold;
	padding-right: 1.5em;
	background-color: #507CD1;
	color: White;
}
a.LabelNew
{
	color:White;
}
.TableColumn1
{
		font-family: Arial;
	font-size: 0.8em;
	background-color: #F7F6F3 ;
	color: #333333 ;
	text-align: center;
}
.TableColumn2
{
	font-family: Arial;
	font-size: 0.8em;
	background-color: White ;
	color: #284775 ;
	text-align:center;
}
