/* Copyright 2008 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 { color: #000000; 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; }


/*--- Layout ---*/

#content .focus { width: 960px; margin: 0 auto 0 auto; padding-bottom: 40px; }

#summary { display: none; }

#skip { display: none; }

#branding { height: 140px; width: 100%; }
#branding .focus { height: 140px; width: 960px; margin: 0 auto 0 auto; }
#branding #logo { width: 0; height: 0; }

#navigation { width: 100%; }
#navigation .focus { height: 28px; width: 960px; margin: 0 auto 0 auto; }
#navigation ul, #navigation li { list-style: none; display: inline; margin: 0; }
#navigation #menu li a, #navigation #menu li a:hover { float: left; display: block;  padding: 5px 15px 6px 15px; }
#navigation #featured li a, #featured li a:hover { float: right; display: block;  padding: 7px 15px 6px 20px; margin-left: 10px;}

#page-title { height: 92px; width: 960px; margin: 0 auto 0 auto; border-bottom: solid #E5E5D7 1px; }

#sub-menu { float: right; }
ul#sub-menu { display: inline; list-style: none; margin-top: 54px; margin-right: 41px; }
ul#sub-menu li { display: inline; list-style: none; }
ul#sub-menu li a { padding: 9px; }

#content { width: 100%; }
#content .focus { width: 960px; margin: 0 auto 0 auto; border: none; }
#content img.left { float: left; margin: 7px 20px 5px 0; }
#content img.right { float: right; margin: 7px 0 5px 20px; }

#main { padding: 50px; padding-bottom: 20px; }
#main .article h3.lead { margin-top: -10px }
#main.welcome p { width: 530px; }
#main img.right { float: right; margin-left: 20px; }

#main .article li { list-style: outside; margin-left: 20px; }

div.document { width: 600px; min-height: 141px; margin: 0 auto 20px auto; padding: 20px; }
div.document h4, div.document h4 a { line-height: 100%; padding: 0; margin-bottom: 15px; }
div.document img { float: left; margin-right: 20px; }
div.document p.teaser { margin: 8px 10px 8px 0; }

#main ul.contact li { height: 40px; }
#main ul.contact li h5 { display: none; }
#main ul.contact { list-style: none; display: inline; }
#main ul.contact li { margin-top: 5px; }
#main ul.contact li.phone { margin-top: 15px; }

#lower { height: 200px; width: 960px; border-top: solid #E5E5D7 1px; padding: 30px 40px 60px 40px; }
#lower .summary { width: 200px; margin: 10px; float: left; }
#lower .summary ul li { margin-top: 7px; }
#lower .summary ul li ol li { margin-top: 0; }

#footer { height: 100px; width: 100%; margin: 0 auto 0 auto; }
#footer .focus { width: 960px; margin: 0 auto 0 auto; padding-top: 10px; }
#footer #contact { padding-top: 6px; float: left; } 
#footer #contact li { margin-right: 15px; list-style: none; display: inline; } 
#footer #affiliations { float: right; }
#footer #affiliations li { margin-left: 15px; list-style: none; display: inline; float: right; } 
#footer #policies { margin-top: 7px; float: left; } 
#footer #policies li { padding-left: 12px;  margin-right: 6px; list-style: none; display: inline; } 
#footer #policies .lead { padding-left: 0; } 

form.login p { line-height: 170%; }
div#right.login { padding: 10px 20px 20px 20px; width: 550px; margin: 50px auto 20px auto; }


/*---Artwork and colour---*/

