@charset "utf-8";
/* CSS Document */
/****************************** Main Css ******************************/
*/
html, body {border: 0; margin: 0; padding: 0; height: auto;}
body {	
	font: 76% Verdana, Geneva, sans-serif;
	color: #666; /*Font color*/
	background: url(../mockup/IMAGES/backdrop.gif) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
	p {}
	p, ul, ol { margin: 0; padding: 0; }
	img, img a { border: none; }
	form { margin: 0; padding: 0; }
	
	ul{
font-family: Verdana, Geneva, sans-serif;
color:#333;
text-align: left;
}
	
/************************* Global linking *************************/	
a:link {
	color:#333;
	text-decoration: none;
}
a:visited {
	color:#333;
	text-decoration: none;
}
a:hover {
	color:#F90;
	text-decoration: none;
	}
a:active {
	color: #333;
	text-decoration: none;
}


/*****************dropdwn menu*****************/

div#dropmenu {
position:fixed;
left:0%;
top:0%;
height:60px;
line-height:25px;
margin:0 0 0 0;
padding-right:500px;
background:#333333;
background-image:url(../IMAGES/raffles-iao.jpg);
width:100%;
} 

#dropdown-wrap{
	width:856px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
	
#main-logo{
	width:143px;
	height:50px;
	float:left;
	margin:12px 0 0 0;
}

#main-logo2{
	width:143px;
	height:50px;
	float:left;
	margin:12px 0 0 5px;
}


.language{
	width:107px;
	height:24px;
	background:url(../tw/images/home/header_03.gif) no-repeat;
	
	/*margin:3px 0 0 500px;*/
	float:right;
	text-align:center;
	padding:0;
	font-size:11px;
	color:#FFF;
}

.language a:link, .language a:active, .language a:visited {
	color:#FFF;
}

.language a:hover {
	color:#333;
	text-decoration:underline;
}

/*********************************HOME***********************************/
/************************* Wrapper Css *************************/	
#wrap {
background-color:#FFF;
padding:8px;
margin-left: auto;
margin-right: auto;
text-align:left;
width:840px;
height:630px;
}

#wrap2 {
width:840px;
background-color:#FFF;
padding:8px;
margin-left: auto;
margin-right: auto;
/*margin: 0 auto;
text-align:left;
*padding:0 0 15px 0;*/
}

#main{
	width:840px;
	float:left;
	background:white;
	margin:0;
	padding:0;
	clear:both;
}

#footer-wrap{
	width:856px;
	margin-left:auto;
	margin-right:auto;
	color:#F00
}

#footer-wrap2{
	width:856px;
	margin: 0 auto;
	color:#F00;
	padding:0 0 0 16px;
	*background-color:#333;
	*width:840px;
	*padding: 0 0 0 16px;
}

/****************************** Header Css ******************************/
#head {
width:840px;
height:39px;
margin:61px 0 8px 0;
float:left;
}

#head2 {
width:840px;
height:55px;
float:left;
background-color:#FFF;
}



/****************************** Footer Css ******************************/
/*footer section*/

.copyright {
background-color:#333;
color:#999;
font-size:10px;
width:836px;
height:110px;
float:left;
text-align:left;
padding:10px
/**position:relative;
clear:both;
margin-left:-8px;
margin-bottom:-5px;
padding-top:8px;
text-align:center;**/
}

.copyright-box{
	width:88px;
	height:31px;
	float:left;
	margin-right:10px;
}



.copyright2 {
	width:820px;
	background-color:#333;
	color:#999;
	font-size:10px;
	height:50px;
	text-align:left;
	padding:10px;
	float:left;

}
/****************************** Clear float Css ******************************/	
#clear{
	clear:both;
}


#content2{
	width:840px;
	float:left;
}

#welcome{
width:840px;
height:250px;
background:#CCC;
float:left;
margin:0 0 8px 0;
}


/*****bottom wrap area**********/

#bottomwrap-news{
width:279px;
margin:0 8px 0 0;
float:left;
background:url(../IMAGES/home_new/grey-gradient.gif) repeat-x;
height:150px;
}

