@charset "utf-8";

/******* General *******/
body  { font:100% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; background:url(images/main-bg.jpg) top left repeat; margin:0; padding:0; text-align:left; color:#FFF; }
#container {  width:1144px; margin:0; }
#innerContainer { margin:0 0 0 253px; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }
a img { border:none; }

/******* Header *******/
#header { background:url(images/header-bg.jpg) top left no-repeat; height:147px; }
#header h1 { width:397px; height:56px; margin:0; padding:0; position:absolute; top:70px; left:280px; }
#header h1#title-challenge { background:url("images/title-challenge.gif") no-repeat; text-indent:-9999px; }
#header h1#title-sponsors { background:url("images/title-sponsors.gif") no-repeat; text-indent:-9999px; }
#header h1#title-charity { background:url("images/title-charity.gif") no-repeat; text-indent:-9999px; }
#header h1#title-competitors { background:url("images/title-competitors.gif") no-repeat; text-indent:-9999px; }
#header h1#title-contact { background:url("images/title-contact.gif") no-repeat; text-indent:-9999px; }
#header p { float:right; margin-right:30px; font-style:italic; font-weight:bold; letter-spacing:-1px; }

/******* Sidebar *******/
#sidebar { float:left; width:253px; padding:0; margin:0; }
#sidebar #home { position:absolute; top:14px; left:40px; width:170px; height:218px; }
#sidebar h1 { margin:0; width:253px; height:233px; background:url("images/NSC-logo.gif") no-repeat; text-indent:-9999px; }
#sidebar ul { margin:50px 0 0 0; padding:0; list-style-type:none; width:253px; }
#sidebar ul li { margin:0 0 0 40px; padding:0; }
#sidebar ul li.selected a { color:#abf032; }
#sidebar ul li a { text-decoration:none; font-size:1em; color:#FFF; font-weight:bold; width:203px; height:31px; display:block; }
#sidebar ul li#challenge a#challenge { background:url("images/nav-challenge.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#challenge a#challenge:hover, #sidebar ul li#challenge a#challenge.selected { background:url("images/nav-challenge-h.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#sponsors a#sponsors { background:url("images/nav-sponsors.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#sponsors a#sponsors:hover, #sidebar ul li#sponsors a#sponsors.selected { background:url("images/nav-sponsors-h.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#charity a#charity { background:url("images/nav-charity.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#charity a#charity:hover, #sidebar ul li#charity a#charity.selected { background:url("images/nav-charity-h.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#competitors a#competitors { background:url("images/nav-competitors.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#competitors a#competitors:hover, #sidebar ul li#competitors a#competitors.selected { background:url("images/nav-competitors-h.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#contact a#contact { background:url("images/nav-contact.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li#contact a#contact:hover, #sidebar ul li#contact a#contact.selected { background:url("images/nav-contact-h.gif") no-repeat top right; text-indent:-9999px; }
#sidebar ul li ul { margin:-5px 0 17px -10px; width:200px; }
#sidebar ul li ul li { text-align:right; margin:0; padding:0; height:1.1em; line-height:1.1em; }
#sidebar ul li ul li a:hover { color:#abf032; }
#sidebar #bqa { margin-top:70px; text-align:center; }

/******* Main Content *******/
#mainContent { background:url(images/centre-bg.jpg) top left repeat-y; padding:0 206px 30px 30px; }
#mainContent #topTitle { margin-top:0; }
#mainContent h2 { font-size:1.4em; letter-spacing:-1px; line-height:21px; }
#mainContent p { font-size:1em; line-height:1em; text-align:justify; }
#mainContent span { color:#abf032; font-weight:bold; }
#mainContent .imageBoxRight { background:#FFF; padding:9px; width:261px; float:right; margin:0 0 20px 20px; }
#mainContent .imageBoxRight2 { background:#FFF; padding:9px; width:392px; float:right; margin:0 0 20px 20px; }
#mainContent a { color:#abf032; text-decoration:none; }
#mainContent a:hover { color:#FFF; }
#mainContent .sponsor { height:122px; margin-bottom:20px; }
#mainContent .sponsor p {  }
#mainContent .sponsorLogo { float:left; margin-right:20px; }
#mainContent table.entrants td.sectionHead { font-weight:bold; color:#abf032; padding:10px; font-size:18px; }
#mainContent table.entrants td { background:#267967; padding:1px 10px; }

/******* Slideshow *******/
#slideContainer { width: 261px; margin: 0 auto; }
#loader { background-color:white; height:392px; }
#slideContainer2 { width: 392px; margin: 0 auto; }
#loader2 { background-color:white; height:291px; }
#loader img, #loader2 img { width: 100%; height: 100%; }
.loading { background: url( '/images/loadingIcon.gif' ) no-repeat 50% 50%; height: 100%; width: 100%; z-index:10; }

/******* Footer *******/
#footer { background:#14535a; padding:40px; color:#259aa7; font-size:0.7em; margin:0; }
#footer a { color:#259aa7; text-decoration:none; }
#footer a:hover { color:#fff; }
#footer a#binarydrive  {font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#footer p { margin:4px; padding:0; }