.msg_list {
	margin: 0px;
	padding: 0px;
	width: 728px;
}
.msg_head {
	padding: 5px 10px;
	cursor: help;
	position: relative;
	background-color:#FCD832;
	margin:1px;
	font-color: #ffffff;
}
.msg_body {
	padding: 5px 10px 15px;
	
}



.moduletable-scroll-pane-learnABC {
	width: 235px;
	height: 450px;
	padding-left: 5px;
	padding-top: 2px;
	overflow: auto;

}


.moduletable-scroll-pane-lect {
	width: 240px;
	height: 250px;
	padding-left: 0px;
	padding-top: 5px;
	overflow: auto;
}

div.moduletable-scroll-pane-lect td {

	padding: 3px 0!important;

}

div.moduletable-scroll-pane-learnABC td {

	padding: 3px 0!important;

}

#moduletable-scroll-pane-learnABC a.mainlevel{

color:gray;

font-size:10px;

line-height:5px;

font-weight:normal;

text-decoration:none;

padding-left: 2px;

padding-right: 2px;

vertical-align: middle;

}

#moduletable-scroll-pane-learnABC a.mainlevel:hover{

color:#FCB040;

font-size:10px;

line-height:5px;

font-weight:normal;

text-decoration:none;

padding-left: 2px;

padding-right: 2px;

vertical-align: middle;

}

/* COMMON STYLE

--------------------------------------------------------- */

/*Footer section */

#matrix {

margin:0;

padding:0;

width:984px;

height: 600px;

position: relative;



}



.contentpaneopen li {

font-size:12px;

line-height:1.65em;

}





#footer_info {

color:#999999;

float:center;

font-family:verdana, arial, helvetica, sans-serif;

line-height:16px;

font-size: 10px;

text-decoration: none;

}



#footer_info a {

font-family:verdana, arial, helvetica, sans-serif;

color:#999999;

text-decoration: none;

}

#footer_info a:hover {

font-family:verdana, arial, helvetica, sans-serif;

color:#FF9900;

text-decoration: none;

}



#footer_menus {

overflow:hidden;

float:center;

font-size:10px;



}



#footer_menus a:hover{

color: #FF9900;

font-size:10px;

}



#footer_menus a:link{

color: #999999;

font-size:10px;

}



#footer_menus a:active{

color: #999999;

font-size:10px;

}



#footer_menus a:visited{

color: #999999;

font-size:10px;

}

#footer .copyright_line {

font-family:verdana, arial, helvetica, sans-serif;

font-size: .6em;
color:#000;

}



#footer_info2 {

color:#999999;

font-family:verdana, arial, helvetica, sans-serif;

font-size: 10px;

}



#footer_info2 a {

font-family:verdana, arial, helvetica, sans-serif;

color:#999999;

}

#footer_info2 a:hover {

font-family:verdana, arial, helvetica, sans-serif;

color:#FF9900;

}



/* Footer

-------------------------------------------------------------------------------*/

div#footer {



}

span#info {

	float: center;

	text-align: center;

	font-size: 10px;

	margin: 0 0 0 10px;

}

span#info a {

	font-size: 10px;

}



#footer {

background: url(../images/navlinesfooter.gif) repeat-x top;

clear:both;

font-size:.8em;

height:72px;

position:relative;

top: 2px;

margin-bottom: 2px;

width: 985px;

}

/*Op

------*/



.moduletable-footer-left,.moduletable-footer-centre {

float:center;

}



#module_counter {

font-family:verdana, arial, helvetica, sans-serif;

float:right;

line-height:20px;

overflow:hidden;

margin-right:4px;

width: 120px;

font-size: 10px;

color: white;

}

#footer .copyright_line {

font-family:verdana, arial, helvetica, sans-serif;

font-size: 10px;
color:#000;

}





#footer,.small,.createdate,.modifydate,.mosimage_caption {

color:#999;

font-family:Arial, Helvetica, sans-serif;

font-size: 10px;

}



boxright {

float:left;

height:152px;

width:490px;

padding:0;

overflow: hidden;

}

.boxleft {

float:left;

height:152px;

width:496px;

padding:0;

overflow: hidden;

}

