/* Copyright 2009 Sydney Centre for Innovation in Learning, an activity of Northern Beaches Christian School */


/*---Reset---*/

a, abbr, blockquote, body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, html, img, li, object, ol, p, span, table, td, th, tr, ul { border: 0; font-family: inherit; font-size: 100%; font-weight: normal; margin: 0; outline: 0; padding: 0; text-decoration: none; text-transform: none; }

hr { display: none; }


/*---Baseline---*/

body { background-color: #FFF; font-family:"Helvetica Neue", Arial, Helvetica, Verdana, sans-serif }

a { color: #2477B5; border-bottom: dotted #2477B5 1px; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font-weight: bold; line-height: 110%; border-bottom: none; margin-bottom: 20px; }
h1 { font-size: 450%; color: #222; }
h1 a { color: #222; }
h2 { font-size: 380%; color: #B3B3B3; text-transform: uppercase; }
h2 a { color: #B3B3B3; text-transform: uppercase; }
h3 { font-size: 220%; color: #4D4D4D; }
h3 a { color: #4D4D4D; }
h4 { font-size: 200%; color: #666; font-weight: normal; }
h4 a { color: #666; font-weight: normal; }
h5 { font-size: 120%; color: #444; text-transform: uppercase; }
h5 a { color: #444; text-transform: uppercase; }
h6 { font-size: 105%; color: #666; }
h6 a { color: #666; }
a:hover { color: #990000; border-bottom: dotted #990000 1px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #990000; border-bottom: dotted #990000 1px; }
p, ol, ul, blockquote { color: #686868;	line-height: 150%; font-size: 105%; margin-bottom: 20px; }

/*---Menu---*/

body { background-color: #FFF; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif }
div#header { width: 960px; height: 143px; margin: 0 auto 0 auto; }
div#masthead { background-color: #262626; width: 100%;  height: 143px; }

img#logo { display: none; }
h1#name { text-indent: -9999px; width: 149px; height: 88px; background-image: url(/images/scil-logo.png); background-repeat: no-repeat; margin: 25px 20px 25px 0; float: left; }

ul#navigation { display: inline; list-style: none; float: right; margin-left: 20px; margin-top: 88px; }
ul#navigation li { display:  inline; list-style: none; padding-left: 15px; }
ul#navigation li, ul#navigation li a { color: #B3B3B3; font-size: 120%; line-height: 140%; border-bottom: none; }
ul#navigation li a:hover { color: #FFF; border-bottom: dotted #FFF 1px }
ul#navigation li#current, ul#navigation li#current a { color: #FFF; }

div#content { width: 960px; margin: 0 auto 0 auto; }

a.header-link { color: #990000; font-size: 150%; font-weight: bold; text-transform: uppercase; border-bottom: none; float: right; margin-top: -76px; }
a:hover.header-link { color: #ED0000; border-bottom: dotted #ED0000 1px; }

div.left { margin-bottom: 40px; color: #4D4D4D; width: 640px; }
div.left a { color: #4D4D4D; }

div.left p { font-size: 90%; line-height: 140%; padding-bottom: 15px; }
div.left h3 { font-size: 220%; font-weight:  bold; line-height:110%; padding-bottom: 20px; }

div#content h2 { font-size: 350%; text-transform: uppercase; font-weight: bold; color: #B3B3B3; margin-top: 40px; margin-bottom: 40px; }
div.article { margin-left:  230px; width: 580px; color: #4D4D4D; margin-bottom: 60px; }
div.article h3 { font-size: 220%; font-weight:  bold; line-height:110%; margin-bottom: 20px; color: #4D4D4D; }
div.article h3 a { font-weight:  bold; line-height:110%; margin-bottom: 20px; color: #4D4D4D; }
div.article h3 a:hover { color: #777; border-bottom: dotted #777 1px; }
div.article p { font-size: 90%; line-height: 140%; padding-bottom: 15px; }
div.article p.date { float: left; margin-left: -230px; font-size: 120%; color: #AAD63C; text-transform: uppercase; }
div.article p.date a { color: #AAD63C; text-transform: uppercase; }
div.article p.date a:hover { color: #999; border-bottom: 1px dotted #999; }

div.article p a, div.left p a { color: #2E5C9E; text-decoration: none; border-bottom: 1px dotted #2E5C9E; }
div.article p a:hover, div.left p a:hover { color: #990000; border-bottom: 1px dotted #990000; }

div.article img, div.article object { margin: 10px 0 20px 0; border: none; }

div.gallery { margin-left:  310px; width: 580px; color: #4D4D4D; margin-bottom: 60px; }
div.gallery p.date { float: left; margin-left: -310px; font-size: 120%; color: #990000; text-transform: uppercase; }
div.gallery p.date a { color: #990000; text-transform: uppercase; }
div.gallery p.date a:hover { color: #999; border-bottom: 1px dotted #999; }

div.downloads { margin-left:  180px; width: 565px; color: #4D4D4D; margin-bottom: 60px; }
div.downloads ul { list-style: none; display: inline; }
div.downloads ul li { font-size: 220%; font-weight:  bold; line-height:110%; margin-bottom: 40px; color: #4D4D4D; }
div.downloads ul li span { font-size: 60%; font-weight: normal; color: #B3B3B3; }
div.downloads ul li a { font-weight:  bold; line-height:110%; color: #4D4D4D; border-bottom: none; }
div.downloads ul li a:hover { color: #777; border-bottom: 1px dotted #777; }
div.downloads p.category { float: left; margin-left: -180px; font-size: 120%; color: #990000; text-transform: uppercase; width:  150px; font-weight: bold; }

div.contact { margin-left: 160px; color: #4D4D4D; font-size: 180%; line-height: 100%; margin-bottom: 60px; }
div.contact a { color: #4D4D4D; line-height: 100%; margin-bottom: 60px; border-bottom: none; }
div.contact a:hover { color: #990000; border-bottom: 1px dotted #990000; }
div.contact ul { list-style: none; display: inline; }
div.contact ul li { margin-bottom: 20px; }
div.contact ul li span { float: left; margin-left: -160px; clear: both; color: #B3B3B3; font-size: 80%; font-weight: bold; text-transform: uppercase; }
div.contact ul li em { font-size: 60%; color: #888; font-style: normal; }
div.contact ul li em a { color: #888; font-style: normal; }
div.contact ul li em a:hover { color:  #990000; border: none; }

div#footer { height: 200px; width:  960px; background-color: #4D4D4D; background-image: url(/images/footer/scil-name.png); background-repeat: no-repeat; background-position: 0 25px; font-size: 85%; margin: 0 auto 0 auto; }
div#footer p { color: #999; margin-bottom: 3px; line-height: 105%; }
div#footer p a { color: #CCC; border-bottom: none; }
div#footer a:hover { text-decoration: none; color: #FFFFFF; border-bottom: dotted #CCC 1px; }
div#footer div#links { padding: 95px 0 0 0; }
div#footer div#links p.copyright { margin-top: 3px; }
div#footer ul#featured-logos li { list-style: none; display: inline; }
div#footer ul#featured-logos li a { display: block; float: left; background-repeat: no-repeat; text-indent: -9999px; position: absolute; }
div#footer ul#featured-logos li.nbcs a { background-image: url(/images/footer/nbcs-online-logo.jpg); width: 52px; height: 52px; margin-left: 910px; margin-top: 82px; border: none; }
div#footer ul#featured-logos li.hsc-online a { background-image: url(/images/footer/hsc-online.jpg); width: 114px; height: 35px; margin-left: 780px; margin-top: 92px; border: none; }
div#close { width: 100%; background-color: #4D4D4D; }
div#content { margin-bottom: 40px; }