@charset "utf-8";
/* CSS Document */

<style type="text/css">

/* course head */
.coursehead {
border-collapse:collapse;
}


.coursehead td { 
padding:4px;
}

/* courses table */

.courses{
	width:100%;
	float:left;
	list-style-type:none;
}

.courses ul li { 
width:29%;
margin:0;
padding:0 0 8px 13px;
background:url(../../about/images/bullet.gif) no-repeat 0 6px;
float:left;
display:block;
font-size:11px;
color:#333;
}

.courses-title{
	width:100%;
	float:left;
	background:#CCC;
	font-size:11px;
	color:#666;
	text-align:center;
	padding:3px;
	font-weight:bold;
}


.courses2{
float:left;
text-align:center;
border-collapse:collapse;
border:0px solid #CCC;
}


.courses3{
float:left;
text-align:center;
border-collapse:collapse;
border:0px solid #CCC;
}







/*bold text*/
.style2{
color:#F90;
font-size:0.9em
}

.style3{
	font-size:0.9em;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
}


.style4{
	font-size:0.9em;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
}

/*red style text */
.style6{
	font-size:0.9em;
	font-family:Verdana, Geneva, sans-serif;
	color:#900;
}


/* page locator text (inactive)*/
.style9{
	font-size:0.8em;
	font-family:Verdana, Geneva, sans-serif;
	color:#F90;
	text-decoration:none;
	}

.h4 a:link{
color: #0099ff;
text-decoration: none;
text-align:left;
}

.h4 a:hover{
	color: #ff9900;
	text-decoration: underline;
}

.h4 a:visited, .h4 a:active {
	color: #0099ff;
}

.h4{
	font-size:0.8em;
	font-family: Verdana,Geneva,sans-serif;
	color: #ff9900;
	text-decoration: none;
}














/* links style */

/* bread crumb links style */
.class1 a:link{
	color:#09F;
	font-size:0.8em;
	text-decoration:underline			
}

.class1 a:visited{
	color:#09F;
	font-size:0.8em;
	text-decoration:underline
}
.class1 a:hover{
	color:#F90;
	text-decoration:underline;
	font-size:0.8em;
	
}
.class1 a:active{
	color:#09F;
	font-size:0.8em;
	text-decoration:underline
}




/* links style */

/* talk to us */
.class2 a:link{
	color:#09F;
	font-size:0.9em;
	text-decoration:underline
}

.class2 a:visited{
	color:#09F;
	font-size:0.9em;
	text-decoration:underline
}
.class2 a:hover{
	color:#F90;
	text-decoration:underline;
	font-size:0.9em;
	
}
.class2 a:active{
	color:#09F;
	font-size:0.9em;
	text-decoration:underline
}



































.class6 a:link{
	color:#3C3C3C;
	text-decoration:none;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
}

.class6 a:visited{
	color:#3C3C3C;
	text-decoration:none;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
}
.class6 a:hover{
	color:#09C;
	font-size:12px;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
	
}
.class6 a:active{
	color:#3C3C3C;
	text-decoration:none;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
	
}









.class7 a:link{
	color:#333;
	text-decoration:none;
	font-size:1.0em;
font-family:Verdana, Geneva, sans-serif;
}

.class7 a:visited{
	color:#333;
	text-decoration:none;
	font-size:1.0em;
font-family:Verdana, Geneva, sans-serif;
}
.class7 a:hover{
	color:#09C;
	font-size:12px;
	font-size:1.0em;
font-family:Verdana, Geneva, sans-serif;
	
}
.class7 a:active{
	color:#333;
	text-decoration:none;
	font-size:1.0em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	
}







.class8 a:link{
	color:#333;
	text-decoration:none;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
}

.class8 a:visited{
	color:#333;
	text-decoration:none;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
}
.class8 a:hover{
	color:#09C;
	font-size:12px;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
	
}
.class8 a:active{
	color:#333;
	text-decoration:none;
	font-size:0.9em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	
}





.class9 a:link{
	color:#09F;
	font-size:0.9em;
	text-decoration:none
}

.class9 a:visited{
	color:#09F;
	font-size:0.9em;
	text-decoration:none
}
.class9 a:hover{
	color:#F90;
	text-decoration:underline;
	font-size:0.9em;
	
}
.class9 a:active{
	color:#09F;
	font-size:0.9em;
	text-decoration:none
}






.class10 a:link{
	color:#333;
	text-decoration:none;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
}

.class10 a:visited{
	color:#333;
	text-decoration:none;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
}
.class10 a:hover{
	color:#09C;
	font-size:12px;
	font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
	
}
.class10 a:active{
	color:#333;
	text-decoration:none;
	font-size:0.9em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	
}







.class11 a:link {
	color:#333;
	text-decoration: none;
	font-size:0.9em;
}

.class11 a:visited {
	color:#333;
	text-decoration: none;
	font-size:0.9em;
}

.class11 a:hover {
	color:#F90;
	text-decoration: none;
		font-size:0.9em;
}

.class11 a:active {
	color:#333;
	text-decoration: none;
		font-size:0.9em;
}