.boxhome {

float:left;

height:354px;

width:985px;

padding:0;

overflow: hidden;

}



}

#home_left {

position:absolute;

top: 355px;

left: -5px;



}

#home_right {

position:absolute;

top: 355px;

left: 495px;



}



body {

	margin: 0;

	padding: 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:1em;

	text-align:center;

}



body#bd {

	background: url(../images/bd-bg.gif) repeat-x;

	text-align: center;

}



body.contentpane {

	width: auto;

	margin: 10px;

	line-height: 140%;



}



h1 {

	font-size: 1.4em;

}



h2 {

	margin: 10px 0;

	font-size: 1.45em;

}



h3, h4 {

	margin: 10px 0;

	font-size: 1.2em;

}



/* normal text */

td, div {

	font-size: 1em;

}



/* Title text */

.contentheading, .componentheading, div.moduletable h3, #ja-subnav h3,

#ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3,

h1, h2, h3, h4 {

	font-family: "Trebuchet MS", Arial, sans-serif;

}





/* Normal link */

a {

	color: #FCA018;

	text-decoration: none;

}



a:hover, a:active {

	color: #999999;

	text-decoration: none;

}



p {

	margin: 12px 0;

}



ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



li {

	padding-left: 0px;

	background: url(../images/arrow-off.gif) no-repeat 2px 8px;

	line-height: 150%;

}



th {

	padding: 4px;

	font-weight: bold;

	text-align: left;

}



fieldset {

	border: none;

	margin: 0;

	padding: 0;

}



fieldset a {

	font-weight: bold;

}



hr {

	border-top: 1px solid #9AA587;

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

}



img {

	border: 0;

}



/* FORM

--------------------------------------------------------- */

form {

	margin: 0;

	padding: 0;

}



input, select {

	font: 11px "Trebuchet MS", Arial, sans-serif;

}



select, .inputbox {

	background: #CCCCCC;

}



textarea {

	border: 1px solid #E6E6E6;

	padding-left: 2px;

}



.button {

	padding-left: 5px;

	padding-right: 5px;

	border: 1px solid #808080;

	background: url(../images/but-bg.gif) no-repeat bottom right;

}



.inputbox {

	padding-left: 2px;

	border-top: 1px solid #9AA587;

	border-right: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

	border-left: 1px solid #9AA587;

}



/* MODULE

--------------------------------------------------------- */

div.modules {

	width: 100%;

}



div.moduletable h3, #ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3 {

	padding: 0 0 0px 0;

	margin: 0 -2px 5px -2px!important;

	color: #E97B00;

	/* background: url(../images/seperator-h3.gif) repeat-x bottom; */

	font-size: 1.4em;

}



div.moduletable, #ja-rightcol div.moduletable-green, #ja-rightcol div.moduletable-yellow {

	padding: 3px 5px 10px;

	margin-bottom: 10px;

}



div.moduletable td {

	padding: 3px 0!important;

}



#ja-rightcol div.moduletable {

	border: 1px solid #DEE3E6;

	border-bottom: 2px solid #DEE3E6;

	background: url(../images/grad-blue.gif) repeat-x top left #ECF1F5;

	padding-left: 10px;

	padding-right:10px;

	min-height: 450px;

}



#ja-rightcol div.moduletable-green {

	border: 1px solid #E3EBDD;

	border-bottom: 2px solid #E3EBDD;

	background: url(../images/grad-green.gif) repeat-x top left #EEF6E8;

}



#ja-rightcol div.moduletable-yellow {

	border: 1px solid #EEECE1;

	border-bottom: 2px solid #EEECE1;

	background: url(../images/grad-yellow.gif) repeat-x top left #FAF8EC;

}



/* JOOMLA STYLE

--------------------------------------------------------- */

table.blog {

	width: auto;

}



table.blog .article_seperator {

	display: block;

	background: url(../images/seperator.gif) repeat-x bottom;

	height: 20px;

}







table.polls {

	padding: 0;

	width: 100%;

}



table.pollstableborder {

	padding: 0;

	width: 100%;

	border-color: #FFFFFF;

	text-align: left;

}



