@charset "utf-8";
/* CSS Document */
/*
red #d90f00
yellow #fffe16
blue #3fdfff
*/

/* Common Style  ======================================================================================================================= */
body {margin:0; padding:0; font-family:"Arial", Helvetica, Verdana, monospace; font-size:62.5%; background-color:#000;}
dl, dt, dd, ol, ul, li, p, div, h1, h2, h3, h4, h5 {padding:0; margin:0;}
ol, ul, li {list-style:none;}
img {border:none;}

h2 {font-size:18px; display:inline;}
h3 {font-size:1.5em; color:#ff1200}
h4 {font-size:1.1em; color:#ebf723}

html {}
.clearFloat {clear:both;}

/* Header  ================== */
#header {height:135px; background:#000 url(../images/headerBg.gif) top center ;}
#headerContainer {width:800px; margin:0 auto; position:relative;}
a#ascxLogo {background:url(../images/ascxLogo.png) no-repeat center left; width:550px; height:123px; display:block; float:left;}
#ascxLogo h1 {display:none;}
/*
a#blurb1 {background:#fffe50 url(../images/blurb1.gif) top left no-repeat; position:absolute; top:10px; right:8px; width:220px; height:55px; display:block;}
a#blurb1 p, a#blurb2 p {text-indent:-1000em;}
a#blurb2 {background:#fffe50 url(../images/blurb2.gif) top left no-repeat; position:absolute; top:65px; right:104px; width:124px; height:55px; display:block;}
a#blurb3 {background:#fffe50 url(../images/blurb3.gif) top left no-repeat; position:absolute; top:65px; right:58px; width:46px; height:55px; display:block;}
a#blurb4 {background:#fffe50 url(../images/blurb4.gif) top left no-repeat; position:absolute; top:65px; right:8px; width:50px; height:55px; display:block;}*/
#reminder {background:url(../images/reminder.png) 0 10px no-repeat; width:230px; height:130px; display:block; float:right;}
#reminder span {display:none;}

/* Menu  ================== */
#asxcnav {height:58px; background-color:#f3f3f3; align:center;}
#asxcnav ul {margin:0 auto; align:center;}
#asxcnav ul li {align:center; #FFFFFF;}
#asxcnav span {align:center; display:none;}
.firstMenu {align:center; padding:0 !important; margin:0 !important; border:none !important;}
#footerText ul img {display:none;}
#footerText ul {margin-top:2px;}
#footerText li {float:left; padding-left:10px; margin-left:10px; border-left:1px solid #999;}

/* Content ================== */

#bar {height:15px; background:url(../images/bar.png);}
#content {background:#FFF url(../images/carbon_fibre.gif);}
#content a:link, #content a:visited {color:#fffe15; text-decoration: underline;}
#content a:hover {color:#FFFFFF; text-decoration: underline;}
#container {background:url(../images/none.png); width:800px; margin:0 auto; padding:10px 0; position:relative; z-index:10; min-height:400px;}
#container p {font-size:1.3em; padding-bottom:10px; color:#FFF;}
#leftColumn {width:540px;}
#dotted {
	padding-left:10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
}
#rightColumn {float:right; width:240px; margin:10px -10px 0 0;}
#bgRight {/*background:url(../images/bgRight.jpg) no-repeat top right*/;}
#bgLeft {/*background:url(../images/bgLeft.jpg) no-repeat top right*/; overflow:hidden; width:490px; height:400px; position:absolute; top:0; left:-490px; z-index:-4}

#ipad {
	background:url(../images/ipad.png) !important;
	width:231px;
	height:141px;
	display:block;
}
/*.einstein {width:217px; height:233px; background:url(../images/einstein.png) no-repeat; float:right; display:block;}*/

.tagLeft1 {background:url(../images/tagBgLeft1.png) no-repeat top left; font-size:1.6em; padding-left:10px; color:#FFFFFF; margin-left:-10px; margin-top:10px;}
.tagRight1 {background:url(../images/tagBgRight1.png) no-repeat top right; height:38px; padding:5px 10px 0 0; display:inline-block;}
.tagLeft2 {background:url(../images/tagBgLeft2.png) no-repeat top left; font-size:1.6em; padding-left:10px; color:#FFFFFF; margin-left:-10px; margin-top:10px;}
.tagRight2 {background:url(../images/tagBgRight2.png) no-repeat top right; height:38px; padding:5px 10px 0 0; display:inline-block;}
.tagLeft3 {background:url(../images/tagBgLeft3.png) no-repeat top left; font-size:1.6em; padding-left:10px; color:#FFFFFF; margin-left:-10px; margin-top:10px;}
.tagRight3 {background:url(../images/tagBgRight3.png) no-repeat top right; height:38px; padding:5px 10px 0 0; display:inline-block;}
.tagLeft4 {background:url(../images/tagBgLeft4.png) no-repeat top left; font-size:1.6em; padding-left:10px; color:#FFFFFF; margin-left:-10px; margin-top:10px;}
.tagRight4 {background:url(../images/tagBgRight4.png) no-repeat top right; height:38px; padding:5px 10px 0 0; display:inline-block;}

.columnTop {background:url(../images/columnTop.png) no-repeat top left; height:20px;}
.columnBottom {background:url(../images/columnBottom.png) no-repeat bottom left; height:30px;}
.columnContent {background:url(../images/columnBg.png) repeat-y top left; padding:0 30px 0 15px;}
.columnTop2 {background:url(../images/columnTop2.png) no-repeat top left; height:20px;}
.columnBottom2 {background:url(../images/columnBottom2.png) no-repeat bottom left; height:30px;}
.columnContent2 {background:url(../images/columnBg2.png) repeat-y top left; padding:0 30px 0 15px;}
.columnTop3 {background:url(../images/columnTop3.png) no-repeat top left; height:20px;}
.columnBottom3 {background:url(../images/columnBottom3.png) no-repeat bottom left; height:30px;}
.columnContent3 {background:url(../images/columnBg3.png) repeat-y top left; padding:0 30px 0 15px;}
.columnTop4 {background:url(../images/columnTop4.png) no-repeat top left; height:20px;}
.columnBottom4 {background:url(../images/columnBottom4.png) no-repeat bottom left; height:30px;}
.columnContent4 {background:url(../images/columnBg4.png) repeat-y top left; padding:0 30px 0 15px;}

.floatRight {float:right;}

/* Footer  ================== */
#footer {border-top:6px solid #d90f00; background-color:#000; padding:10px 0;}
#footerContainer {width:800px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
#footerContainer img {}
#footerText {float:left; width:550px;}
#footerText * {color:#999; font-size:11px;}
#footerText p {padding-top:28px;}
#footerLogo {float:right;}
#footerLogo a {text-indent:-1000em; display:block; height:60px; float:left;}
a.footer_dso {width:90px; background:url(../images/dso.jpg) top left no-repeat;}
a.footer_nus {width:40px; background:url(../images/nus.jpg) top left no-repeat;}
a.footer_ssc {width:54px; background:url(../images/ssc.jpg) top left no-repeat;}

/* Index Style  ======================================================================================================================= */
#index #rightColumn {font-size:1.3em;}
#index #leftColumn {font-size:10px;}
#index #rightColumn p {color:#ffffff; font-size:1.0em;}
#index #content #rightColumn a:link, #index #content #rightColumn a:visited {background:none; padding:0; text-decoration:underline;}
#index #rightColumn dt {color:#d90f00; font-weight:bold;}
#index #rightColumn dd {color:#aaaaaa; padding-bottom:10px;}
#index #rightColumn dd.noPadding {padding:0;}

/* Categories Style  ======================================================================================================================= */
#categories #content p {font-size:1.1em;}
#categories #content dl {font-size:1.3em; color:#eeeeee;}
#categories #content dt {float:left; color:#eeeeee; font-weight:bold;}
#categories #content dd {margin-left:10em; color:#eeeeee;}
#who {width:753px; height:129px; background:url(../images/categories.png) top left no-repeat;}
#conleft {width:360px;}
#conright {width:360px; position:absolute; top:245px; right:30px;}

/* Rules and Regulations Style  ======================================================================================================================= */
#rules ol {font-size:1.3em; margin-left:20px}
#rules ol li {list-style-type:decimal; margin-bottom:10px; color:#eeeeee;}

/* Workshop Style  ======================================================================================================================= */
#workshop #rightColumn {font-size:1.1em; color:#FFFFFF;}

/* FAQ Style  ======================================================================================================================= */
#faq #container ul {margin-left:20px; font-size:1.3em; list-style-type: upper-roman;}
#faq #container ol {margin-left:20px; font-size:1.3em;}
#faq #container ol li {list-style-type:decimal; margin-bottom:30px; color:#FFFFFF;}
#faq #container ol li.subtitle {list-style:none; margin-bottom:0;}
#faq #container ol li p {padding-bottom:0; font-size:1em;}
#faq #container ol li p.question {font-weight:bold; color:#ebf723;}
#faq #container dl {margin:10px 0;}
#faq #container dt {float:left;}
#faq #container dd {padding-left:17em; padding-bottom:5px;}

/* Gallery Style  ======================================================================================================================= */
#gallery #container {}
#gallery #container a:hover {background:none; color:#d90f00; text-decoration:underline;}
#gallery #container #submenu {margin:15px 0;}
#gallery #container #submenu li {display:inline; padding-left:12px; font-size:1.3em; font-weight:bold; border-left:1px solid #FFF; line-height:22px;}
#gallery #container #submenu a:link, #gallery #content #submenu a:visited {padding:0; background:none; color:#FFFFFF; font-weight:bold;}
#gallery #container .imageContainer {width:155px; height:110px; display:inline-block;}
#gallery #container .imageContainer a:link, #gallery #container .imageContainer a:visited{background:none; padding:0}
#gallery #container .imageContainer img {border:3px solid #CCC;}
#gallery #container .videoGallery {width:342px; position:relative;	margin:auto; padding-bottom:30px;}

/* Interesting Links Style  ======================================================================================================================= */
#links #content p {padding-bottom:0}
#links #content li {padding-bottom:20px;}

/* Contact Us ======================================================================================================================= */
#contactus #content ul {font-size:1.3em; margin-bottom:20px; color:#FFFFFF;}

/* Sciencex_clinic ======================================================================================================================= */
#clinic #content ul li {list-style-type:disc; font-size:1.3em; margin-left:20px; color:#eeeeee;}

/* Challenge Briefing ======================================================================================================================= */
#briefing #content ul li {font-size:1.3em; padding-bottom:10px; padding-left:22px; background:url(../images/icon_pdf.gif) top left no-repeat;}