.bottom-title{
	width:100%;
	float:left;
	height:28px;
	float:left;
}

.bottom-title2{
	width:306px;
	float:left;
	height:28px;
}

.spotlightbox{
	width:306px;
	float:left;
	margin:0 8px 0 0;
}

.news-box-wrap{
	width:279px;
	float:left;
	margin:0 8px 0 0;
}

.bottom-news-box{
	width:279px;
	padding:0 0 0 2px;
	float:left;
}


.bottom-news-box ul li{
	list-style:none;
	width:134px;
	background-color:#FFF;
	margin:4px 2px;
	display:block;
	float:left;
}

.new-box{
	width:123px;
	height:121px;
	margin:4px 5px 0 5px;
	float:left;
}

.new-text{
	width:127px;
	height:120px;
	font-size:11px;
	margin:4px 0 0 1px;
	float:left;
}

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

.new-text a:hover, .spotlight-text a:hover{
	color:#F90;
	text-decoration:underline;
}

.new-text p{
	font-size:11px;
}

#bottomwrap2-spotlight2{
width:305px;
height:200px;
float:left;
background:url(../IMAGES/home_new/grey-gradient.gif) repeat-x;
}

.spotlight-text{
	width:288px;
	background:#FFF;
	margin:4px;
	padding:4px;
	float:left;
	font-size:11px;
}

.spotlight-text p{
	font-size:11px;
	line-height:140%;
}

.spotlight{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#990033;
	padding:0 0 5px 0;
}

.spotlight-thumb{
	width:123px;
	height:213px;
	float:left;
	margin:0 10px 0 0;
}

.bottomwrap3-banners{
width:239px;
float:left;
margin:0 0 7px 0;
}

.bottomwrap3-banners-icon{
width:239px;
height:87px;
float:right;
margin:0 0 5px 0;
}

.banner-icon{
	width:220px;
	float:left;
	margin:28px 0 0 11px;
}

/****************************************end of home***************************/

/*******************courses-main css****************/

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

.share{
	width:200px;
	float:right;
	margin-right:5px;
	margin-bottom:15px;
	text-align:right;
}

.share-top{
	width:150px;
	float:right;
	margin-right:5px;
	padding:0;
	text-align:right;
}

.table-course{
	padding:5px;
	font-size:10px;
	border-bottom:dotted 1px #999;
}

.table-course2{
	width:584px;
	padding:8px;
	font-size:10px;
}

.table-course p{
	font-size:10px;
	clear:both;
	line-height:130%;
}


.table-head{
	background:url(../courses/images/round-table-top2.gif) no-repeat;
	padding:8px;
	color:#333;
	line-height:140%;
	font-size:11px;
	/*border-bottom:dotted 1px #999;*/
}

.table-raffles{
	background:url(../courses/images/round-table-top3.gif) no-repeat;
	width:575px;
	height:32px;
	padding:5px 8px 4px 4px;
	color:#ff6600;
	font-size:11px;
	font-weight:bold;
}

.table-body{
	padding:0 0 0 8px;
}

.medal{
	width: 16px;
	height:16px;
	float:left;
	padding: 9px 5px 9px 0 ;
}

/********sitemap********/
.sitemap-title {
width: 810px;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 10px;
float: left;
background-color: #efefee;
font-size:12px;
font-weight:bold;
color:#09F;
margin-bottom:10px;
*margin: 10px 0;
}

.sitemap-title a:link, .sitemap-title a:visited, .sitemap-title a:active {
	text-decoration:none;
	color:#09F;
}

.sitemap a:link, .sitemap a:visited, .sitemap a:active{
	text-decoration:none;
	color:#336699;
}

.sitemap-title a:hover, .sitemap a:hover{
	color:#333;
	text-decoration:underline;
}

.sitemap{
width: 810px;
float: left;
}

.sitemap ul {
float: left;
list-style:none;
}