table.pollstableborder img {

	margin: 4px 4px 4px 0;

}



table.pollstableborder td {

	padding: 2px!important;

}



table.searchintro {

	padding: 10px 0;

	width: 100%;

	background: url(../images/seperator.gif) repeat-x bottom;

}



table.searchintro td {

	padding: 5px!important;

}



#ja-footer ul#mainlevel li, #ja-footer ul#mainlevel-nav li {

	padding: 0;

	display: inline;

	background: none;

	line-height: normal;

}



.adminform textarea {

	width: 500px!important; /*Control the Frontend Editor area width*/

}



.adminform textarea.inputbox {

}



.blog_more {

	margin: 10px 0;

}



.blog_more strong {

	margin: 0 -5px 5px -5px;

	padding: 1px 5px;

	display: block;

}



td.buttonheading {

	padding: 0 3px!important;

	text-align: center;

}



.category {

	font-weight: bold;

	font-size: 1.1em;

}



.clr {

	clear: both;

}



.code, pre {

	border: 1px solid #F0F0C0;

	width: auto;

	padding: 5px;

	background: #FFFFCC;

}



.componentheading {

	padding: 0 0 10px;

	margin: 3px 0 10px;

	color: #004C80;

	font-weight: bold;

	font-size: 2em;

}







a.readon {

	

}



a.readon:hover {

}





.createdate {

	color: #9AA587;

	font-weight: bold;

	line-height: 10px;

}



.modifydate {

	color: #9AA587;

	height: 15px;

}



.error {

	color: #CC0000;

}



.highlight {

	border-bottom: 1px dotted;

	font-weight: bold;

}



.message {

	color: #E97B00;

	font-weight: bold;

}



.moduletable {

	padding: 0;

}



.mosimage {

	padding: 3px!important;

	padding: 3px 0;

	margin: 12px 10px 0 0!important;

	border: 1px solid #E6E6E6;

	border-bottom: 2px solid #E6E6E6;

	background: url(../images/grad-grey.gif) repeat-x top #EFEFEF;

}



.mosimage img {

	padding: 0;

	margin: 0!important;

}



.mosimage_caption {

	margin-top: 2px;

	padding: 1px 2px;

	color: #9AA587;

}



.pagenav {

	padding: 2px;

}



.pagenav_prev a, .pagenav_next a {

}



.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active {

}



.pagenavbar {

	padding-left: 16px;

	background: url(../images/pages.gif) no-repeat center left;

	font-weight: bold;

}



.pagenavcounter {

	padding: 5px 16px 0 16px;

	background: url(../images/pages.gif) no-repeat 0 8px;

	font-weight: bold;

}



.sectiontableheader {

	padding: 2px 4px;

	border-right: 1px solid #FFFFFF;

	border-top: 5px solid #F7F7F7;

	background: #474747;

	color: #FFFFFF;

	font-weight: bold;

}



.sectiontableheader a, .sectiontableheader a:hover {

	color: #FFFFFF;

}



tr.sectiontableentry1 td {

	padding: 4px;

	background: #F2F2F2;

}



tr.sectiontableentry2 td {

	padding: 4px;

	border-top: 1px solid #FFFFFF;

}



.small {

	color: #9AA587;

}



#banner {

}



/* MAIN LAYOUT DIVS WIDTH

--------------------------------------------------------- */

#ja-header, #ja-subheader, #ja-topnav, #ja-maincontainer {

	width: 520px;

	margin: 0 auto;

	text-align: left;



}



/*--Top Menu--*/



#ja-topmenu-outer {

	position: absolute;

	top: 10px;

	right: 0;

}

#ja-fb {

	position: absolute;

	top: 52px;

	right: 0;

}



#ja-add {

	position: absolute;
	top: 65px;
	left: 240px;
	color: #808080;
	height: 15px;

}


/* SEARCH BAR

--------------------------------------------------------- */

#ja-search-outer {

	position: absolute;

	top: 92px;

	right: 0;

}



#ja-search-inner {

	padding-left: 20px;

	float: left;

	height: 54px;

}



#ja-search {

	padding-right: 5px;

	float: left;

	height: 54px;

}


