body {


	margin: 0px;


	background-color: #666;


	font-family: Verdana,Arial,Sans-Serif;


	color: #666;


}





a {


	color: #0033cc;


	text-decoration: none;


}





input,textarea,select {


	font-family: Verdana,Arial,Sans-Serif;


	font-size: 10px;


	padding: 2px;


}





img { border: 0px; }





/* ---------- Homepage Scroller ---------- */


.oScroll {


	padding: 4px;


	border: 1px solid #d1d1d1;


	background-color: #efefef;


	width: 150px;


	height: 150px;
}





/* ---------- Header ---------- */


.sHeader {


	height: 82px;


	background-image:url(../images2/head_bk_grad.jpg);


	border-bottom: 1px solid #000;


	position: relative;


}


.sSmallHeader {


	height: 115px;


	background-image:url(../images/hdr.bg.jpg);


	background-position: bottom;


	border-bottom: 1px solid #000;


	position: relative;


}


.sHeader .hdr,.sSmallHeader .hdr {


	position: absolute;


	float: left;


}


.sHeader .hdr { bottom: 0px; }


.sSmallHeader .hdr { bottom: 16px; }








/* ---------- Picture Box ---------- */





.sPicBox td {


	background: #d3d2d0 url(../images2/head_bk_2ndrow.jpg) repeat-x top;


}





/*.sPicBox img,.sPicBox object { display: block; }*/





.sPicBox .sStreamL img { float: right; }





/* ---------- Streams ---------- */


.sStreamL {


	width: 383px;


	text-align: right;


	background: #fff url(../images/main.bg.gif) repeat-x top;


}


.sStreamM {


	width: 155px;


	text-align: center;


}


.sStreamR {


	text-align: left;


	background: #fff url(../images/main.bg.gif) repeat-x top;


}





/* ---------- Sortable Divs ---------- */


.sSortItem ul {


	margin: 0px;


	padding: 0px;


	list-style: none;


	height: 25px;


	overflow: hidden;


}


.sSortItem li {


	float: left;


	margin: 0px;


}





.sSortItem,.sSortItemActive {


	padding: 4px;


	padding-left: 40px;


	border-top: 1px solid #ccc;


	background: #fff url(../images/icon.rowsort.gif) no-repeat 10px;


	margin-bottom: 5px;


}





.sSortItemActive {


	background-image: url(../images/icon.rowpoint.gif);


	border-top: 2px solid #278003;


	margin-top: 40px;


}





/* ---------- Content Tables ---------- */


.sConTbl {


	background-color: #fff;


	width: 100%;


	font-size: 11px;


}


.sConTbl td { vertical-align: top; }








/* ---------- Horizontal Menu's ---------- */


/*.sHMnu {


	text-align: center;


	background: #5c9fe6 url(../images/mnu.bg.gif) repeat-x bottom;


	border-bottom: 1px solid #000;


	border-top: 1px solid #000;


	line-height: 20px;


	font-size: 10px;


}


.sHMnu a {


	color: #000066;


	padding: 4px 18px 4px 10px;


	background: url(../images/mnu.break.gif) no-repeat right;


}*/


