* {
	margin: 0px; padding: 0px;
}
* html .clearfix {
	height: 1%; overflow: visible;
}
* + html .clearfix {
	min-height: 1%;
}
.clearfix::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: ".";
}
.clearfix::before {
	display: table; content: "";
}
.clearfix::after {
	display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.clearfix {
	-ms-zoom: 1;
}
body {
	background: none; height: 100%; color: rgb(0, 0, 0); line-height: 18px; font-family: Arial, chaparral-pro, Georgia, "Times New Roman", Times, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; min-height: 368px; min-width: 940px;
}
html {
	background: none; height: 100%; color: rgb(0, 0, 0); line-height: 18px; font-family: Arial, chaparral-pro, Georgia, "Times New Roman", Times, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; min-height: 368px; min-width: 940px;
}
a {
	color: rgb(0, 52, 120); line-height: 18px; font-family: arial; font-size: 14px; font-style: normal; font-weight: 400; text-decoration: none; cursor: pointer;
}
a:hover {
	color: black; text-decoration: underline;
}
h2.greyarrow {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/arw-grey-point.gif") no-repeat right rgb(200, 200, 200); padding: 0px 10px; border: currentColor !important; height: 20px; text-align: left !important; color: rgb(128, 128, 128) !important; line-height: 20px !important; clear: both; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 14px !important; font-style: normal; font-weight: 700; float: left; display: block;
}
p {
	color: rgb(0, 0, 0); line-height: 18px !important; font-family: Arial, Arial, chaparral-pro, Georgia, "Times New Roman", Times, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; margin-bottom: 15px;
}
ol {
	list-style: decimal; color: rgb(0, 0, 0); font-family: Arial, Georgia, "Times New Roman", Times, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; display: block; position: relative;
}
ol li {
	color: rgb(0, 0, 0); line-height: 18px; font-family: Arial, chaparral-pro, Georgia, "Times New Roman", Times, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; margin-left: 20px;
}
div#wrapper {
	background: none; width: 100%; height: 100%; position: relative; z-index: 1; min-width: 940px;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.header {
	margin: 30px auto 0px; width: 940px; height: 120px; vertical-align: middle; position: relative; z-index: 199;
}
.header h1 {
	width: 181px; height: 116px; margin-right: 5px; float: left; display: block;
}
.header h1 a {
	background: url("http://www3.ntu.edu.sg/cits2/maintenance/img/logo/logo_bw.gif") no-repeat left top; width: 181px; height: 116px; text-indent: -9999px; margin-right: 5px; display: block;
}
.header .nav {
	top: 45px; width: auto; right: 0px; padding-left: 5px; margin-left: 5px; display: block; position: absolute; z-index: 90;
}
.header .nav ul {
	list-style: none; width: auto; height: auto; position: relative;
}
.header .nav ul li {
	padding: 0px 15px; height: 25px; line-height: 25px; font-family: Arial, franklin-gothic-urw,"FranklinGothicURW-Med",sans-serif; font-size: 16px; font-style: normal; font-weight: 700; border-right-color: rgb(128, 128, 128); border-right-width: 1px; border-right-style: dotted; float: left; display: inline-block; position: relative;
}
.header .nav ul li:last-child {
	border: currentColor;
}
.header .nav ul li a {
	color: black; text-transform: uppercase; line-height: 25px; font-family: Arial, franklin-gothic-urw,"FranklinGothicURW-Med",sans-serif; font-size: 16px; font-style: normal; font-weight: 700; display: block;
}
.header .nav ul li a:hover {
	color: white; text-decoration: none;
}
.header .nav ul li ul {
	background: rgb(26, 72, 132); border-width: medium 1px medium medium; border-style: none dotted none none; border-color: currentColor rgb(128, 128, 128) currentColor currentColor; margin: 0px; padding: 15px 12px; left: 0px; top: 25px; display: none; position: absolute;
}
.header .nav ul li ul:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.header .nav ul li ul li {
	margin: 0px 0px 10px; padding: 0px; border: currentColor; height: auto; text-transform: none; line-height: 12px; clear: both; font-family: Arial, franklin-gothic-urw,"FranklinGothicURW-Med",sans-serif; font-size: 11px; font-style: normal; font-weight: 500; display: block;
}
.header .nav ul li ul li a {
	padding: 1px; color: white; text-transform: none; line-height: 12px; font-family: Arial, franklin-gothic-urw,"FranklinGothicURW-Med",sans-serif; font-size: 11px; font-style: normal; font-weight: 500; text-decoration: none;
}
.header .nav ul li ul li a:visited {
	color: white;
}
.header .nav ul li ul li a:hover {
	padding: 1px; color: rgb(0, 52, 120); text-decoration: none; display: block; background-color: rgb(208, 207, 203);
}
#footer {
	margin: 0px; width: 100%; border-top-color: rgb(128, 128, 128); border-top-width: 2px; border-top-style: solid; position: relative; background-color: rgb(0, 52, 120);
}
#footer {
	color: white; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 11px; font-style: normal; font-weight: 500;
}
#footer p {
	color: white; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 11px; font-style: normal; font-weight: 500;
}
#footer a {
	color: white; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 11px; font-style: normal; font-weight: 500;
}
#footer a:link {
	color: white; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 11px; font-style: normal; font-weight: 500;
}
#footer a:hover {
	color: white; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 11px; font-style: normal; font-weight: 500;
}
#footer a:visited {
	color: white; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 11px; font-style: normal; font-weight: 500;
}
#footer > div {
	margin: 0px auto; padding: 0px 0px 10px; width: 940px; vertical-align: middle;
}
#footer > div ul {
	list-style: none; margin: 10px 0px 0px 0px; width: 127px; padding-right: 20px; padding-left: 20px; vertical-align: middle; border-right-color: white; border-right-width: 1px; border-right-style: dotted; display: inline-block; min-height: 80px;
}
#footer > div ul:first-child {
	padding-left: 0px;
}
#footer > div ul:last-child {
	border: currentColor;
}
#footer > div ul li {
	margin-bottom: 7px;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	margin-bottom: 0px;
	margin-top:-30px;
}
#footer p.right {
	text-align: right; float: right;
	
}
.fsocial {
	float: right;
}
.fsocial h2 {
	color: white; line-height: 16px; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 11px; font-weight: 700;
}