.moduletable_fb {

	padding-top: - 30px;
	float: right;
	padding-left: 0px;
	


}

.moduletable_fb2 {

	padding-top: - 30px;
	float: right;
	padding-left: 0px;
	


}

.search input {

	margin-top: 4px;

	margin-bottom: 8px;

	width: 100px;

	padding-left: 20px;

	background: url(../images/icon-search.gif) no-repeat center left #CCCCCC;

}



/* HEADER

--------------------------------------------------------- */

#ja-header {

	position: relative;

	height: 85px;

}



#ja-header a {

	color: #808080;

}



#ja-header h1 {

	margin: 0;

	padding: 0;

	position: absolute;

	top: 40px;

	left: 0;

}



#ja-header h1 img {

	margin: 0;

	padding: 0;

	line-height: normal;

}



/* SUB HEADER

--------------------------------------------------------- */

#ja-subheader-outer {

	

	padding: 0;

}



#ja-subheader-outer div.moduletable {

	margin: 0!important;

}



#ja-subheader {

	position: relative;

	border: 1px solid #333333;

	background: #333333;

}



#ja-subheader a {

	color: #FFFFFF;

}



/* NEWFLASH

--------------------------------------------------------- */

#ja-newsflash {

	float: right;

	width: 350px;

	padding: 10px;

	background: #333333;

	color: #FFFFFF;

	height: 250px;

	overflow: hidden;

	font-size: 12px;

}



#ja-subheader h3 {

	display: none;

}



#ja-newsflash div.moduletable {

	height: 87px;

	overflow: hidden;

	font-size: 11px;

}



#ja-newsflash .article_seperator {

	display: none;

}



/* MOOFX AREA

--------------------------------------------------------- */

#roller-wrapper {

	float: left;

	width: 605px;

	display: block;

	height: 210px;

	display: none;

	font-size: 11px;

}



#roller-loading {

	float: left;

	width: 605px;

	display: block;

	height: 190px;

	background: #FFFFFF;

	text-align: center;

	padding: 90px 0px 0px 0px;

}



#roller-outer {

	height: 190px;

}



#roller-outer .roller-inner {

	margin: 0;

	color: #FFFFFF;

	height: 190px;

	overflow: hidden;

}



#roller-outer .roller-one {

	/*background: url(../images/roller-one-bg.jpg) no-repeat;*/

}



#roller-outer .roller-two {

	/*background: url(../images/roller-two-bg.jpg) no-repeat;*/

}



#roller-outer .roller-three {

	/*background: url(../images/roller-three-bg.jpg) no-repeat;*/

}



#roller-outer .roller-four {

	/*background: url(../images/roller-four-bg.jpg) no-repeat;*/

}



#roller-outer .roller-five {

	background: #fff;

}



.roller-inner div.moduletable {

	margin: 0;

	padding: 5px;

}



.roller-inner h1 {

	font-size: 25px;

	margin: 10px 0 2px 20px;

}



.roller-inner p {

	font-size: 11px;

	margin:0;

}



#clicker-outer {

	margin: 0;

	padding: 0;

	background: #333333;

	color: #FFFFFF;

	height: 20px!important;

	height: 18px;

}



#clicker-outer ul {

	margin: 0;

	padding: 0;

}



#clicker-outer li {

	display: inline;

	background: none;

	line-height: 20px;

}



#clicker-outer a {

	padding: 0;

	font-size: 10px;

	font-family: Tahoma, Arial, sans-serif;

	text-align: center;

	text-decoration: none;

}



#clicker-outer a.clicker-active {

	color: #FF9900;

}



/* MAIN CONTAINER

--------------------------------------------------------- */

#ja-maincontainer {

	padding: 0;

	margin: 0;

	text-align: center;

	line-height: 110%;

}



/* 3 columns content width */

#ja-content {

	margin: 0;

	width: 600px;

	padding: 0px 0 0 0px;

	float: left;

	color: gray;

}



/* 2 column content [on the left] width */

#ja-content-full-left {

	margin: 0;

	padding: 0px 0px 0 0;

	width: 600px;

	float: left;

}



