/* ---------------- add element zero here -------------------*/

.hide_image {display:none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{text-decoration:none; color:#000000;font-weight:bold;}
a:hover{text-decoration:underline;}


/* ---------------- main page elements ------------------------*/

html,body{padding:0;margin:0;}
body {text-align: center; font-size:62.5%; font-family:verdana,arial,sans-serif; line-height:1.4;
background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: center bottom;

background-color:#000000;}

#page_container {width:900px; position: relative; text-align: left; margin: 0 auto;background:#ffffff;font-size:1.14em;}
#wrapper{margin:0}
#content{padding:0;}
#content-nonav{padding: 20px 20px 20px 20px;}

a.logo {float:left;}
.logo img{border:none;height:80px;margin:22px 0 4px 0;}

h2{display:block;color:#ffffff;background:#003366; font-size:1.4em;padding:8px;margin-top:12px; margin-bottom:8px;font-weight:normal;}


/*---------------- navigation -----------------------------------*/
#mainnav{clear:both;background:#000000;width:900px;padding:12px 0;}
#mainnav ul, #mainnav li{display:inline;}
#mainnav a{font-weight:normal;color:#ffffff;padding-left:15px;display:inline;background:#000000;font-size:1.25em;}


/* ----------header styles ------------*/

#header{overflow:hidden; background:#000000;padding-bottom:4px;}
#headernav{width:468px; float:right;padding:7px 0;}
#headernav ul{display:block;}
#headernav li{display:inline}
#search{clear:left;}
#search .textbox{width:110px;}
#search input.button{border:none;width:19px;height:19px;background:url(/stylesheet/redesign/searcharrow.gif) no-repeat top left; text-indent:-9000px;}
#headernav a{display:block;float:right;padding:2px 5px;color:#ffffff;text-align:center;font-weight:normal;font-size:1.1em;text-transform:lowercase;}
.logmeout a{color:#ffffff;}

/* ------------- dropdowns for header bar ------------- */

#headercontent{overflow:hidden;clear:both;margin-top:2px;background:#000000;}
#headercontent div{background:#000000;color:#ffffff;float:left;}
#headercontent a{color:#ffffff;}
#headercontent .sidepanel li, #headercontent #msl_admin li{display:inline;}
#headercontent .sidepanel a, #headercontent #msl_admin a{display:block;background:#2e2e2e;padding:10px 0;border-left:1px solid #000000;border-bottom:1px solid #000000;float:left;width:174px;padding-left:25px;padding-right:25px;text-align:center;}
#headercontent .sidepanel a:hover, #headercontent #msl_admin a:hover{background:url(arrowright.png) #3b3b3b no-repeat 200px 8px;text-decoration:none;}
#msl_admin h4, #msl_admin h3, #controlpanel h3{clear:both;padding:10px;}
#headercontent .sidepanel .logout a{display:none;}
#controlpanel li{border-bottom:1px solid #000000 !important;padding:0;background:none;}
.admindd{clear:both;}
.headersection p{clear:both;}

.navsection{overflow:hidden;padding:0;margin:0;border-bottom:12px solid #000000;background:#000000;}
.navsection ul, .navsection li{display:inline;}
.navsection a{display:block;padding:10px 25px;text-align:center;float:left;margin:0;width:174px;border-right:1px solid #000000;border-bottom:1px solid #000000;background: #2e2e2e;font-size:1.25em;color:#ffffff;font-weight:normal;}
.navsection a:hover{background:url(arrowright.png) #3b3b3b no-repeat 200px 8px;text-decoration:none;}

/* ----------------footer styles ---------------

#footer{clear:both;background:#000000;color:#ffffff;padding:12px 0;position:relative;overflow:hidden;}
#footer li{list-style:none;}
#footer a{font-weight:normal;color:#ffffff;}
#footercolfour{display:block;float:right;width:460px;}
#footercolfour li{display:inline;}
#footercolfour a{display:block;float:right;padding:12px 5px 10px 10px;border-bottom:1px solid #000000;text-align:right;font-size:08px;text-decoration:underline;}
#copyright {width:460px;position:absolute;bottom:32px;right:5px;text-align:right; color: #808080;font-size:1.1em;}
#copyright a{color:#808080;text-decoration:underline;}
#footercolfour h2{background:none;width:100px;float:left;text-align:right;padding-top:0;} */


#footer{clear:both;background:#000000;color:#ffffff;padding:12px 0;position:relative;overflow:hidden;}
#footer li{list-style:none;}
#footer a{font-weight:normal;color:#ffffff;}
#footercolfour{display:block;float:right;width:400px;margin-bottom:20px;}
#footercolfour li{display:inline;}
#footercolfour a{display:block;float:left;width:120px;text-transform:uppercase;color:#d7d7d7;padding:10px 5px 10px 5px;text-align:left;font-size:11px;text-decoration:none;}
#footercolfour a:hover{text-decoration:underline;}
#copyright {width:460px;position:absolute;bottom:0px;right:5px;text-align:right; color: #808080;font-size:1.1em;}
#copyright a{color:#808080;text-decoration:underline;}
#footercolfour h2{background:none;width:100px;float:left;text-align:right;padding-top:0;display:none;}

/* ----------- footer logos ----------------- */

#footerlogos{width:500px;overflow:hidden;float:left;margin:0;}
#footerlogos li{display:inline;}
#footerlogos a{display:block;width:150px; height:39px;float:left;margin-right:5px;margin-bottom:12px;text-indent:-9000px;}
#logouni{background:url(footerlogo-home.png) no-repeat top left;}
#logornib{background:url(footerlogo-rnib.png) no-repeat top left;}
#logomail{background:url(footerlogo-webmail.png) no-repeat top left;}
#logocoll{background:url(footerlogo-college.png) no-repeat top left;}
#logonus{background:url(footerlogo-nus.png) no-repeat top left;}
#logolearn{background:url(footerlogo-learn.png) no-repeat top left;}


/* -------this will be removed after testing ----------*/

#testbanner{float:right;margin:12px 0 4px 0;}

/*-----------------------------------------------------------------------------------------*/
/* -------------  section styling for landing pages and normal pages  -------------- */

/* --------- columns -----*/
.leftcol{float:left;width:220px;margin:15px;}
.rightcol{float:right;width:635px;margin:15px 15px 15px 0;}
h1{font-size:2.2em;padding:0 0 15px 0;margin:0;}

.leftcolnarrow{float:left;width:185px;margin:15px;}
.rightcolwide{float:right;width:670px;margin:15px 15px 15px 0;}

/*------- rss ---------*/
#separator{padding:3px 15px;clear:both;border-top:1px dotted #000000;border-bottom: 1px dotted #000000;}
#intro{display:inline;font-weight:bold;}
.rss_title a{font-weight:normal;text-decoration:underline;}
#separator div, #separator ul, #separator li{display:inline;}

/*---- section news -----*/
.leftcol h3{background:#888888; color:#ffffff; font-size:1.5em;padding:8px;font-weight:normal;}
.leftcol .news_item_inner h5 a{font-weight:normal;}
.news_all{padding-bottom:10px;}

#sidenav .level_1 a, #sidenav .level_2 a, #sidenav .level_3 a{padding-left:15px;}
#sidenav .level_1 a.current, #sidenav .level_2 a.current, #sidenav .level_3 a.current{background:none; text-decoration:underline;}
#sidenav1 .level_1 a, #sidenav .level_2 a, #sidenav .level_3 a{padding-left:15px;}
#sidenav1 .level_1 a.current, #sidenav .level_2 a.current, #sidenav .level_3 a.current{background:none; text-decoration:underline;}
#sidenav2 .level_1 a, #sidenav .level_2 a, #sidenav .level_3 a{padding-left:15px;}
#sidenav2 .level_1 a.current, #sidenav .level_2 a.current, #sidenav .level_3 a.current{background:none; text-decoration:underline;}
#sidenav3 .level_1 a, #sidenav .level_2 a, #sidenav .level_3 a{padding-left:15px;}
#sidenav3 .level_1 a.current, #sidenav .level_2 a.current, #sidenav .level_3 a.current{background:none; text-decoration:underline;}

/*-------- section navigation ------*/
#sidenav{padding:15px 0 15px 15px;min-height:350px;}
#sidenav a{display:block;padding:0 0 10px 0;}
#sidenav a.current{background:url(/stylesheet/redesign/currentnavitem.png) no-repeat top right;)}
#sidenav1 {padding:15px 0 15px 15px;min-height:350px;}
#sidenav1 a{display:block;padding:0 0 10px 0;}
#sidenav1 a.current{background:url(/stylesheet/redesign/currentnavitem.png) no-repeat top right;)}
#sidenav2 {padding:15px 0 15px 15px;min-height:350px;}
#sidenav2 a{display:block;padding:0 0 10px 0;}
#sidenav2 a.current{background:url(/stylesheet/redesign/currentnavitem.png) no-repeat top right;)}
#sidenav3 {padding:15px 0 15px 15px;min-height:350px;}
#sidenav3 a{display:block;padding:0 0 10px 0;}
#sidenav3 a.current{background:url(/stylesheet/redesign/currentnavitem.png) no-repeat top right;)}



/* ----- bottom advert space styling ------- */
#sectionadverts{clear:both;}
#adspace1, #adspace2{width:310px;float:left;}
#adspace1.withpadding, #adspace2.withpadding{width:260px;padding:15px 25px;min-height:123px;}
#adspace1 h3, #adspace2 h3{font-size:1.5em;padding-bottom:15px;font-weight:normal;}
#adspace1{margin-right:15px;}

/*---- basket ----*/
#basket{padding:10px;background:#d1d9fc; border-bottom:1px solid #000000;}
#basket a.checkout{color:#051762;}
#basket h3{font-size:1.3em;}


/* -- mobile -- */

#mobile-home {display:none;}
a#switch-mobile {display:none;}
.mobile-only {display:none;}