.sHMnu a:hover { color: #0B72E1; }


.sHMnu .last { background: none; }








/* ---------- Left Stream Notice Board ---------- */


.sStreamL .sNoticeB {


	width: 142px;


	margin-top: 38px;


	margin-right: 10px;


	float: right;


	padding: 4px;


	text-align: left;


}


.sStreamL .sNoticeB img {


	border: 1px solid #000;


}


.sStreamL .sNoticeCaption {


	text-align: left;


}


.sStreamL .sNoticeCaption img {


	border: 0px;


}





/* ---------- Global Notice Boards ---------- */


.sBox {


	padding: 4px;


	border: 1px solid #d1d1d1;


	background-color: #efefef;


}


.sBoxC {


	padding: 4px;


	border: 1px solid #d1d1d1;


	background-color: #fff;


}


.sBoxC img { border: 0px !important; }





/* ---------- Right Stream Notice Board ---------- */


.sStreamR .overflow {


	height: 38px;


}


.sStreamR .sNoticeB {


	width: 400px;


	margin-left: 10px;


	padding: 4px;


}


.sStreamR .sUpdates {


	width: 160px;


	height: 250px;


	float: right;


	margin-left: 10px;


	display: inline;


}





/* ---------- Vertical Menu ---------- */


.sTtlNav { margin: 15px 0px 4px 0px; }


.sVMnu,.sHVMnu {


	font-size: 11px;


	background-color: #666;


	color: #ccc;


	border-left: 1px solid #000;


	border-right: 1px solid #000;


	padding-bottom: 20px;


}


.sVMnu a,.sFooterTbl a {


	margin-left: 4px;


	margin-right: 4px;


	display: block;


	width: 143px;


	line-height: 20px;


	border: 1px solid #666;


	border-color: #999 #999 #333 #333;


	color: #ccc;


}


.sVMnu a:hover,.sFooterTbl a:hover {


	background-color: #589ced;


	border: 1px solid #589ced;


	border-color: #3366cc #3366cc #66ccff #66ccff;


	color: #000;


}



/* ---------- Home VMenu Buttons ---------- */
.sHVMnu {
	text-align: left;
}
#btnCst { margin-top: 100px; }
#btnCst, #btnCstBS, #btnCstI {
	display: block;
	text-align: center;
}
#btnCst a, #btnCstBS a, #btnCstI a {
	display: block;
	padding: 8px 10px;
	width: 116px;
	width: "136px";/* IE Hack */
	height: 30px;
	height: "46px";/* IE Hack */
	color: #fff;
	margin: 0px auto;
	text-align: left;
}

#btnCst a { color: #1398ff; background: url(../images2/button-sschool.jpg) no-repeat top; }
#btnCstBS a { color: #0ddd52; background: url(../images2/button-bschool.jpg) no-repeat top; }
#btnCstI a { color: #f8b604; background: url(../images2/button-ischool.jpg) no-repeat top; }

#btnCst a:hover{ background: url(../images2/button-sschool.jpg) no-repeat bottom; }
#btnCstBS a:hover { background: url(../images2/button-bschool.jpg) no-repeat bottom; }
#btnCstI a:hover { background: url(../images2/button-ischool.jpg) no-repeat bottom; }

#btnCst a:hover, #btnCstBS a:hover, #btnCstI a:hover { color: #222; } /* Highlight Colour */

/* ---------- Footer Table ---------- */


.sFooterTbl {


	border: 1px solid #666;


	border-color: #999 #999 #333 #333;


}


.sFooterTbl td {


	background-color: #666;


	text-align: center;


	padding: 15px;


}





/* ---------- Main Content ---------- */


.sMain {


	display: block;


	height: 600px;


}





/* ---------- Footer ---------- */