/* 2 column content [on the right] width */

#ja-content-full-right {

	margin: 0;

	width: 600px;

	padding: 0px 0 0 0px;

	float: right;

}



/* 1 column content width */

#ja-content-full {

	margin: 0;

	width: 730px;

	padding: 0px 0 0 0;



}



/* PATHWAY

--------------------------------------------------------- */

#pathway {

	padding: 5px 2px 5px;

	border-bottom: 1px solid #E6E6E6;

	background: url(../images/pathway-bg.gif);

	color: #9AA587;

}



#pathway a {

	padding: 0 8px 0 0;

}



/* USER TOOLS

--------------------------------------------------------- */

#ja-usertools {

	padding: 5px 2px;

	float: right;

	color: #9AA587;

	font-size: 11px;

}



#ja-usertools a {

	padding: 0;

	color: #9AA587;

}



#ja-usertools img {

	margin-top: 2px;

}



/* LEFT COLUMN

--------------------------------------------------------- */

#ja-leftcol {

	width: 150px;

	float: left;

	padding-top: 10px;

	overflow: hidden;

}



#ja-leftcol ul.mainlevel {

	padding-left: 20px;

	font-weight: normal;

	background: url(../images/arrow-off.gif) no-repeat 5px 4px;

}



#ja-leftcol ul.mainlevel:hover {

	font-weight: normal;

	background: url(../images/arrow-on.gif) no-repeat 5px 4px;

}



#ja-leftcol a.sublevel {

	padding-left: 3px;

}





/* RIGHT COLUMN

--------------------------------------------------------- */

#ja-rightcol {

	width: 150px;

	float: right;

	padding: 10px 0 15px 0;

	overflow: hidden;

}



#ja-rightcol a.mainlevel {

	font-weight: normal;

	padding-left: 20px;

	background: url(../images/arrow-off.gif) no-repeat 5px 4px;

}



#ja-rightcol a.mainlevel:hover, a.mainlevel:active {

	font-weight: bold;

	background: url(../images/arrow-on.gif) no-repeat 5px 4px;

}



#ja-rightcol a.sublevel {

	padding-left: 3px;

}



/* TOP NAVIGATION

--------------------------------------------------------------- */



#ja-topnav-outer {

	font-size: 12px;

	background: url(../images/topnav_bg.gif) repeat-x;

	width: 985px;

}



#ja-topnav {

	font-size: 12px;

	border-left: 0px solid #FFFFFF;

	height: 32px;

}



/* SPOTLIGHT

---------------------------------------------------------------- */

#ja-spotlight-1 div.moduletable, #ja-spotlight-2 div.moduletable {

	border: none;

	margin: 0;

	padding: 2px;

	background: none;

}



#ja-spotlight-1 h3, #ja-spotlight-2 h3 {

	margin: 0 0 10px;

}



#ja-spotlight-1 a, #ja-spotlight-2 a {

	color: #333333;

}



/* FOOTER

--------------------------------------------------------- */

#ja-footer-outer {

	border-top: 3px solid #404040;

	margin-top: 4px;

	background: #474747;

}



#ja-footer {

	clear: both;

	padding: 5px 0;

	color: #FFFFFF;

	text-align: left;

	position: relative;

	line-height: 180%;

}



#ja-footer a {

	padding-right: 6px;

	color: #EBF1F5;

}



#ja-footer a:hover, #ja-footer a:active {

	color: #FFFFFF;

}



#ja-bottomline {

	padding: 0;

	margin: 0;

}



#ja-bottomline a {

	padding: 0;

}



#ja-cert {

	position: absolute;

	top: 17px;

	right: 0;

}



#ja-cert a {

	padding-right: 5px;

}



/* MISCELLANOUS

----------------------------------------------------------- */

div.shadow {

	margin: 0;

	padding: 3px 0;

	clear: both;

	background: url(../images/shadow.gif) repeat-x;

}



div.back_button a {

	float: right;

	display: block;

	color: #9AA587;

	font-weight: bold;

	text-decoration: none;

	height: 18px;

}



#mod_login_password, #mod_login_username {

	width: 100px;

	padding-left: 20px;

}