a { color: #3C6BA5; }
a:hover { text-decoration: underline; }

body { background-color: #E5E5D9; }

#branding { background-color: #22405d; background-image: url(/images/branding/background.png); border-top: solid #11222D 8px; }
#branding .focus { background-image: url(/images/branding/header.png); }

#navigation { background-color: #cdccc6; background-image: url(/images/navigation/background.png); }
#navigation #menu a { color: #333333; }
#navigation #menu a:hover { color: #000000; background-color: #FFFFFF; background-image: url(/images/navigation/background-light.png);}

#navigation #featured a { color: #333333; }
#navigation #featured a:hover { color: #000000; }
#navigation #featured li a.scil { background-image: url(/images/icons/featured/scil.png); background-repeat: no-repeat; background-position: left center; }
#navigation #featured li a.portal { background-image: url(/images/icons/featured/portal.png); background-repeat: no-repeat; background-position: left center; }
#navigation #featured li a.parents { background-image: url(/images/icons/featured/parents.png); background-repeat: no-repeat; background-position: left center; }
#navigation #featured li a.mynbcs { background-image: url(/images/icons/featured/mynbcs.png); background-repeat: no-repeat; background-position: left center; }

ul#sub-menu li a { color: #999999; }
ul#sub-menu li a:hover { color: #5B825B; }
ul#sub-menu li.current a { color: #000000; }

#content { background-color: #F2F2EB; }
#content .focus { background-color: #FFFFFF; border-left: solid #E5E5D7 1px; border-right: solid #E5E5D7 1px; }

#main h3 { color: #777777; }
#main .article h3.lead { color: #606060; }
#main p strong { color: #666666; }
.article ul, .article li { color: #666666; }

div.document { background-color: #CED6DD; border: solid #9BAEBC 1px; color: #606060; }
div.document h4, div.document h4 a { color: #606060; }
div.document h4 a:hover { color: #750B12; }
div.document p { color: #606060; }
div.document p a { color: #606060; }
div.document p .action a { color: #990000;  }
div.document p.teaser { color: #454545; }

.featured-link { color: #990000; }

#main ul.contact li.phone { background-image: url(/images/common_elements/contact/phone.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; }
#main ul.contact li.email { background-image: url(/images/common_elements/contact/email.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; }
#main ul.contact li.fax { background-image: url(/images/common_elements/contact/fax.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; }
#main ul.contact li.address { background-image: url(/images/common_elements/contact/address.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; }
#main ul.contact li.mail { background-image: url(/images/common_elements/contact/mail.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; }
#main ul.contact li.website { background-image: url(/images/common_elements/contact/web.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; }
#main ul.contact li.abn { background-image: url(/images/common_elements/contact/abn.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; }
#main ul.contact li.website { color: #999999; }

#main.contact p { color: #666666; }
#main.contact ul li, #main.contact ul li a { color: #666666; }

#lower .summary h4 { color: #550000; }
#lower .summary li, #lower .summary li a { color: #666666; list-style: none; }

#footer { color: #8E7A6C; background-image: url(/images/footer/background-dots.png); background-repeat: repeat-x; }
#footer a { color: #8E7A6C; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .phone { padding-left: 24px; background-image: url(/images/footer/phone.png); background-repeat: no-repeat; }
#footer .email { padding-left: 23px; background-image: url(/images/footer/email.png); background-repeat: no-repeat; }
#footer .address { padding-left: 20px; background-image: url(/images/footer/address.png); background-repeat: no-repeat;}
#footer #scil a { display: block; text-indent: -9999px; width: 65px; height: 39px; background-image: url(/images/footer/scil.png); } 
#footer #scil a:hover { background-image: url(/images/footer/scil-over.png); } 
#footer #mq a { display: block; text-indent: -9999px; width: 48px; height: 39px; background-image: url(/images/footer/mq.png); } 
#footer #mq a:hover { background-image: url(/images/footer/mq-over.png); } 
#footer #csa a { display: block; text-indent: -9999px; width: 32px; height: 39px; background-image: url(/images/footer/csa.png); } 
#footer #csa a:hover { background-image: url(/images/footer/csa-over.png); } 
#footer #policies li { background-image: url(/images/footer/dot.png); background-repeat: no-repeat;  } 
#footer #policies .lead { background-image: none; }

.name { color: #666666; }
.name a { color: #3C6BA5; }

div#right.login { background-color: #E0E0DC; border: solid #A3A29F 1px; }


/*---Typography---*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: medium; }

#branding h1, #branding p { display: none; }
#branding alt { color: white; }

#navigation #menu a { font-size: 13px; }
#navigation #menu a:hover { text-decoration: none; }
#navigation #featured a { font-size: 11px; text-transform: uppercase; }
#navigation #featured a:hover { text-decoration: underline; }

ul#sub-menu li a { font-size: 12px; text-decoration: none; }
ul#sub-menu li a:hover { text-decoration: underline; }
ul#sub-menu li.current a:hover { text-decoration: none; }

#content p { margin-top: 0; padding-top: 0; }

#main h3, #main .article h3 { font-family: Georgia,"Times New Roman", Times, serif; font-size: 22px; margin: 0 0 20px 0; padding: 0; line-height: normal; }
#main .article h3.lead { font-size: 32px; }
#main .article { text-align: justify; }
#main .profile h3 { font-family: Georgia,"Times New Roman", Times, serif; font-size: 20px; margin: 0 0 15px 0; padding: 0; line-height: normal; }
#main .profile h3.title { font-size: 30px; }
#main .profile .article h3.lead { font-size: 32px; }

.article, .article p { font-size: small; line-height: 200%; color: #666666; padding-bottom: 20px; }
.article a, .article p a { text-decoration: none; }
.article a:hover, .article p a:hover { text-decoration: underline; }

#content h4 { font-family: Georgia,"Times New Roman", Times, serif; font-size: 30px; }

div.document p.teaser { font-size: 13px; }
div.document p { text-transform: none; }
div.document p a:hover { text-decoration: underline; }
div.document h4 { font-family: Georgia,"Times New Roman"; font-size: x-large; font-weight: normal; }
div.document h4 a:hover { text-decoration: underline; }
div.document p.action, div.document p.action a { font-size: 13px; line-height: 200%; }
div.document p.action a { font-weight: bold; }
div.document p.action a:hover { text-decoration: underline; }

.featured-link { font-size: x-small; text-transform: uppercase; font-weight: bold; }

#main ul.contact li { font-family: Georgia,"Times New Roman", Times, serif; font-size: 20px; line-height: 38px; }
#main ul.contact li a:hover { text-decoration: underline; }

div#main.contact h3 { font-size: 35px; margin-top: -5px; width: 400px; }
div#main.contact p { font-size: 13px; line-height: 150%; }
div#main.contact p a { text-decoration: none; }
div#main.contact p a:hover { text-decoration: underline; }

#lower .summary h4 { font-family: Georgia,"Times New Roman", Times, serif; font-size: 16px; margin-bottom: 10px; }
#lower .summary ul li { font-weight: bold; font-size: 11px; line-height: 200%; }
#lower .summary ul li ol li { font-weight: normal; font-size: 11px; line-height: 200%; }
#lower .summary li a:hover { text-decoration: underline; }

#footer { font-size: 11px; }

.name { font-family: Georgia,"Times New Roman", Times, serif; font-size: 20px; font-style: italic; margin-left: -2px; }

div#right.login p { font-size: small; line-height: 200%; color: #666666; padding-bottom: 20px; }

div#right.login form.login p { font-size: small; line-height: 200%; padding: 0; margin: 0; }
div#right.login form.login p#submit { margin-top: 7px; }

input#hidden { display: none; }

#navigation #featured li a.mynbcs { text-transform: none; }

/*---end---*/