@import url("print.css" );

body {  border: 0px;  }

body, td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;
		}
		
H1 {
	DISPLAY: inline; FONT-SIZE: 100%
	}
	
H2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 15px; 
	MARGIN: 0px; 
	FONT-FAMILY: arial,sans-serif;
	font-weight:bold;
	text-transform:capitalize;
	padding-top:10px 10px 10px 10px;
	height:20px;
	}
	
H3 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px; 
	MARGIN: 0px; 
	FONT-FAMILY: verdana;
	font-weight:bold;
	text-transform:capitalize;
	padding-top:5px 5px 5px 5px;
	height:20px;
	color:#0066ff
	}
.linecolor{
	color:#77B5FF;
	}

.bordercolor3{
	width:100%;
	border-collapse:collapse;
	}
.bordercolor2{
	border:solid 1.0pt #77B5FF;
	/*background-color:#D7E9FF;*/
	width:100%;
	border-collapse:collapse;
	}

.bordercolor{
	border:solid 1.5pt #77B5FF;
	width:100%;
	}
	
.bordercolor1{
border:solid 1pt #77B5FF;
width:98%;
border-collapse:collapse;
}
.whiteTitle {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
.contentHeading {
	font-size: 18px;
	font-weight: bold;
	color: #005482;
	line-height: 22px;
}
.contentPageTitle {
	font-size: 11px;
	font-weight: bold;
	color: #DD5F13;
}
.content 
{
	background-color: #ffffff; 
	font-family: verdana; 
	font-size:10px; 
	color: #202020; 
	vertical-align : top;
	text-align:justify;
	text-decoration: none;
}
.pageHeading {
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	line-height: 22px;
}
.newsDate 
{
	color: #666666;
	font-size: 10px;
	text-align:left;
}
/* normal links */
.piclink A:link{
	border:solid 1.0pt #ffffff;
	border-collapse:collapse;
}
.piclink A:visited{
	border:solid 1.0pt #ffffff;
	border-collapse:collapse;
}
.piclink A:hover{
	border:solid 1.0pt #77B5FF;
	border-collapse:collapse;
}
.linktext A:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #202020;
	font-size:10px;
	text-decoration: none;
	}	
.linktext A:visited { color: #202020;
					 font-size:10px;
                     text-decoration: none; } 			

.linktext A:hover { color: #cc0000;
					font-size:10px;
                    text-decoration: underline; }
					
