/* CSS Document for Courses Part */

body {
    font-family : Tahoma, Times New Roman, Century Gothic;
	font-size: 13px;
	font-weight: normal;
	margin-left: 13px;
	margin-top: 40px;
	margin-bottom: 5px;
	background-image: URL("bg.gif");
	background-repeat: repeat-y;
}

table {
    font-family : Tahoma, Times New Roman, Century Gothic;
	font-size: 13px;
	font-weight: normal;
	color: white;	
	width: 630px;
}

table.main {	/* background colour used for introduction of each course */
	background-color: #8F93BA;  /* Silver purple colour  */
}

p {
	line-height: 17px;
	text-align: justify;
}

.mid {
	font-style: italic;
	font-weight: bold;
	text-indent: 150px;
	color: white;
	cursor: default;
}

/* The title of each course which use positioning */
.bigtitle {		
	cursor: default;
	font-size: 44px;
	font-weight: bold;
	color: white;
	z-index: 2;
	top: 10px;
	left: 20px;
	position: absolute;
}

.smalltitle {
	font-size: 16px;
	font-weight: bold;
	color: white;
	background-color: #000066;	/* deep blue */
}

td {
    font-family : Tahoma, Times New Roman, Century Gothic;
	color: white;
	font-size: 12px;
}

/* Full Name of Each Courses, just below the course title */
td.subtitle {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
}

/* Briefing for course */
td.subtext {
	padding: 12px;
	color: black;
	font-weight: bold;
}

/* font setting for subject offerred */
td.subtext2 {
	font-size: 13px;
	line-height: 17px;
	vertical-align: top;
}

span {
	cursor: auto;
	color: #00FFCC;    /* cyan */
	font-weight: bold;
}

a:link, a:visited {
	text-decoration: none;
	color: #FFCC00;    /* bright orange */
}

a:hover, a:active {
	Text-decoration: bold;
	color: #33CCFF;    /* light blue */
}.whiteblack {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
}
.blik {
	font-family: Tahoma;
	color: #000000;
	text-decoration: blink;
	background-color: #CCCCCC;
	background-repeat: repeat;
}