#mod_login_password {

	background: url(../images/icon-authen.gif) no-repeat center left #FFFFCC;

}



#mod_login_username {

	background: url(../images/icon-user.gif) no-repeat center left #CCCCCC;

}



#mod_login_remember {

	border: none;

	padding: 0!important;

}



/* Clear fix */

.clearfix:after {

	clear: both;

	display: block;

	content: ".";

	height: 0;

	visibility: hidden;

}



.clearfix {

	display: inline-table;

}



/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}



/* End hide from IE-mac */

/* Firefox Scrollbar Hack - Do not remove */

html {

	margin-bottom: 1px;

	height: 100%;

}



.moduletable-upcoming-frontpage {

/*background-color:#ffcc00;*/

color:#666666;

font-family:verdana, arial, helvetica, sans-serif;

height:350px;

padding:0 10px;

text-align:left;

margin-top: -3px;

margin-left: 4px;

}



.moduletable-upcoming-frontpage h3 {

background-color:transparent;

font-family:verdana, arial, helvetica, sans-serif;

font-size:13px;

line-height:20px;

margin-left:10px;

padding-bottom:3px;

padding-top:10px;

}



.moduletable-upcoming-frontpage a {

color:#DE7458;

font-family:verdana, arial, helvetica, sans-serif;

font-size:13px;

line-height:25px;

padding-left:0px;

}



h2.head_link a, h2.head_link a:link, h2.head_link a:visited, li.head_no_link{

color:#D10037;

font-weight:bold;

font-size:.9em;

text-decoration:none;

background: url(../images/link_arrow_heading.gif) no-repeat right;

padding-right:10px;

}



span.mainlevel-footer-nav {

color:#fff;

font-size:12px;

line-height:15px;

font-weight:normal;

}



a.mainlevel-footer-nav {

color:#fff;

font-size:12px;

line-height:20px;

font-weight:normal;

text-decoration:none;

padding-left: 2px;

padding-right: 2px;

}



a.mainlevel{

color:black;

font-size:10px;

line-height:15px;

font-weight:normal;

text-decoration:none;

padding-left: 2px;

padding-right: 2px;

vertical-align: middle;

}

a.mainlevel:hover{

color:#FCB040;

font-size:10px;

line-height:15px;

font-weight:normal;

text-decoration:none;

padding-left: 2px;

padding-right: 2px;

vertical-align: middle;

}



/*matrix*/

#matrix {

margin:0;

padding:0;

width:984px;

height: 500px;

position: relative;



}



.moduletable{

background-color: transparent;

}



.box {

float:left;

height:243px;

width:243px;

padding:0;

overflow: hidden;

}



#box1 {

position:absolute;

top: 4px;

left: 0px;

background-image:url(../images/hello.jpg);

}



#box2 {

position:absolute;

top: 251px;

left: 0px;

background-image:url(../images/courses.jpg);

}





#box2 a {

color:#666;

font-size:16px;

line-height: 25px;

font-weight:bolder;

margin-left:20px;

}



#box2 h3 {

color:#fff;

font-size:20px;

font-weight:800;

margin-bottom:0px;

margin-left: 20px;

border-style:none;

}



#box3 {

position:absolute;

top: 4px;

left: 247px;

background-image:url(../images/creative_space.gif);

height:490px;

}



#box4 {

position:absolute;

top: 251px;

left: 494px;

float:left;

height:243px;

width:243px;

padding:0;

overflow: hidden;



}



#box5 {

position:absolute;

top: 251px;

left: 741px;

background-color:#fff;

background-image:url(../images/campus_life.jpg);

}



#box5 .moduletable {

position:relative;

}



#box5 .moduletable h3 {

background-color:transparent;

color:#663;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:700;

padding-left:10em;

border-style:none;

}



#box5 ul, #box9 ul, #box11 ul{

line-height: 1.4em;

}



#box5 .moduletable a:hover,#box9 .moduletable a:hover {

color:#f60;

font-weight:700;

text-decoration:underline;

}



#box5 .moduletable a {

color:#3672AE;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:700;

text-decoration:none;

}



#box9 {