A.more1:link {
	FONT-WEIGHT: lighter; FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.more1:visited {
	FONT-WEIGHT: lighter; FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.more1:hover {
	FONT-WEIGHT: lighter; FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.titlelink A:link{
	font-size: 10px;
	font-weight: bold;
	color: #374a77;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}	
.titlelink A:visited {	
	font-size: 10px;
	font-weight: bold;
	color: #374a77;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.titlelink A:hover {
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;	
}
.footer A:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #cc0000;
	font-size:9px;
	text-decoration: none;
	font-weight=bold;
	height: 1px;
	text-align:center;
}	
.footer A:visited { 
	color: #cc0000;
    text-decoration: none; 
	font-weight=bold;
	font-size:9px;
	text-align:center;
} 			
.footer A:hover { 
	color: #999999;
    text-decoration: underline;
	font-weight=bold;
	font-size:9px;
}
	
/**Blue Bar color**/
.barColor1 { font-size:2px;
 background-color:#77B5FF;}

.barColor2 { font-size:2px;
 background-color:#97C6FF;}

.barColor3 { font-size:2px;
 background-color:#BBDAFF;}

.barColor4{ font-size:2px;
 background-color:#D7E9FF;}
 
.barColor0{ 
 background-color:#D7E9FF;}
 
.barcolor{
	background-color:#77B5FF;
}

/**testing **/
	
.toplinks A:link {
	COLOR: #000000; TEXT-DECORATION: none;	font-size:10px;
}
.toplinks A:visited {	
	font-size:10px;
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.toplinks A:hover {
	
	font-size:10px;
	color: #cc0000;
	 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.quicklink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-color: #F0F0F0;
	width: 13.5em;
	border: 1px none #000066;
	height: 1.5px;
}

.inputBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-color: #ffffff;
	width: Auto;
}

.inputBox1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-color: #ffffff;
	width: 28em;
}

.inputBox2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; background-color: #ffffff;
	}
	
.inputBox3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-color: #ffffff;
	width: 35em;
}
.inputBox4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-color: #ffffff;
	width: 20em;
}

.button {
	font-size: 10px; 
	width: auto; 
	color: #053868; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height: 20px; 
	background-color: #f7f3f7;	
}

A.more:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #0e3570; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}

A.more:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #0e3570; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.more:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}

UL LI P {
	MARGIN-BOTTOM: 8px
}
UL.none {
	MARGIN: 0px; LIST-STYLE-TYPE: none;
}

UL.points {
	LIST-STYLE-IMAGE: url(../images/orangeDot.gif); MARGIN: 0px 0px 0px 25px;
	}
	
ol.decimal {LIST-STYLE-TYPE:decimal; MARGIN: 0px 0px 0px 25px; line-height: 15px}
ol.lalpha {LIST-STYLE-TYPE: lower-alpha;  MARGIN: 0px 0px 0px 25px;line-height: 15px;}
ol.square {LIST-STYLE-TYPE:square;  MARGIN: 0px 0px 0px 30px; color: #ff9900; line-height: 15px}

ol LI P {MARGIN-BOTTOM: 8px}

.paddblack {
	PADDING: 0px 0px 0px 0px; color: #000000
}
#contentTable {
	WIDTH: 100%;
	PADDING: 0;
	MARGIN: 0;
	}

#contentTable  td {
	TEXT-DECORATION:none;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-RIGHT:5px;
	VERTICAL-ALIGN:top;
	TEXT-TRANSFORM: none;
	TEXT-ALIGN:justify;
	}

#contentTable  td P{
	line-height: 140%; FONT-SIZE: 10px; 
	}

#contentMidTable  td {
	TEXT-DECORATION:none;
	PADDING-LEFT: 7px;
	PADDING-BOTTOM: 4px;
	PADDING-RIGHT:7px;
	VERTICAL-ALIGN:middle;
	TEXT-TRANSFORM: none;
	TEXT-ALIGN:justify;
	line-height: 140%
	}
	
.tablecolor { 
	font-size:10px; background-color:#e2e7ef; color: #000000; font-weight: bold; text-decoration: none;	border:solid 1.0pt #BCC8DA; 
	}

.tablecolor1{ 
	font-size:10px; background-color:#e9f0f8; color: #555555; font-weight:bold; text-decoration: none;
	}

.tablecolor2 {
	font-size:10px;	background-color:#f6f6f6; color: #000000; text-decoration: none;
	}

.tablecolor3 { font-size:10px;
	background-color:#e2e7ef;
	color: #000000;	
	text-decoration: none;
	border:solid 1.0pt #BCC8DA;
}

.top A:link{
	font-size: 10px;	
	font-weight: bold;
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}	
.top A:visited {

	font-size: 10px;	
	font-weight: bold;
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.top A:hover {
	font-size: 10px;
	font-weight: bold;
	color: #5382b5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#dsaTable  td {
	TEXT-DECORATION:none;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-RIGHT:3px;
	VERTICAL-ALIGN:middle;
	TEXT-TRANSFORM: none;
	TEXT-ALIGN:justify;
	line-height: 15px
	}

.red{
	color:ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
P {
	FONT-SIZE: 10px; 
	LINE-HEIGHT: 140%; 
	MARGIN: 0px 0px 10px;	
	}

.smallfont{
	FONT-SIZE: 9px; color: #000000
	}

.textField{
	FONT-SIZE: 10px; 
	FONT-FAMILY:verdana; 
	TOP: 2px; 
	BACKGROUND-COLOR: #fff
}

.grayBg {
	background-color:#383d41;
	color:#ccff00;
}

.yellowTitle {
	color: #cc9900;
	font-weight:bold;
	font-size:10px;
	height:20px;
	text-align:left;

}
table.normal {
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #000;
	border-collapse:collapse; 
	padding: 4px 2px 4px 2px;
	line-height:12px;
	text-align:center;
}
table.normal td {
	border-width: 1px;
	padding: 2px 2px 2px 2px;
	}

.style1 {  
	background-color: #E0E0E0; /* Title block background color */
	border-top: thin solid #ffffff; /* Top border thickness/style/color of this block */
	border-right: thin solid #666666; /* Right border thickness/style/color of this block */
	border-left: thin solid #ffffff; /* Left border thickness/style/color of this block */
	border-bottom: thin solid #666666; /* Bottom border thickness/style/color of this block */
	border-width: 1px 1px 1px 1px;
	font-weight: normal;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}

/*for Vertical Image background*/
.frame {
	background-repeat:no-repeat; background-image:url(../images/frame.jpg);
	}

.imgMargin {
	margin: 7px 7px 0px 7px;
	}

/*for horizontal image background*/
.frame2 {
	background-repeat:no-repeat; background-image:url(../images/frame2.jpg);
}

.imgMargin2 {
	margin: 8px 2px 1px 3px;
	}


.iform {
	COLOR: #000; FONT: 10px verdana,arial,sans-serif; width:auto;
	}
	
.blue {
	color: #0066ff;}

.gold {
	color: #ffd7oo;}

/*for bus schedule*/
.tblbus {
	WIDTH: 99%; MARGIN-LEFT: 3px; MARGIN-RIGHT: 3px; MARGIN-BOTTOM:6px; border-collapse:collapse
}

.tblbus .header{
	 FONT-WEIGHT: bold; LINE-HEIGHT:140%; BACKGROUND:#e9f0f8 ; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; COLOR: #444444;
}
.tblbus .subheader{
	TEXT-ALIGN:center; FONT-WEIGHT: bold; LINE-HEIGHT:140%; BACKGROUND:#f6f6f6;  COLOR: #444444;
}
.tblbus .sub2header{
	TEXT-ALIGN:center; FONT-WEIGHT: bold; LINE-HEIGHT:140%; BACKGROUND: #e2e7ef; COLOR: #444444;
}

.tblbus .sub3header{
	TEXT-ALIGN:center; FONT-WEIGHT: bold; LINE-HEIGHT:140%; BACKGROUND: #bcc8da; COLOR: #444444;
}
.tblbus TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #bcc8da 1px solid ; LINE-HEIGHT: 140%; BORDER-LEFT:#bcc8da 1px solid ; BORDER-RIGHT: #bcc8da 1px solid ; BORDER-TOP:  #bcc8da 1px solid
}

/*for student orientation*/

.tblorientation {
	WIDTH: 99%; MARGIN-LEFT: 3px; MARGIN-RIGHT: 3px; MARGIN-BOTTOM:6px; border-collapse:collapse
}

.tblorientation.header{
	 FONT-WEIGHT: bold; LINE-HEIGHT:140%; BACKGROUND:#e9f0f8 ; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; COLOR: #444444;
}
.tblorientation .subheader{
	TEXT-ALIGN:center; LINE-HEIGHT:140%; BACKGROUND:#f6f6f6;  COLOR: #444444;
}
.tblorientation .sub2header{
	TEXT-ALIGN:center; FONT-WEIGHT: bold; LINE-HEIGHT:140%; BACKGROUND: #e2e7ef; COLOR: #444444;
}

.tblorientation.sub3header{
	TEXT-ALIGN:center; FONT-WEIGHT: bold; LINE-HEIGHT:140%; BACKGROUND: #bcc8da; COLOR: #444444;
}
.tblorientation TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #fff 1px solid ; LINE-HEIGHT: 140%; BORDER-LEFT:#fff 1px solid ; BORDER-RIGHT: #fff 1px solid ; BORDER-TOP:  #fff 1px solid
}


/*for online course enquiry & job recruitment*/
table.onlinejob {
	line-height:100%; text-align:center; background-color:#FFFFFF;
	}

table.onlinejob td {
	padding:3px 3px 3px 3px
	}

table.onlinejob P {
	padding:3px 3px 3px 3px
	}

/*for Mathematics Competition */
table.onlinemath {
	line-height:100%; text-align:center; background-color:#FFFFFF;
	}

table.onlinemath td {
	border-bottom-style: solid; 
	border-bottom-color:#ddd; 
	border-bottom-width:1px;
	padding: 1px 3px 1px 5px;
	}

table.onlinemath P {
	padding:3px 3px 3px 3px
	}