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




/*left and right columns*/
#left_col {
float:left;
overflow:hidden;
width:215px;
}







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




/* 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;
margin-top:40px;
overflow:hidden;
padding-left:10px;
}


#content {
font-size:11px
}


.table table {
margin-left:20px;
}







/*end*/


/*footer section*/

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

#copyright p{
	text-align:center;
	color:#FFF;
	font-size:0.9em;
	font-family:Verdana, Geneva, sans-serif;
}



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


#quick-link table tr td {
	color: #333;
}




.moduletable-upcoming {
background-color:#f4efed;
color:#999;
font-family:verdana, arial, helvetica, sans-serif;
height:100px;
width:100px;
padding:0 10px;
text-align:left;
margin-top: -3px;
margin-left:100px;
}

.moduletable-upcoming a {
color:#f90;
font-family:verdana, arial, helvetica, sans-serif;
font-size:.9em;
line-height:1.6em;
padding-left:10px;
}



/* colleges network map */

.all-logos{
width:180px;
float:left;
margin:0 0 0 0;
text-align:center;
}

.raffles-logos, .raffles-logos a:link, .raffles-logos a:visited, .raffles-logos a:active{
	color:#0099ff;
	text-align:left;
	text-decoration:none;
}

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

.raffles-logos td{
margin:10px;
padding:5px;
}




.colleges-network{
float:left;
width:620px;
margin:0 0 0 0;
	
}


.map{
float:left;
margin:0 0 0 5px;
}



/* -- quick links, raffles news and student showcase --*/

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


#showcase{
float:left;
width:240px;
height:192px;
border:solid 1px #CCC;
background:;
margin:0 0 15px 10px;
}

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


.exploreheading{
	background-color:#E8E8E8;
	color:#333;
	width:580;
	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 20px 20px 80px;
padding:0 0 0 80px;
color:#333333;
border-left:1px dashed #CCC
}



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


.thumbnail3
{
float: left;
width: 160px;
border: 0px solid #999;
margin: 0 5px 20px 20px;
color:#333333
}



.left-table {
width:200px
}




.middle-table { 
border: 0px solid #333; 
width:60px;
margin-left:50px;
border-collapse: collapse;
margin-top: 5px;
}



.right-table {
width:250px;
}





/* --  end --*/










/* navigation links at the left side of the top page */



.left-head{
float:left;
margin:5px 0 0 6px;
background-repeat:no-repeat;
}

.inside{
width:120px;
margin:0 0 0 10px
}




.right-head{
float:left;
margin:5px 0 0 5px
}




.inside{
	margin-left:730px;
}

/*end here*/




/*pop up viewer */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}







.student-works{
margin:0 0 0 15px;	
	
}