h2 {
    font-family: franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #808080;
    text-transform: uppercase;
    margin-top: -4px;
    border-bottom: 1px dotted #808080;
    margin-bottom: 10px;
}


#footer div div ul {
	list-style: none; margin: 0px; padding: 0px; border: currentColor; width: auto; text-align: left; display: inline; min-height: 80px;
}
#footer div div ul li {
	margin-right: 15px;
}
#footer div div ul li {
	width: 36px; height: 36px; float: left; display: block;
}
#footer div div ul li a {
	width: 36px; height: 36px; float: left; display: block;
}
#footer div ul li a {
	text-decoration: none;
}
#footer div p a {
	text-decoration: none;
}
#footer .clearfix {
	padding: 10px; clear: both;
}
a.ins {
	opacity: 1; background-repeat: no-repeat;
}
a.twit {
	opacity: 1; background-repeat: no-repeat;
}
a.fb {
	opacity: 1; background-repeat: no-repeat;
}
a.yt {
	opacity: 1; background-repeat: no-repeat;
}
a.rss {
	opacity: 1; background-repeat: no-repeat;
}
a.li {
	opacity: 1; background-repeat: no-repeat;
}

a.ins {
	background-image: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/s-ins.gif");
}

a.twit {
	background-image: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/s-twit.gif");
}
a.fb {
	background-image: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/s-fb.gif");
}
a.yt {
	background-image: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/s-yt.gif");
}
a.rss {
	background-image: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/s-rss.gif");
}
a.li {
	background-image: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/s-li.gif");
}
a.ins:hover {
	opacity: 0.6;
}

