@charset "utf-8";
/* CSS Document */
body {background: #030d22;};

/* GENERAL */

img.left {float:left; margin:10px 10px 10px 0;}
img.right {float:right; margin:0 10px 10px 10px;}
img.center {clear:both; margin:10px auto;}

/* HomePage
===================================================================
*/

/* Header */

	div.header-menu {background-image:url(../images/index/img-header-menu-bg.jpg); background-repeat:no-repeat; height:51px; padding:36px 0 0 158px; color:#f1edd5;}
		div.header-menu a {margin:0 5px; font-weight:bold;}
		div.header-menu a:link{font:bold; color:#f1edd5; text-decoration:none;}
		div.header-menu a:visited{font:bold; color:#f1edd5; text-decoration:none;}
		div.header-menu a:hover{text-decoration:underline;}

/* Menu */
		#MenuContainer {float: left; background-image:url(../images/sub-menu-bg.png); padding:0 10px; width: 96%;}
		
		#Menu {margin:0; padding:0; list-style-type:none; position:relative; line-height:1.5em; z-index:300; width:100%; height:32px; position:relative; top:2px;} 
		#Menu ul {margin:0; padding:0; list-style-type:none;position:relative; line-height:1.5em; z-index:300; width:100%; background-color:#FFFFFF;} 
		#Menu a {display:block; padding:6px; color:#FFFFFF; text-decoration:none; width:auto; float:left; margin:0 1px 0 0;} 
		#Menu a:hover {background-color:#0b2d70; color:#FFF;} 
		#Menu li {float:left; position:relative; margin:0 0 0 0; ;} 
		#Menu ul {position:absolute; display:none; width:12em; top:29px; left:-1px;} 
		#Menu ul a {padding:5px;} 
		#Menu li ul { width:13em;} 
		#Menu li ul a {width:12em; height:auto; float:left; color:#0b2d70; } 
		#Menu ul ul {top:auto;} 
		#Menu li ul ul {left:13em; margin:0;} 
		#Menu li:hover ul ul, #Menu li:hover ul ul ul, #Menu li:hover ul ul ul ul {display:none;} 
		#Menu li:hover ul, #Menu li li:hover ul, #Menu li li li:hover ul, #Menu li li li li:hover ul {display:block;}  

	/*
	
	OLD MENU
	
	div.sub-menu-bg {background-image:url(../images/index/bg-sub-menu.jpg); background-repeat:no-repeat; float:left; width:100%;}
	div#sub-menu-container-index {float: left; background-image:url(../images/sub-menu-bg.png); padding:0 0 0 4%; width: 96%;}
	ul.sub-menu li {display:inline-block; padding:none; margin:5px 0 5px 0 ; float: left; }
	ul.sub-menu li a {display: block;  padding:3px; margin:0 2px; font-weight:normal; color:#FFFFFF; text-decoration: none;}
	ul.sub-menu li a:hover {background:#0b2d70;}
	ul.sub-menu li a:visited {color:#FFFFFF;}
	
	
	*/
		
	
/* Main Content */

	label.index {
	display:block;
	width: 5em;
	float: left;
	text-align: right;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	div.username {clear:both; margin:0 0 10px 0;}
	div.password {clear:both}
	
	input.ntrix {border:none; padding:5px;}


	div.index-left-container {background-image:url(../images/index/img-lft-bg.jpg); background-repeat: no-repeat; background-color: #FFFFFF;}
	div.index-main-container {background-image:url(../images/index/img-main-bg.jpg); background-repeat: no-repeat; background-color: #FFFFFF; }
	div.index-right-container {background-image:url(../images/index/img-rt-bg.jpg); background-repeat: no-repeat; background-color: #f1edd5;}
	
	.login {margin: 20px 0 10px 0;}
	.other-banners {}
	.other-banners img {margin:0 0 10px 0;}
	
	.index-main-content {padding:35px 0 0 0; margin:15px; 0 0 0;}

	dl.listings {width:100%; margin:0;}
	.listings dt {font-weight:bold; margin:0 0 0 0; float:left; clear:left; width: 25%;}
	.listings dd {margin:0 0 15px 2%; float:left; width: 70%; color:#414141; border-bottom:#CDCDCD	 solid thin 1px;}
	* html dl.listings dd {
		float: none;
		margin-left: 15%;}
		
		.achievements-hdr {background-image:url(../images/index/hdr-achievements.gif); background-repeat:no-repeat;}
		.news-hdr {background-image:url(../images/index/hdr-news.gif); background-repeat:no-repeat;}
		
		.dashboard-container {padding:0;}
				
			ul.dashboard { float:right;}
				ul.dashboard li {display:inline-block; width:80px; margin:0; float:left; height:23px;}
				ul.dashboard li a {}
				ul.dashboard li.students {background-image:url(../images/index/db-01-students.gif); background-repeat:no-repeat;}
				ul.dashboard li.teacher {background-image:url(../images/index/db-02-teacher.gif); background-repeat:no-repeat; margin: 0 0 0 3px;}
				ul.dashboard li.parents {background-image:url(../images/index/db-03-parents.gif); background-repeat:no-repeat;margin: 0 0 0 3px;} 				
				ul.dashboard li.alumni {background-image:url(../images/index/db-04-alumni.gif); background-repeat:no-repeat;margin: 0 0 0 3px;}	
		

				ul.dashboard li.students a,
				ul.dashboard li.teacher a,
				ul.dashboard li.parents a,
				ul.dashboard li.alumni a{ text-indent: -9999px; display:block;}	

				ul.dashboard li.students a:hover,
				ul.dashboard li.teacher a:hover,
				ul.dashboard li.parents a:hover,
				ul.dashboard li.alumni a:hover{ text-indent: -9999px; display:block;}	
				
	.quicklinks-container {background-color:#f5f4e9; margin:-12px 0 0 0; padding: 38px 10px 10px 10px; background-image:url(../images/index/quicklinks-hdr.gif); background-repeat: no-repeat; float: right;}
				
				ul.quicklinks {}
					ul.quicklinks li {display:block; width:150px; margin:3px; float:left; height:50px; background-color:#FFF;}
					ul.quicklinks li a {display:block;width:140px; float:left; height:30px; padding:10px 0px 10px 10px; text-decoration: none;}
					ul.quicklinks li a:hover {background-color: #e7e6d6; text-decoration:underline;}
				
	.countdown-clock {background-image:url(../images/index/bg-countdown.gif); color:#FFFFFF; text-align:right; padding:10px 10px 10px 0; font-size:9px; background-repeat:no-repeat;}
	.thrust {padding: 63px 0 70px 0;}
		.thrust img {margin-bottom:10px;}

	div.sub-menu-bg {background-image:url(../images/index/bg-sub-menu.jpg); background-repeat:no-repeat; float:left; width:100%;}
	div#sub-menu-container-index {float: left; background-image:url(../images/sub-menu-bg.png); padding:0 0 0 4%; width: 96%;}
	ul.sub-menu li {display:inline-block; padding:none; margin:5px 0 5px 0 ; float: left; }
	ul.sub-menu li a {display: block;  padding:3px; margin:0 2px; font-weight:normal; color:#FFFFFF; text-decoration: none;}
	ul.sub-menu li a:hover {background:#0b2d70;}
	ul.sub-menu li a:visited {color:#FFFFFF;}
		

/* Inside Pages
===================================================================
*/
.sublinks {margin:15px 0 15px 0; color:#999999;}
.sublinks a {display:inline-block; background-color:none; padding:3px; text-decoration:none; font-weight:bold; font-size:10px;}
.sublinks a:hover {background-color:#0b2d70; padding:3px; color:#FFFFFF;}

.sublinks-2 {margin:-10px 0 15px 0; color:#999999;}
.sublinks-2 a {display:inline-block; background-color:none; padding:3px; text-decoration:none; font-weight:bold; font-size:10px; position: relative; top: 3px;}
.sublinks-2 a:hover {background-color:#0b2d70; padding:3px; color:#FFFFFF;}

.ip-header-menu {height:170px; padding:30px 0 0 0; background-repeat: no-repeat; color:#f1edd5;}

	.home {float:left; margin: 0 30px 0 30px;}
	.home a {display:block; height:150px; width:120px; text-indent:-9999px;}

	.iph-bg-01 {background-image:url(../images/inside-pages/img-hdr.jpg);}
	.iph-bg-02 {background-image:url(../images/inside-pages/img-hdr-02.jpg);}
	.iph-bg-03 {background-image:url(../images/inside-pages/img-hdr-03.jpg);}
	.iph-bg-04 {background-image:url(../images/inside-pages/img-hdr-04.jpg);}
	.iph-bg-05 {background-image:url(../images/inside-pages/img-hdr-05.jpg);}
	.iph-bg-06 {background-image:url(../images/inside-pages/img-hdr-06.jpg);}

		.ip-header-menu a {margin:0 5px; font-weight:bold;}
		.ip-header-menu a:link{font:bold; color:#f1edd5; text-decoration:none;}
		.ip-header-menu a:visited{font:bold; color:#f1edd5; text-decoration:none;}
		.ip-header-menu a:hover{text-decoration:underline;}
		
		.iph2-bg-01 {background-image:url(../images/inside-pages/bg-img-countdown.jpg); }
		.iph2-bg-02 {background-image:url(../images/inside-pages/bg-img-countdown-02.jpg); }
		.iph2-bg-03 {background-image:url(../images/inside-pages/bg-img-countdown-03.jpg); }
		.iph2-bg-04 {background-image:url(../images/inside-pages/bg-img-countdown-04.jpg); }
		.iph2-bg-05 {background-image:url(../images/inside-pages/bg-img-countdown-05.jpg); }
		.iph2-bg-06 {background-image:url(../images/inside-pages/bg-img-countdown-06.jpg); }
		
.ip-countdown {height:64px; padding:25px 0 0 0; background-repeat: no-repeat;}
	.ip-countdown-clock {background-image:url(../images/index/bg-countdown.gif); color:#FFFFFF; text-align:right; padding:10px 10px 0 0; font-size:9px; background-repeat:no-repeat; width:210px; float:right;}

.ip-main-bg-container {background-image:url(../images/inside-pages/bg-main-body.jpg); background-repeat:no-repeat; background-color:#030d22;}
.ip-margins {padding:80px 26px 10px 54px;}

div#sub-menu-container {float: left; background-image:url(../images/sub-menu-bg.png); padding:0 0 0 10px;}

ul.sub-menu li {display:inline-block; padding:none; margin:5px 0 5px 0 ; float: left; }
ul.sub-menu li a {display: block;  padding:3px; margin:0 2px; font-weight:normal; color:#FFFFFF; text-decoration: none;}
ul.sub-menu li a:hover {background:#0b2d70;}
ul.sub-menu li a:visited {color:#FFFFFF;}


		/*About Us 
		===================================================================
		*/

		dl.milestones {width:100%; margin:0; float:left; clear:both;}
		.milestones dt {font-weight:bold; margin:0 0 0 0; float:left; clear:left; width: 10%; color:#0b2d70}
		.milestones dd {margin:0 0 8px 2%; float:left; width: 80%; color:#414141;}

		.milestones dt.alt { background-color:#CCCCCC; }
		.milestones dd.alt { background-color:#CCCCCC;}

		* html dl.milestones dd {
			float: none;
			margin-left: 15%;}
			
		
		table.staff { width:90%;}
		table.staff tr {}
		table.staff tr th {background:#000066; color:#ffffff; padding:3px; text-align: left;}
		table.staff tr th p {padding: 10px 0 0 15px ;text-align: left;}
		table.staff tr td {padding:3px; vertical-align:top; text-align:center; font-weight:normal; font-size:9px;}
		table.staff tr td.teacher-name {font-size:12px; font-weight:bold;}
		

		
		table.values {}
		table.values tr {}
		table.values tr th {background:#000066; color:#ffffff; padding:5px;}
		table.values tr th h5 {color:#FFFFFF;}
		table.values tr td {padding: 5px; vertical-align:top; text-align:center;}
		table.values tr.alt td {background-color:#EFEFEF;}
		
		
		/* Calendar
		===================================================================
		*/
		table.calendar-selector {width:100%; margin:15px 0px;}
		table.calendar-selector tr
		table.calendar-selector tr th {}
		table.calendar-selector tr td {}
		table.calendar-selector tr td label { 
			display:inline-block; width: 50px; padding:5px 0 2px 0; text-align:right; margin-right: 5px;}
		
		table.calendar { 
			border-left:1px solid #CCCCCC; 
			border-top:1px solid #CCCCCC; 
			width: 100%;}
			
		table.calendar tr {}
		table.calendar tr.alt td {
			background-color:#dde3f4;
			border-right:1px solid #ffffff; 
			}

		table.calendar tr.alt td.end {
			border-right:1px solid #CCCCCC; 
			}
		
		table.calendar tr th { 
			border-right:1px solid #ffffff; 
			border-bottom:1px solid #ffffff; 
			background: #244095; 
			color:#ffffff;
			padding: 10px 0;
			}
			
		table.calendar tr th.days {
			border-right:1px solid #ffffff; 
			border-bottom:1px solid #ffffff; 
			text-align:center; 
			padding:5px 0px; 
			background:#6783d7;
			}
			
		table.calendar tr td { 
			height:90px; 
			width:14%; 
			border-right:1px solid #CCCCCC; 
			border-bottom:1px solid #CCCCCC; 
			text-align:right; 
			vertical-align:top;
			padding: 10px;
			font-weight: bold;
			color:#244095;
			}
			
		table.calendar tr td p {text-align:left; margin:0px; font-weight:normal; color:#666666;}
		
		/* News 
		===============================================================
		*/
		
		/* for image for news and achievemnt listing */	
		dl.news-listings {width:100%; margin:0;}
		.news-listings dt {
			font-weight:bold; 
			margin:0 0 0 0; 
			float:left; 
			clear:left; 
			width: 15%;
			font-size: 19px; 
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#950713			
			}
		.news-listings dd {margin:0 0 15px 2%; float:left; width: 70%; color:#414141; border-bottom:#CDCDCD	 solid thin 1px; }
		* html dl.listings dd {
			float: none;
			margin-left: 15%;}

		.news-listings dd img { margin: 0 0 10px 0;}
		
		
		/* Holistic Development of Student 
		===============================================================
		*/
		
		table.aep { border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid;}
		table.aep tr {}
		table.aep tr th {padding:5px; background-color:#950713; color:#FFFFFF;}
		table.aep tr td {width:33%; padding:5px; border-bottom:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; text-align:center;}
		
		img.icn { position: relative; top: 4px;}
		
		
		/* Feedback Form 
		===============================================================
		*/

		fieldset#feedback-form {
			float: left;
			margin: 20px 0 10px 0;
			border: none;
		}
		
		fieldset#feedback-form h3 {
			margin: 0 0 10px 0;
			font-weight: bold;
			color: #303030;
		}
		fieldset#feedback-form label {
			margin: 0 0 10px 0;
			display: block;
		}
		fieldset#feedback-form label span {
			float: left;
			display: block;
			width: 65px;
			padding: 5px 0 0 0;
			font-weight: bold;
			color: #303030;
		}
		
		fieldset#feedback-form label input {
			padding: 5px;
			width: 290px;
			border: 1px solid #91a8ec;
		}
		
		fieldset#feedback-form label.comment {
			clear: both;
			margin: 5px 0 5px 0;
			font-weight: bold;
			color: #303030;
		}
		
		fieldset#feedback-form label.comment span {
			display: inline;
			float: none;
			width: auto;
			font-weight: normal;
			color: #919191;
		}
		fieldset#feedback-form textarea {
			margin: 0 0 15px 0;
			width: 360px;
			padding: 5px;
			border: 1px solid #91a8ec;
		}
		
	/*
	DEPARTMENTS
	=================================================================
	*/
	
		.image-gallery {clear:both; float:right; margin:10px 0;}
			.image-gallery img {float: left; margin:0 5px 5px 0px;}


	/* Sitemap 
	=================================================================
	*/
	
		table.sitemap {}
		table.sitemap tr { border-bottom: 1px solid #b9caea;;}
		table.sitemap tr th {padding:5px; color:#FFFFFF;}
		table.sitemap tr td {width:25%; padding:15px 5px; }
		table.sitemap tr td h6 {margin:0;}
		table.sitemap tr td ul {margin:0 0 0 -10px ;}
		table.sitemap tr td ul li {list-style-image:url(../images/icn-bullet.jpg);}


	/* CCA 
	=================================================================
	*/
	
	table.cca { width: 100%;}
	table.cca tr.alt { background-color:#DEDEDE;}
	table.cca tr.alt td { background-color:#DEDEDE;}
	table.cca tr td { padding:10px; vertical-align:top;}
	table.cca tr td h6 { color: #0b2d70}

	dl.cca-listings {width:100%; margin:0;}
	dl.cca-listings dt {font-weight:bold; margin:0 0 0 0; width:15%; float:left; background-color:#CC9999; clear:left;display:inline-block; height:100px; width:47px; text-indent:-9999px;}
	dl.cca-listings dt.sec-1 { background-image:url(../images/cca/img-sec-1.jpg);}
	dl.cca-listings dt.sec-2 { background-image:url(../images/cca/img-sec-2.jpg);}
	dl.cca-listings dt.sec-3 { background-image:url(../images/cca/img-sec-3.jpg);}
	dl.cca-listings dt.sec-4 { background-image:url(../images/cca/img-sec-4n5.jpg);}
	dl.cca-listings dd {margin:0 0 10px 0; color:#414141; border-bottom:#FFFFFF	 solid  1px; clear:right;  width:70%}
	* html dl.cca-listings dd {
		float: none;
		margin-left: 15%;}

	/* Organiser 
	=================================================================
	*/

	table.academic-grades { width: 100%;}
	table.academic-grades tr.alt { background-color:#DEDEDE;}
	table.academic-grades tr.alt td.desc { background-color:#EFEFEF;}
	table.academic-grades tr td.desc { background-color:#EFEFEF;}
	table.academic-grades tr td { padding:5px; vertical-align:top; text-align:center; color:#999999;}

	/* Headers 
	=================================================================
	
	
	.abt-us-principal {background-image:url(../images/aboutus/hdr-title.jpg); background-repeat:no-repeat;}
	.hdr-values {background-image:url(../images/values/hdr-values.jpg); background-repeat:no-repeat;}
	.hdr-calendar {background-image:url(../images/calendar/hdr-calendar.jpg); background-repeat:no-repeat;}
	.hdr-news {background-image:url(../images/news/hdr-news.jpg); background-repeat:no-repeat;}
	.hdr-so {background-image:url(../images/organiser/hdr-student-organiser.jpg); background-repeat:no-repeat;}
	.hdr-hds {background-image:url(../images/hds/hdr-hds.jpg); background-repeat:no-repeat;}
	.hdr-departments {background-image:url(../images/departments/hdr-departments.jpg); background-repeat:no-repeat;}
	.hdr-ip{background-image:url(../images/departments/hdr-ip.jpg); background-repeat:no-repeat;}
	.hdr-non-ip{background-image:url(../images/departments/non-ip/hdr-non-ip.jpg); background-repeat:no-repeat;}

	.hdr-cca {background-image:url(../images/cca/hdr-cca.jpg); background-repeat:no-repeat;}
	.hdr-cca-ug {background-image:url(../images/cca/hdr-cca-ug.jpg); background-repeat:no-repeat;}
	.hdr-cca-sports-and-games {background-image:url(../images/cca/hdr-sports-and-games.jpg); background-repeat:no-repeat;}
	.hdr-cca-clubs-and-activities {background-image:url(../images/cca/hdr-club-and-activities.jpg); background-repeat:no-repeat;}

	.hdr-feedback-form {background-image:url(../images/feedback-form/hdr-feedback.jpg); background-repeat:no-repeat;}
	.hdr-contact-us {background-image:url(../images/contact-us/hdr-contact-us.jpg); background-repeat:no-repeat;}
	.hdr-sitemap {background-image:url(../images/sitemap/hdr-sitemap.jpg); background-repeat:no-repeat;}
	.hdr-achievements {background-image:url(../images/achievements/hdr-achievements.jpg); background-repeat:no-repeat;}
	.hdr-photo-gallery {background-image:url(../images/photo-gallery/hdr-photo-gallery.jpg); background-repeat:no-repeat;}
	.hdr-sitemap {background-image:url(../images/sitemap/hdr-sitemap.jpg); background-repeat:no-repeat;}
	
	.hdr-highlights-innov-prac {background-image:url(../images/highlights/hdr-highlights-innovative-prac.jpg); background-repeat:no-repeat;}
	.hdr-highlights-fe {background-image:url(../images/highlights/hdr-highlights-fieldtrip-events.jpg); background-repeat:no-repeat;}
	.hdr-highlights-leadership-prac {background-image:url(../images/highlights/hdr-highlights-leadership-p.jpg); background-repeat:no-repeat;} */ 
	
	.hdr {background-image:url(../images/hdr.jpg); background-repeat:no-repeat;}
	
	/* Achievements 
	================================================================
	*/
	
	table.achievements { width: 97%;}
	table.achievements tr th {padding:5px; background-color:#660000; color:#FFFFFF;}
	table.achievements tr.alt { background-color:#DEDEDE;}
	table.achievements tr.alt td.desc { background-color:#EFEFEF;}
	table.achievements tr td.desc { background-color:#EFEFEF;}
	table.achievements tr td { padding:5px; vertical-align:top; text-align:center; color:#999999;}
	
	/*added by su*/
	
	.MenuContainer {float: left; cursor:pointer; background-image:url(../images/sub-menu-bg.png); padding:0 10px; width: 96%;font-family:Verdana; color:White;	}
		.MenuItem
		{  
			display: block;  			
			padding:3px; 
			margin:2px;
			font-weight:normal; 
			color: White;
			text-decoration:none;
		}
		.MenuItem a,.MenuItem a:visited
		{
			color: white;
			text-decoration:none;
		}
		.MenuContainer td 
		{
			color: white;
			text-decoration:none;
		}
		.DynamicMenu
		{ 
		  cursor:pointer;   
		  background-color:White;
		  z-index:100;
		}
		.DynamicMenuItem
		{ 
		display: block;  			
			padding:3px; 			
			font-weight:normal; 
			color: White;
			text-decoration:none;
		}
		.MenuHover
		{
			background-color:#0B2D70;			
			color:White;	
		}
		.MenuHover a,.MenuHover a:visited
		{	 
			 color:White;    			
		}
/*added by su*/