position:absolute;

top: 498px;

left: 247px;

}



#box9 .moduletable  {

position: relative;

top: 0px;

}



#box9 a {

color:#FEFEFE;

font-size:16px;

line-height:25px;

font-weight:bolder;

margin-left:20px;

}



#box9 h3 {

color:#FFCB23;

font-size:20px;

font-weight:800;

margin-bottom:0px;

margin-left: 20px;

border-style:none;

}



#box7 {

position:absolute;

top: 4px;

left: 494px;

width: 490px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}



#box7 .moduletable h3 {

background-color:transparent;

color:#f60;

border-style:none;

}



#box7 .contentheading {

color:#E5E5E5;

font-size:.9em;

margin: 0px;

padding: 0px;

padding:0px;

margin:0px;

border:none;

}

#box7 table.contentpaneopen {

margin-top:-15px;

border:none;

}



#box8 {

position:absolute;

top: 498px;

left: 0px;

background-image:url(../images/book.jpg);

width: 490px;

}



#box6 {

position:absolute;

top: 498px;

left: 247px;

background-image:url(../images/sharpener.jpg);

text-align:left;

}



#box6 .moduletable {

position:relative;

top:0px;

}



#box6 .moduletable ul {

margin-left:0;

margin-top:0;

margin-left: 20px;

}



#box6 .moduletable h3 {

background-color:transparent;

color:#333;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:1em;

font-weight:700;

text-align:left;

visibility:visible;

border-style:none;

}



#box6 .moduletable a {

color:#fff;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:700;

text-decoration:underline;

visibility:visible;

}



#box10 {

position:absolute;

top: 498px;

left: 494px;

background-color:#E5E5E5;

background-image:url(../images/student.jpg);

}



#box10 #link_text {

left:20px;

position:relative;

top:110px;

}



#box10 a {

color:#515151;

font-family:georgia, sans-serif;

font-size:1.4em;

font-weight:800;

line-height:1.1;

}



#box11 {

position:absolute;

top: 498px;

left: 741px;

}





#box11 a {

color:#666;

font-size:16px;

line-height: 25px;

font-weight:bolder;

margin-left:20px;

text-decoration: none;

}



#box11 h3 {

color:#fff;

font-size:20px;

font-weight:800;

margin-bottom:0px;

margin-left: 20px;

border-style:none;

text-decoration: none;

}



#about_fontpage {

clear:both;

margin-top: 5px;

padding: 2px;

border: 2px solid #ffffff;

border-top: 0; 

height:72px;

align:center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

line-height: 11px;

margin-left:-2px;

color: #ffffff;

background-color:#999999;

text-decoration: none;

}



#about_fontpage2 {

clear:both;

margin-top: 5px;

padding: 5px;

border: 2px solid #ffffff;

border-top: 0; 

height:50px;

align:center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

line-height: 11px;

margin-left:-2px;

color: #ffffff;

background-color:#555555;

text-decoration: none;

}

/*end matrix*/

/*Footer section */

.contentpaneopen li {

font-size:12px;

line-height:1.65em;

}





#footer_info {

color:#999999;

float:left;

font-family:verdana, arial, helvetica, sans-serif;

line-height:16px;

position:relative;

margin-top: -3px;

margin-left: 10px;

font-size: 10px;

text-decoration: none;

}



#footer_info a {

font-family:verdana, arial, helvetica, sans-serif;

color:#999999;

text-decoration: none;

}

#footer_info a:hover {

font-family:verdana, arial, helvetica, sans-serif;

color:#FF9900;

text-decoration: none;

}



#footer_menus {

float:left;

overflow:hidden;

float:center;

}



#footer_menus a:hover{

color: #fec901;

}



#footer .copyright_line {

font-family:verdana, arial, helvetica, sans-serif;

font-size: .6em;
color:#000;

}



.moduletable-footer-left,.moduletable-footer-centre {

float:center;



}



#module_counter {

font-family:verdana, arial, helvetica, sans-serif;

float:right;

line-height:20px;

overflow:hidden;

margin-right:4px;

width: 120px;

font-size: 10px;

color: white;

}