/*--fotter links */




.class12 a:link {
	color:#FFF;
	text-decoration: none;
	font-size:0.9em;
}


.class12 a:visited {
	color:#FFF;
	text-decoration: none;
	font-size:0.9em;
}


.class12 a:hover {
	color:#F90;
	text-decoration: none;
	font-size:0.9em;
}

.class12 a:active {
	color:#FFF;
	text-decoration: none;
	font-size:0.9em;
}










.class11 a:link {
	color:#333;
	text-decoration: none;
	font-size:0.9em;
}

.class11 a:visited {
	color:#333;
	text-decoration: none;
	font-size:0.9em;
}

.class11 a:hover {
	color:#F90;
	text-decoration: none;
		font-size:0.9em;
}

.class11 a:active {
	color:#333;
	text-decoration: none;
		font-size:0.9em;
}







ul{
font-family: Verdana, Geneva, sans-serif;
color:#333;
text-align: left;
}

div#logo {
position:absolute;
top:20%;
margin:0 0 0 150px;
background-color:;
background-image:url(../../IMAGES/raffles-iao.png);
background-repeat:no-repeat;
width:150px;
height:39px;
}








/*General*/
* {
margin:0;
padding:0;
}





/*left and right columns*/
#left_col {
float:right;
overflow:hidden;
width:215px;
margin-top:-85px;
padding-right:10px;
}







/* Left and right column modules */
#left_col .moduletable {
background-color:#F90;
margin-top:5px;
padding-bottom:10px;
margin-left:0px;
}




/* left column table elements*/
.moduletable table {
margin-left:15px;
padding-right:.5em;

}



.moduletable h3 {
background-color:#EC7600;
color:#fff;
font-family:verdana, arial, helvetica, sans-serif;
font-size:.9em;
margin-left:0px;
margin-right:0px;
margin-top:0px;
text-align:left;
padding-top: 5px;
padding-left:15px;
height: 20px;
}


.random_img{
margin-top:5px;
margin-left:5PX;
}




/*table text*/

#main #left_col .moduletable table tbody tr td {
color:#333;
font-size:11px;
}


/*content controller*/
#content {
float:left;
padding:5px 0 0 8px;
width:595px;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
color:#F00;
}

.content-p2 {
float:left;
width:595px;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
color:#F00;
text-align:left;

}

.content-course{
	width:595px;
	float:left;
	clear:both;
}
/*end*/
.content-button-container{
	width:540px;
	float:left;
}

/*.content-link{
	width:499px;
	height:35px;
		float:left;
	color:#333;
	padding: 5px 0 0 22px;
}*/

.content-link a{
	text-decoration:underline;
	background:url(../images/course_button_06.gif) 0 0 no-repeat;
	width:499px;
	height:35px;
	float:left;
	color:#3399ff;
	padding: 5px 0 0 22px;
	margin:0 0 3px 10px;
	font-size:11px;
}



.content-link a:hover{
	background:url(../images/course_button_06.gif) 0 -40px no-repeat;
	text-decoration:underline;
	color:#ff3300;
}

.content-link a:visited, .content-link a:active, .content-link a:visited{
	color:#333;
	text-decoration:underline;
}

/*.content-button a{
	width:499px;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	background:url(../images/course_button_06.gif) 0 0 no-repeat;
	height:35px;
	text-decoration:none;
	font-size:11px;
	padding: 5px 0 0 22px;
	margin:0 0 0 18px;
	border:0;
	float:left;
}

.content-button a:hover{
	text-decoration:underline;
	background-position:0 -40px;
	color:#000;
}

.content-button a:visited, .content-button a:active {
	text-decoration:none;
	background-position:0 -40px;
	color:#000;
}*/

/*footer section*/

#footer {
background-color:#333;
color:#FFF;
font-size:.8em;
width:859px;
height:100px;
position:relative;
clear:both;
margin-left:-4px;
margin-bottom:-5px;
padding-top:8px;
text-align:center;
line-height:12px;
}

#footer p{
	text-align:center;
	color:#FFF;
}




/*back button controller*/

.back_button {
	color:#333;
	font-size:1.2em;
	text-align:left;
	font-weight: bold;
}

.back_button a:hover{
	color:#F90;
	text-decoration:none;
}

.back_button a:link{
	color:#333;
	text-decoration:none;
}

.back_button a:active {
	color: #666666;
	text-decoration: none;
}


/*texts in the table*/
#content .contentpaneopen tbody tr td table tr th {
	text-align: left;
	text-shadow:#333;
	color:#333
}

#content .contentpaneopen tbody tr td table {
	text-align: center;
	color: #333;
}


#atas {
position:absolute;
top:10px
}


/* seperator */
#seperator{
margin:10px 0 0 0; 
}







/* useful links and raffles news navigation links at the bottom of the page */
#thumbnailwrap-main{
float:left;
width:600px;
border:solid 1px #CCC;
background:;
margin:0 0 25px 10px;
}




#thumbnailwrap-design{
float:left;
width:600px;
border:solid 1px #CCC;
background:;
margin:15px 0 15px 10px;
}