a.twit:hover {
	opacity: 0.6;
}
a.fb:hover {
	opacity: 0.6;
}
a.yt:hover {
	opacity: 0.6;
}
a.rss:hover {
	opacity: 0.6;
}
a.li:hover {
	opacity: 0.6;
}
ul#fooSecond {
	float: left;
}
ul#fooThird {
	float: left;
}
ul#fooFourth {
	float: left;
}
#globalnav {
	background: rgb(0, 52, 120); left: 0px; top: 0px; width: 100%; height: 30px; clear: both; position: fixed; z-index: 999;
}
.gwrap {
	margin: 0px auto; width: 940px; position: relative;
}
#globalnav ul {
	list-style: none;
}
#globalnav ul li {
	color: white; text-transform: uppercase; line-height: 30px; font-family: "Franklin Gothic Demi", Arial,sans-serif; font-size: 11px; font-style: normal; font-weight: 100; margin-right: 10px; display: inline; position: relative;
}
#globalnav ul li a {
	color: white; font-family: Arial,sans-serif,Verdana; font-size: 11px; font-style: normal; font-weight: 500; text-decoration: none;
}
#globalnav ul li a:hover {
	text-decoration: underline;
}
.search {
	top: 4px; width: auto; right: 0px; vertical-align: middle; position: absolute;
}
.search input {
	background: white; border: currentColor; width: 130px; height: 22px; right: 24px; color: rgb(128, 128, 128); line-height: 22px; padding-top: 0px !important; padding-left: 5px; font-family: Arial, franklin-gothic-urw,"FranklinGothicURW-Med",sans-serif; font-size: 12px; font-style: normal; font-weight: 400; margin-right: 6px; float: left; position: absolute; z-index: 20;
}
.advwrapper {
	top: -4px; width: 168px; height: 68px; right: -7px; display: block; position: absolute; z-index: 10;
}
.advance {
	top: 0px; right: 0px; margin-top: 0px; position: absolute; z-index: 10; box-shadow: 0px -6px 6px #c8c8c8; -moz-box-shadow: 0 -6px 6px #c8c8c8; -webkit-box-shadow: 0 -6px 6px #c8c8c8;
}
.advance a img {
	border-color: rgb(0, 52, 120);
}
.advlink {
	background: rgb(200, 200, 200); margin: 0px; padding: 0px; top: 30px; width: 170px; height: 36px; right: 0px; border-bottom-color: rgb(198, 12, 48); border-bottom-width: 2px; border-bottom-style: solid; display: block; position: absolute; z-index: 10; box-shadow: 0px 0px 10px #c8c8c8; -moz-box-shadow: 0 0 10px #c8c8c8; -webkit-box-shadow: 0 0 10px #c8c8c8;
}
.advlink a {
	width: 100%; text-align: center; color: rgb(0, 52, 120); line-height: 36px; font-family: Arial, franklin-gothic-urw,"FranklinGothicURW-Med",sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-decoration: underline; display: block;
}
.advlink a:hover {
	text-decoration: none;
}
ul#navlist a {
	font-weight: bold; text-decoration: none;
}
ul#navlist {
	list-style-type: none;
}
ul#navlist ul {
	list-style-type: none;
}
ul#navlist li {
	list-style-type: none;
}
ul#navlist li {
	padding-bottom: 12px;
}
ul#subnavlist li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
ul#navlist li a {
	color: rgb(255, 255, 255); position: relative; background-color: rgb(0, 52, 120);
}
ul#navlist li#last {
	top: -8px; right: 170px; position: absolute;
}
ul#navlist li#last a img {
	border-color: rgb(0, 52, 120);
}
ul#navlist > li:last-child {
	top: -7px; right: 180px; position: absolute;
}
ul#navlist li a:hover {
	z-index: 10;
}
ul#navlist li a:active {
	padding-bottom: 0px; text-decoration: none; background-color: rgb(200, 200, 200);
}
ul#subnavlist {
	display: none;
}
ul#subnavlist li {
	float: none;
}
ul#subnavlist li a {
	margin: 0px; color: rgb(0, 52, 120); text-transform: none; font-family: Arial, "franklin-gothic-urw","FranklinGothicURW-Med",sans-serif; font-weight: 400; text-decoration: underline; background-color: rgb(200, 200, 200);
}
ul#subnavlist li a:hover {
	text-transform: none; text-decoration: none; z-index: 10;
}
ul#navlist li:hover ul#subnavlist {
	left: 0px; top: 27px; padding-left: 5px; margin-top: 2px; border-bottom-color: rgb(198, 12, 48); border-bottom-width: 2px; border-bottom-style: solid; display: block; position: absolute; z-index: 10; box-shadow: 0px 0px 10px #c8c8c8; background-color: rgb(200, 200, 200); -moz-box-shadow: 0 0 10px #c8c8c8; -webkit-box-shadow: 0 0 10px #c8c8c8;
}
ul#navlist li:hover ul#subnavlist li a {
	border: currentColor; width: 125px; padding-left: 10px; display: block;
}
li#login {
	padding-right: 10px;
}
ul#subnavlist li {
	padding-bottom: 2px;
}
#login {
	left: -10px; padding-top: 20px; padding-left: 10px;
}
#login:hover {
	width: 45px; background-color: rgb(200, 200, 200);
}
#login:hover > a {
	color: white; margin-bottom: 5px; position: relative; background-color: rgb(200, 200, 200);
}
ul#subnavlist li {
	display: block;
}
ul#navlist li {
	padding: 8px 6px 9px;
	padding-left: 4px;