.sitemap ul li{
width:242px;
margin:0;
padding:0 5px 8px 22px;
background:url(../about/images/bullet.gif) no-repeat 10px 4px;
float:left;
display:block;
font-size:11px;
color:#336699;
}

.sitemap-table{
	padding:5px 0;
	line-height:150%;
}

/*****view gallery****/
.view-gallery, .view-gallery a:link,  .view-gallery a:visited,  .view-gallery a:active {
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	margin:175px 0 0 0;
}

 .view-gallery a:hover{
	 color:#0099FF;
	 text-decoration:underline;
 }

/***image-float***/

.image-float-left{
	float:left;
	padding:10px 10px 10px 5px;
}

.image-float-right{
	float:right;
	padding:10px 5px 10px 10px;
}

/***********************enquiry*************************/

.enquiry-box{
	width:593px;
	height:78px;
	background:url(../colleges/images/enquiry-box.gif) no-repeat;
	float:left;
}

.enquiry-box2{
	width:790px;
	height:78px;
	background:url(../colleges/images/collegeindex/enquiry-box-college.gif) no-repeat;
	float:left;
}
.enquiry-text{
	width:540px;
	height:50px;
	float:left;
	font-size:11px;
	color:#666;
	font-weight:bold;
	padding:23px 0 0 46px;
	text-align:left;
	line-height:120%;
}
.enquiry-text2{
	width:720px;
	height:50px;
	float:left;
	font-size:11px;
	color:#666;
	font-weight:bold;
	padding:23px 0 0 46px;
	text-align:left;
	line-height:120%;
}

.enquiry-text a:link, .enquiry-text a:visited, .enquiry-text a:active, .enquiry-text2 a:link, .enquiry-text2 a:visited, .enquiry-text2 a:active{
	color:#3399ff;
	text-decoration:underline;
}

.enquiry-text a:hover, .enquiry-text2 a:hover{
	color:#ff3300;
	text-decoration:underline;
}

/*************faq-table**************/

.faq-table{
	background:#FF9;
	padding:5px;
}
.faq-table-grey{
	background:#ededed;
	padding:5px;
}

.faq-bodytext {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	text-align: left;
	padding:5px;
	line-height:130%;
}

.faq-bodytext p{
	font-size:11px;
	line-height:160%;
	padding:5px;
	margin:0;
}

.faq-bodytext ul li{
	list-style-type:circle;
	list-style-position:inside;
	margin:0 0 4px 8px;
	line-height:150%;
}
.bodytext ol li{
	list-style-type:lower-roman;
	padding:0 0 0 10px;
}

/*****course-main****/

.course-main1 a:link, .course-main1 a:active, .course-main1 a:visited{
	width:193px;
	height:38px;
	float:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:162px 0 0 3px;
	text-align:left;
	background:url(../courses/images/courses_index/courses-index_03.jpg) no-repeat;
}

.course-main1 a:hover{
	width:193px;
	height:38px;
	float:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:162px 0 0 3px;
	float:left;
	background:url(../courses/images/courses_index/courses-index_ro_03.jpg) no-repeat;
}

.course-main2 a:link, .course-main2 a:active, .course-main2 a:visited{
	width:194px;
	height:38px;
	float:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:162px 0 0 3px;
	text-align:left;
	background:url(../courses/images/courses_index/courses-index_04.jpg) no-repeat;
}

.course-main2 a:hover{
	width:194px;
	height:38px;
	float:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:162px 0 0 3px;
	float:left;
	background:url(../courses/images/courses_index/courses-index_ro_04.jpg)
}

.course-main3 a:link, .course-main3 a:active, .course-main3 a:visited{
	width:195px;
	height:45px;
	float:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:155px 0 0 2px;
	text-align:left;
	background:url(../courses/images/courses_index/courses-index_05.jpg) no-repeat;
}

.course-main3 a:hover{
	width:195px;
	height:45px;
	float:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:155px 0 0 2px;
	float:left;
	background:url(../courses/images/courses_index/courses-index_ro_05.jpg)
}