#thumbnailwrap-business{
float:left;
width:605px;
border:solid 1px #CCC;
background:;
margin:45px 0 15px 10px;
}






#thumbnailwrap-sciencetech{
float:left;
width:605px;
border:solid 1px #CCC;
background:;
margin:0px 0 15px 10px;
}









.exploreheading{
	background-color:#E8E8E8;
	color:#333;
	width:616;
	margin:3px 3px 3px 3px;
	padding:5px 0 0 5px;
	text-align:left;
	height:20px;
}


.thumbnail1
{
float: left;
width: 200px;
border: 0px solid #999;
margin: 0 0 20px 10px;
left: 10px;
color:#333;
background:
}


.thumbnail2
{
float: left;
width: 150px;
border: 0px solid #999;
margin: 0 0 20px 0;
color:#333333;
background:
}


.thumbnail3
{
float: left;
width: 180px;
border: 0px solid #999;
margin: 0 0 0 70px;
color:#333333;
padding:0 0 0 80px;
border-left:1px dotted #CCC
}



.left-table {
width:140px
}

.left-table a:link{
color:#09F;
text-decoration:none;
}


.left-table a:hover{
color:#FF9900;
text-decoration:none
}


.middle{
width:200px;
}




.right-table {
width:220px;
}

.right-table a:link{
color:#09F;
text-decoration:none;
font-size:0.9em
}

.right-table a:visited{
	color:#09F;
	font-size:0.9em
}


.right-table a:active{
color:#09F;
text-decoration:none;
font-size:0.9em
}

.right-table a:hover{
	color:#F90;
	font-size:0.9em;
	text-decoration:none
}






























/*------------ right column navigation links------------*/
#right_col {
float:right;
width:220px;
margin:0 1px 0 0;
}



#right_col .moduletable-right {
margin-top:6px;
background:#b8d7ef;
margin-right:7px;
text-align:left;
}

.moduletable-right h4, .moduletable-right h5 {
width:203px;
background:url(../../IMAGES/blue-bar.gif) no-repeat;
color:#FFF;
font-size:0.9em;
padding: 5px 0 5px 10px;
text-align:left;
/*margin-left:-10px;
*/
height:20px;
}

.module-right{
	width:213px;
	float:right;
	background:#fff;
	margin:5px 7px 0 0;
}

/*.moduletable-right h5 {
background-color:#F90;
background-image:url(../images/blue-bar.gif);
color:#FFF;
margin-left:-10px;
text-align:left;
font-size:0.9em;
text-align:left;
padding-top: 5px;
padding-left:20px;
height: 20px;

}*/



.right_img{
margin-top:5px;
margin-right:5PX;
}



.quicklinkstable{
width:195px;	
margin:0 0 0 10px;	
}

.quicklinkstable p{
	font-size:11px;
	color:#333;
	line-height:150%;
	padding:2px 0;
}

.quicklinkstable ul li, .quicklinkstable ul li a:link, .quicklinkstable ul li a:visited, .quicklinkstable ul li a:active{
	list-style-type:disc;
	list-style-position:inside;
	padding:2px 0 2px 2px;
	font-size:11px;
	color:#333;
	text-decoration:none;
	line-height:150%;
}

.quicklinkstable ul li a:hover{
	color:#0099ff;
	text-decoration:none;
}


.talk{
margin: 0 0 0 15px;	
	
}


/*study at raffles table */
.studyraffles {
	padding:0 0 20px 0 }

.studyraffles td { 
padding-bottom:10px;
}

.studyraffles{
width:195px;
margin:0 0 0 10px;

}




/*course description */
.course-description {
	padding:0 0 20px 0 }

.course-description td { 
padding-bottom:10px;
}

.course-description{
width:195px;
margin:10px 0 0 10px;

}





.courses{
	line-height:140%
}

/***********share*********/

.share{
	width:200px;
	float:right;
	text-align:right;
}

/*************rounded-box************/
.roundbox{
	width:591px;
	float:left;
	color:#F90;
	font-size:11px;
	font-weight:bold;
	margin-top:8px;
	text-align:left;
}

.roundbox-top{
	width:565px;
	background:url(../images/box-top.jpg) no-repeat #ffffcc;
	float:left;
	padding:8px 13px;
	color:#333;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	margin:8px 0 0 0;
	line-height:150%;
}

.roundbox-top a:link, .roundbox-top a:active, .roundbox-top a:visited{
	color:#0099ff;
	text-decoration:underline;
}

.roundbox-top a:hover{
	color:#F60;
}

.roundbox-bottom{
	width:565px;
	height:48px;
	background:url(../images/box-bottom2.gif) no-repeat;
	float:left;
	padding:6px 13px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	line-height:120%
}

.roundbox-line-bottom{
	border-bottom: 1px #FFF;
}

.box-main-title{
	font-size:12px;
	color:#333;
	font-weight:bold;
	line-height:180%;
}

.box-body{
	font-size:11px;
	color:#333;
	font-weight:bold;
	line-height:120%;
}