.sFoot a { color: #999; }


.sFoot a:hover { text-decoration: underline; }


.sFoot {


	color: #999;


	padding: 4px;


	text-align: center;


	font-size: 10px;


}








/* To sort out later */





.sManF {


	color: red;


	font-size: 10px;


}





.sTrainerImg {


	border: 1px solid #000;


	float: right;


	margin: 0px 0px 10px 10px;


}


.sBluHd,.sBluHdH,.sBluHdNL,.sBluHdNLNP,.sBluHdTop {


	color: #0066cc;


	font-size: 12px;


	font-weight: bold;


	padding-bottom: 12px;


	border-bottom: 1px solid #0066cc;


	margin: 10px 0px 10px 0px;


}

.sBluMPH	{
	
	color: #0B72E1;


	font-size: 12px;


	font-weight: bold;


	margin: 10px 0px 5px;



}
	
.sBluHdTop {


	border-bottom: 0px;


	padding-bottom: 0px;


	border-top: 1px solid #0066cc;


	padding-top: 12px;


}


.sBluHdH { width: 50%; }


.sBluHdNL { border: 0px; }


.sBluHdNLNP { border: 0px; padding: 0px; margin: 0px; }


.sListGap li {


	margin-bottom: 35px;


}


.sInset {


	padding: 0px 0px 20px 10px;


}


.sCentBox {


	text-align: center;


}


.sGuarBox {


	padding: 10px;


	background: #fff url(../images/main.bg.gif) repeat-x top;


	font-size: 11px;


}


.sBtn {


	border: 1px solid #666;


	background-color: #efefef;


	color: #003399;


	font-family: Verdana,Arial,Sans-Serif;


	font-size: 11px;


	padding: 2px;


}


.sPhoLst img {


	border: 1px solid #000;


	margin-bottom: 15px;


}





/* Red Warning Label */


.sLabelRed {


	background-color: #f7f3f3;


	padding: 3px;


}


.sLabelRedH {


	background-color: #faf7f7;


	padding: 3px;


	cursor: pointer;


	cursor: hand;


}


.sLabelRed div,.sLabelRedH div {


	border: 1px solid #d6bcbc;


	padding: 5px 5px 5px 25px;


	background: #faf7f7 url(../images/icon.warning.gif) no-repeat left;


	color: #af7a7a;


}





/* Yellow Info Label */


.sLabel {


	background-color: #ecf6ff;


	padding: 3px;


}


.sLabelH {


	background-color: #ffdd8b;


	padding: 3px;


	cursor: pointer;


	cursor: hand;


}


.sLabel div,.sLabelH div {


	border: 1px solid #c9c9c9;


	padding: 5px 5px 5px 25px;


	background: #fffff1 url(../images/icon.info.gif) no-repeat left;


	color: #949494;


}





/* Course Enrolment Styles */


.sEnrolTbl {


	width: 100%;


	border-top: 1px dashed #eee;


	border-bottom: 1px solid #ccc;


}





.sEnrolTblFoot {


	background: #fff url(../images/effcbg.html) repeat-x bottom;


}





/* Course Forms (all forms?) */


.sCourseForm table {


	width: 100%;


}


.sCourseForm table td {


	border-bottom: 1px solid #ccc;


	vertical-align: middle;


}


.sCourseForm .sHead {


	background-color: #f8f8f8;


	font-weight: bold;


	border-right: 1px dashed #ccc;


	width: 100px;


}


.sCourseForm input {


	vertical-align: middle;


}


.sWInput { width: 98%; }





.sCourseForm textarea {


	width: 98%;


	height: 150px;


}


.sCourseForm .sBtnPanel {


	background-color: #efefef;


	padding: 10px;


	text-align: right;


}





.sDataTbl {


	width: 100%;


}


.sDataTbl td {


	padding: 4px;


	border-bottom: 1px solid #ccc;


}


.sDataTbl .sCap td {


	padding: 4px;


	border-bottom: 1px solid #0066cc;


	color: #0066cc;


	background: url(../images/datatbl.cap.bg.gif) repeat-x bottom;


}








.sSectNotes {


	font-size: 9px;


	color: green;


	padding: 5px 0px 5px 0px;


}





.sNote {


	font-size: 9px;


	color: green;


}





.sIcon {


	border: 0px;


}





.sDlgBody {


	background-color: #fff;


	margin:10px;


	font-size: 11px;


}





.sImgList {


	width: 100%;


	background-color: #efefef;


}





.sImgList td {


	width: 25%;


	text-align: center;


	vertical-align: bottom;


	background-color: #fff;


	font-size: 8px;


}





.Totals {


	font-weight: bold;


	color: #006600;


}





.sCode {


	border: 1px solid green;


	padding: 4px;


	font-family: 'Courier New',Courier,Serif;


	font-size: 11px;


	color: green;


}





#EditablePages {


	width: 100%;


}





#EditablePages td {


	border-bottom: 1px solid #efefef;


}





#EditablePages .sTitles td {


	font-weight: bold;


	border-bottom: 1px solid #0066cc;


}





.Lss td {


	/*background-color: #ecf6ff;*/


	background-color: #fffff1;


}





/* ---------- edited and added by MH ---------- */





.sHeader .hdrtag1 {


	position:absolute;


	bottom:0px;


	right: 115px;


}


.sHeader .hdrtag2 {


	position:absolute;


	bottom:0px;


	right: 70px;


}





.sStream {


	text-align: center;


	width: 100%;


	height: 84px;


}


.sPicBox .sStream img { display: inline; 


}





.sHMnu {
	text-align: center;
	background: #d3d3d3 url(../images2/nav_bk.jpg) repeat-x bottom;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	line-height: 20px;
	font-size: 10px;


}


.sHMnu a {


	color: #003C9D;


	padding: 4px 14px 4px 9px;


	background: url(../images2/nav_vertline.jpg) no-repeat right;


}