#footer .copyright_line {
color:#000;

font-family:verdana, arial, helvetica, sans-serif;

font-size: 10px;

}





#footer,.small,.createdate,.modifydate,.mosimage_caption {

color:#999;

font-family:Arial, Helvetica, sans-serif;

font-size: 10px;

}



/*Op

------*/



.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: 1px;

left: -980px;

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: 10px; /*position where enlarged image should offset horizontally */



}



.event-banner{

	text-decoration: none;

}



/*RAFFLES*/



#about_fontpage {

clear:both;

margin-top: 5px;

padding: 2px;

border: 2px solid #ffffff;

border-top: 0; 

height:72px;

align:center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

line-height: 11px;

margin-left:-2px;

color: #ffffff;

background-color:#999999;

text-decoration: none;

}



#about_fontpage2 {

clear:both;

margin-top: 5px;

padding: 5px;

border: 2px solid #ffffff;

border-top: 0; 

height:50px;

align:center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

line-height: 11px;

margin-left:-2px;

color: #ffffff;

background-color:#555555;

text-decoration: none;

}

/*end matrix*/

/*General*/

* {

margin:0;

padding:0;

}



#all {

background-color:#fff;

padding:4px;

margin-left: auto;

margin-right: auto;

text-align:left;

width:986px;

}



h1{

color:#f60;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:16px;

font-style:italic;

margin-top:10px;

text-decoration: none;

}



h2 {

color:#f60;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:18px;

font-style:normal;

margin-top:10px;

text-decoration: none;

}



h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {

margin:.5em .5em .5em 0em;

text-decoration: none;

}



h3 {

font-size:1.3em;

line-height:1.3em;

text-decoration: none;

}



h4 {

font-size:1.2em;

line-height:1.2em;

text-decoration: none;

}



h5 {

font-size:1.1em;

line-height:1.1em;

text-decoration: none;

}



h6 {

color:#666;

font-size:.9em;

font-weight:700;

line-height:1em;

text-decoration: none;

}



#main_nav {

margin-left:280px;

padding-top:22px;

top:20px;

width:300px;

}



#main_nav a {

color:#fff;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight:700;

text-decoration:none;

padding-left:8px;

padding-right:8px;

}

#main_nav span{

color:#fff;

font-family:arial, helvetica, sans-serif;

font-size: 14px;

font-weight:700;

}



#mod_search_searchword.inputbox {

background-image:url(../images/magnify.gif);

background-position:3px 3px;

background-repeat:no-repeat;

padding-left:1.2em;

}



/*left and right columns*/

#left_col {

float:left;



overflow:hidden;

width:240px;

}



#right_col {

float:right;

overflow:hidden;

width:240px;

background: #fff url(../images/right_col.gif) repeat-y right top;

}



/*Main content area*/



#content {

float:left;

margin:0;

overflow:hidden;

padding-left:4px;

padding-right:2px;

width:733px;



}



#content hr {

background-color: #fdc613;

height: 7px;

border:none;



}



#content ul{

color:#666;

}



.contentheading, div.componentheading {

width:733px;

border-bottom: dotted #aaa;

color:#777;

font-size:12px;

font-weight:700;

padding-bottom:10px;

padding-top:10px;

}



table.blog a.readon {

margin:.6em;

}



#content h3,h4,h5 {

color:#666;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight:700;

text-decoration: none;

}





.contentheading-des {

color:#666;

font-size:1.4em;

font-weight:700;

height:50px;

line-height:1em;

}



/*.dotline {

background-image:url(../images/sepdots.gif);

background-position:20px 25px;

background-repeat:repeat-x;

}

*

.componentheading,table.blog h1,h2#rsg2-gallerytitle {

background-image:url(../images/sepdots.gif);

background-position:20px 110px;

background-repeat:repeat-x;

color:#666;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:1.4em;

font-weight:700;

height:50px;

line-height:1em;

padding-top:85px;

text-decoration: none;

}



table.blog .contentheading {

background-image:none;

background-repeat:no-repeat;

color:gray;

}



*/

.scroll-pane {

 width: 664px;

 height: 359px;

 overflow: auto;

}