padding-right: 4px;
}
ul#navlist li#login:hover {
	background-color: rgb(200, 200, 200);
}
ul#subnavlist li {
	padding-top: 2px;
}
ul#subnavlist li:first-child {
	padding-top: 8px;
}
.section {
	margin: 0px auto 40px; width: 940px; text-align: left; display: block;
}
.section > div {
	float: left; display: inline-block; position: relative;
}
.section2 {
	margin: -1140px auto 40px; width: 940px; text-align: left; display: block;
}
.section2 > div {
	float: left; display: inline-block; position: relative;
}
.connect {
	width: 190px; height: 305px; position: relative;
}
div.connect-buttons {
	left: 4px; width: 100%; height: 24px; text-align: center; bottom: 6px; display: block; position: absolute; z-index: 1; cursor: pointer;
}
.connect-buttons > div {
	width: 60px; height: 24px; overflow: hidden; margin-right: 3px; display: inline-block; position: relative;
}
.connect-buttons > div:last-child {
	margin: 0px;
}
.connect-buttons div.active {
	background-position: left top;
}
.connect-buttons > div:hover {
	background-position: left top;
}
.btn-tw {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/sb-twit.png") no-repeat left bottom; width: 35px !important;
}
.btn-fb {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/sb-fb.png") no-repeat left bottom; width: 35px !important;
}
.btn-yt {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/sb-yt.png") no-repeat left bottom;
}
#connbox {
	padding: 0px; border: 2px solid rgb(226, 226, 226); width: 180px; height: 240px; clear: both; margin-bottom: 15px; margin-left: 4px; position: relative; -ms-overflow-x: hidden; -ms-overflow-y: scroll;
}
#connbox > div {
	display: none;
}
#connbox > div:first-child {
	display: block;
}
.tab {
	width: 180px; height: auto; position: relative; z-index: 0;
}
.twit-head {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/bg-head-tweet-logo.gif") no-repeat 85% top rgb(226, 226, 226); width: 180px; height: 40px; clear: both; position: absolute;
}
.twit-head h2 {
	padding: 6px 8px; border: currentColor; width: auto; color: rgb(128, 128, 128); text-transform: none; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 12px; font-style: normal; font-weight: 700; position: absolute;
}
.twit-head a {
	padding-top: 20px; padding-left: 6px; float: left; display: block; postion: relative;
}
.yt-head {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/bg-head-yt-logo.gif") no-repeat 85% top rgb(226, 226, 226); width: 180px; height: 40px; clear: both; position: absolute;
}
.yt-head h2 {
	padding: 6px 8px; border: currentColor; width: auto; color: rgb(128, 128, 128); text-transform: none; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 12px; font-style: normal; font-weight: 700; position: absolute;
}
.yt-head a {
	padding-top: 20px; padding-left: 6px; float: left; display: block; postion: relative;
}
#twitter-feed {
	padding-top: 45px;
}
#youtube-feed {
	padding-top: 45px;
}
.tab-fb {
	height: 240px; margin-top: 0px; margin-left: -1px;
}
.tab-fb iframe {
	background: none; border: currentColor; left: -1px; top: -3px; position: absolute;
}
.crumbs-right {
	width: 66px; height: 22px; margin-left: 2px; float: right; background-color: rgb(255, 255, 255);
}
.crumbs-right img {
	width: 66px;
}
#crumbs {
	width: 661px; height: 22px; margin-bottom: 20px; background-color: rgb(200, 200, 200);
}
#crumbs ul {
	list-style: none; margin: 0px;
}
#crumbs ul li {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/crumb-tail-grey.gif") no-repeat right rgb(200, 200, 200); margin: 0px; padding: 0px 15px 0px 10px; height: 22px; float: left;
}
#crumbs ul li.preActive {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/crumb-tail-grey.gif") no-repeat right rgb(200, 200, 200); margin: 0px; padding: 0px 15px 0px 10px; height: 22px; float: left;
}
#crumbs ul li a {
	color: rgb(128, 128, 128); line-height: 22px; font-family: Arial; font-size: 14px; font-weight: bold; text-decoration: none; display: block; white-space: nowrap;
}
#crumbs ul li.preActive {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/crumb-tail.gif") no-repeat right rgb(200, 200, 200); padding-left: 10px;
}
#crumbs ul li.null {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/crumb-tail.gif") no-repeat right rgb(200, 200, 200); padding-left: 10px;
}
#crumbs ul li.active {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/crumb-tip.gif") no-repeat right rgb(0, 52, 120); padding-left: 10px;
}
#crumbs ul p.active {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/crumb-tip.gif") no-repeat right rgb(0, 52, 120); padding-left: 10px;
}
#crumbs ul li.active a {
	color: white;
}
#crumbs ul p.active a {
	color: white;
}
#newsbox {
	width: 729px; height: 620px; overflow: hidden; display: block; position: relative;
}
.newstop {
	width: 1024px; height: 286px; margin-left: -15px; display: block; position: relative;
}
.newsbot {
	width: 1024px; height: 286px; margin-left: -15px; display: block; position: relative;
}
.newstop > div {
	padding: 2px 15px 10px; width: 222px; height: 296px; overflow: hidden; border-right-color: rgb(128, 128, 128); border-bottom-color: rgb(128, 128, 128); border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: dotted; float: left; display: inline-block; position: relative;
}
.newsbot > div {
	padding: 2px 15px 10px; width: 222px; height: 296px; overflow: hidden; border-right-color: rgb(128, 128, 128); border-bottom-color: rgb(128, 128, 128); border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: dotted; float: left; display: inline-block; position: relative;
}
.newsbot > div {
	padding: 25px 15px 0px; height: 306px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.nbig {
	margin: 15px 0px; line-height: 16px; font-family: Arial, franklin-gothic-urw,"FranklinGothicURW-Med",sans-serif; font-size: 14px; font-style: normal; font-weight: 700;
}
.news-nav {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/bg-news-nav.gif") repeat-x left; width: 729px; height: 28px; text-align: center; vertical-align: middle; display: block; position: relative;
}
.nprev {
	top: 0px; width: 28px; height: 29px; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 16px; font-style: normal; font-weight: 700; display: block; position: absolute; cursor: pointer;
}
.nprev a {
	top: 0px; width: 28px; height: 29px; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 16px; font-style: normal; font-weight: 700; display: block; position: absolute; cursor: pointer;
}
.nnext {
	top: 0px; width: 28px; height: 29px; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 16px; font-style: normal; font-weight: 700; display: block; position: absolute; cursor: pointer;
}
.nnext a {
	top: 0px; width: 28px; height: 29px; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 16px; font-style: normal; font-weight: 700; display: block; position: absolute; cursor: pointer;
}
.nrefresh {
	top: 0px; width: 28px; height: 29px; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 16px; font-style: normal; font-weight: 700; display: block; position: absolute; cursor: pointer;
}
.nrefresh a {
	top: 0px; width: 28px; height: 29px; text-transform: uppercase; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 16px; font-style: normal; font-weight: 700; display: block; position: absolute; cursor: pointer;
}
.nprev {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/arrow-left.gif") no-repeat; left: 0px; z-index: 2;
}
.nprev a {
	background: white; padding: 5px; left: 35px; width: auto; display: block; position: absolute;
}
.nnext {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/arrow-right.gif") no-repeat 0px 0px; right: 0px; z-index: 2;
}
.nnext a {
	background: white; padding: 5px; right: 35px; display: block; position: absolute;
}
.nrefresh {
	background: none; width: 100%; text-align: center; position: relative; z-index: 0;
}
.nrefresh a {
	background: white; padding: 5px; left: 40%; top: 0px; width: auto; float: left; display: block; position: absolute;
}
.personality {
	width: 183px; clear: both; margin-bottom: 30px; margin-left: 4px; display: block; position: relative;
}
.personality ul {
	list-style: none; margin: 15px 0px;
}
.personality ul li {
	margin: 0px 0px 15px; padding: 0px; width: 100%; color: rgb(0, 52, 120); clear: both; font-family: Arial, franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 14px; font-style: normal; font-weight: 400; display: block;
}
.personality ul li p {
	width: 88px; color: rgb(0, 52, 120); clear: left; font-family: franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 14px; font-style: normal; font-weight: 400; float: left;
}
.personality ul li p a {
	width: 88px; color: rgb(0, 52, 120); clear: left; font-family: franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 14px; font-style: normal; font-weight: 400; float: left;
}
.personality ul li p a:hover {
	width: 88px; color: rgb(0, 52, 120); clear: left; font-family: franklin-gothic-urw-cond,"FranklinGothicURWCon-Boo",sans-serif; font-size: 14px; font-style: normal; font-weight: 400; float: left;
}
.personality ul li img {
	clear: right; float: right;
}
#banner-box {
	width: 190px; height: 388px; text-align: center; overflow: hidden; clear: both; display: block; position: relative;
}
.bcontainer {
	top: 0px; height: auto; padding-top: 38px; position: absolute; z-index: 1;
}
#banner-box p {
	margin-bottom: 10px; vertical-align: top; display: inline-block;
}
.banner-up {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/bg-news-nav.gif") repeat-x white; width: 100%; height: 38px; display: block; position: absolute; z-index: 3;
}
.banner-down {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/bg-news-nav.gif") repeat-x white; width: 100%; height: 38px; display: block; position: absolute; z-index: 3;
}
.banner-up {
	background-position: left 12px; top: 0px;
}
.banner-up span {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/arw-up.gif") no-repeat top; transition:0.3s ease-in-out; width: 100%; height: 24px; display: block; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
}
.banner-up span:hover {
	background-position: bottom;
}
.banner-down {
	background-position: left 25px; bottom: 0px;
}
.banner-down span {
	background: url("http://www3.ntu.edu.sg/cits2/CITS_web_resources/UI/headerfooter/common1/responsive/images/arw-down.gif") no-repeat top; transition:0.3s ease-in-out; width: 100%; height: 24px; bottom: 0px; display: block; position: absolute; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
}
.banner-down span:hover {
	background-position: bottom;
}
.dot-right {
	border-right-color: rgb(130, 130, 130); border-right-width: 1px; border-right-style: dotted;
}
.dot-left {
	border-left-color: rgb(130, 130, 130); border-left-width: 1px; border-left-style: dotted;
}
.dot-top {
	border-top-color: rgb(130, 130, 130); border-top-width: 1px; border-top-style: dotted;
}
.dot-bottom {
	border-bottom-color: rgb(130, 130, 130); border-bottom-width: 1px; border-bottom-style: dotted;
}
.shadow {
	box-shadow: 0px 0px 15px #eaeaea; -moz-box-shadow: 0 0 15px #eaeaea; -webkit-box-shadow: 0 0 15px #eaeaea;
}
.trace {
	background: white; padding: 10px; left: 0px; top: 0px; color: rgb(0, 0, 0); position: fixed; z-index: 100;
}
img {
	
}
#MSO_tblPageBody #MSOTlPn_MainTD {
	padding-top: 205px;
}