body {
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helevetica, Arial, sans-serif;
	//background: url(bg_dark.gif) repeat-x;
	background: url(http://www.bdsc.school.nz/new/images/site_images/bg.gif) repeat-x;
	margin:0; padding:0;
}
#header {
	background: url(http://www.bdsc.school.nz/new/images/uploads/banner2-use.jpg) right top no-repeat;
	width: 100%;
	margin:0;
	position: relative;
height: 98px;
}
#header h1 {
	height: 95px;
	background: url(http://www.bdsc.school.nz/new/images/site_images/logo2.gif) 15px no-repeat;
	text-indent: -99999px;
	margin:0;
padding:0;
}
#header h1 a {
	height: 95px;
	background: url(http://www.bdsc.school.nz/new/images/site_images/logo2.gif) 15px no-repeat;
	text-indent: -99999px;
	margin:0;
display: block;
width: 100%;
}
form#search {
	position: absolute;
	top: 70px;
	right: 100px;
	//border: 1px solid #A50033;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	background: #4E111B;
	padding:0;
	margin:0;
zoom: 1;
}
form#search p {
	margin:0;
	padding:0;
	padding: 0.1em;
}
form#search input[type=text] {
	background: #fff;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
form#search input[type=submit] {
	background: none;
	color: #fff;
	border: none;
	font-size: 1em;
}
p#login {
	position: absolute;
	top: 78px;
	right: 50px;
	margin:0;
	padding:0;
}
p#login a {
	padding: 0.3em;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	background: #002A66;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
	border: 1px solid #002A66;

}
p#login a:hover {
	border: 1px solid #609CF4;
}
#container {
	width: 960px;
	margin: auto;
}
#nav {
	background: #66001B;
	float: left;
	display: block;
	width: 100%;
	font-size: 1.1em;
	margin:0;
	padding:0;
	margin-top: 10px;
	margin-bottom: 1.6em;
z-index: 150;
position: relative;
}
#nav a {
	color: #ffffff;
	text-decoration: none;
	border-right: 0px solid #fff;
	padding: 1em;
	padding-right: 0;
	margin: 0em;
z-index: 190;
}
#nav a:after {
	content: "|";
	padding-left: 1em;
	color: #A5384D;
}
#nav li:last-child a:after {
	content: "";
}
#nav li {
	float: left;
	list-style: none;
	padding: 0.4em;
	margin:0;
	position: relative;
}
#nav li ul {
	display:none;
	background: #66001B;
	margin:0;
	padding:0;
	width: 15em;
	padding-top: 1em;
	padding-bottom: 1em;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#nav li:hover ul {
	display: block;
	position: absolute;
}
#nav li ul li {
	display: block;
	width: 100%;
	padding:0;
	margin:0;
}
#nav li ul li a{
	padding:0;
	padding-left: 1em;
	line-height: 2em;
	display: block;
}
#nav li ul li a:hover {
	background: #520013;
}
#nav li ul li a:after {
	content: "";
}
#page-head {
	float: left;
	width: 160px;
position:relative;
padding-top: 2.4em;
}
#page-head ul , #aside ul{
	padding:0;
	margin:0;
	list-style: none;
	padding-left: 1.4em;
	font-size: 1.1em;
}
#aside ul {padding-left:0;}
#page-head ul li a, #aside ul li a{
	color: #002A66;
	text-decoration: none;
	line-height: 1.8em;
	font-weight: bold;
}
#aside ul li a{
	font-weight: normal;
}
#main a:hover, #page-head a:hover {
	color: #A50033;
}
#page-head h3, #popup .album-name h3 {
	font-size: 1.6em;
	color: #4E111B;
	padding-left: 01em;
	font-weight: normal;
	margin-top:0.3em;
	margin-bottom: 0.5em;
	position: absolute;
top:0;left:0;
	width: 800px;
overflow: visible;
z-index: 0;
}
#content #page-head table {
	position: absolute;
	width: 500px;
padding-left: 1.6em;
z-index: 0;
}
#content #content {
width: 900px;
float: left;
clear: both;
margin-top: 3em;
}
#page-head h3 a, #popup .album-name h3 a {
	color: #4E111B;
text-decoration: none;
}
#banner {
float: left;
display: block;
}
#banner ul, #banner li {
margin:0;padding:0;
list-style: none;
}
#main {
	float: left;
	width: 760px;
}
#main .story img {
margin-right: -200px;
float: right;
}
#main ul{
width: 90%;
float: left;
font-size: 1.2em;
margin:0;
margin-bottom: 1em;
padding:0;
line-height: 1.6em;
}
#main ul.compact {
width: 240px;
float: left;
font-size: 1.2em;
margin:0;
padding:0;
min-height: 12em;
line-height: 1.2em;
}
#main .all .story img {
display: none;
}
#main p {
	font-size: 1.2em;
	line-height: 1.6em;
width: 96%;
text-align: justify;
}
#main p.meta {
font-size: 1em;
color: #a0a0a0;
border-top: 1px solid #a0a0a0;
}
#main p.meta .attachment {
float: right;
}
#main h3 {
width: 100%;
float:left;
}
#main h4, #main h4 a {
font-size: 1.2em;
text-transform: uppercase;
color: #002A66;
text-decoration: none;
margin-bottom: 0.833em;
border-bottom: 1px solid;
}
hr {
clear: both;
height:0;
border-top: 1px solid;
}
#main h5 {
font-size: 1.2em;
text-transform: uppercase;
color: #66001B;
font-weight: normal;
margin-top: 2em;
}
#main h4+h5 {
margin-top: -0.833em;
}

#main h6 {
font-size: 1.1em;
text-transform: uppercase;
font-weight: bold;
color: #aaa;
margin-top: 0;
}
#main .job h4, .staffmember h4 {
float: left;
width: 160px;
text-align: center;
color: #A50033;
}
#main .job h5, .staffmember h5 {
float: left;
width: 300px;
margin-top: 0em;
}
.staffmember h5, .staffmember h4 {
float:right;
clear:right;
width: 390px;
text-align: left;
margin-bottom:0;
}
#main .job .desc, .staffmember .desc {
float: right;
border-left: 1px solid #eee;
width: 390px;
padding-left: 1em;
line-height: 1.2em;
}
.staffmember .desc {
width: 390px;
padding:0;
border: none;
}
.staffmember p {
margin:0
padding:0;
}
.staffmember .profile_photo {
position: absolute;
top:0
left:0;
}
#main .job .application {
width: 95px;
border: none;
float: left;
clear: left;
}
#main .job, .staffmember{
float: left;
width: 100%;
margin-bottom: 2px;
margin-left: -100px;
margin-top: 2em;
}
.staffmember {
margin:0;
position: relative;
clear: both;
float: left;
width: 100%;
}
#main .job .application a{
padding: 0.5em;
background: #eee;
color: #a0a0a0;
text-decoration: none;
font-size: 0.69em;
display: block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
margin-left: 8px;
}
#focal-content {
	width: 500px;
	float: left;
	margin-top: 3.4em;
	background: url() no-repeat;
	padding-top: 210px;
background: url() no-repeat;
}
#focal-content img {
float: right;
margin: 10px;
}
#focal-content img.right {
float: right;
margin: 10px;
}
#focal-content img.left {
float: left;
margin: 10px;
}
#focal-content img.right.out {
margin-right: -240px;
}
#focal-content img.left.out {
margin-left: -145px;
}
#focal-content ul {
width: 100%;
}
#aside {
	float: left;
width:15em;
margin-left: 20px;
display: inline;
}
#aside h3 , #thumbs h3 {
	color: #66001B;
	font-size: 1.7em;
	font-weight: normal;
background: url() no-repeat;
margin-bottom: 0.3em;
	padding-top: 220px;
	margin-top:2em;
width: 200px;
}
#footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
	font-size: 1.1em;
	margin-top: 2em;
	color: #aaa;
}
#footer ul {
	float: left;
	margin:0;
	padding:0;
	padding-left: 1.4em;
	padding-top: 0.8em;
}
#footer p {
	float: right;
}
#footer ul li {
	list-style: none;
	float: left;
}
#footer ul li a {
	color: #aaa;
	padding-right: 1em;
}

/*EVENTS TABLE*/
th.calendarDayHeading {
text-align:center;
font-weight: bold;
color: #520013;
width: 105px;
font-size: 1.2em;
height: 1em;
}
table#events {width: 760px; text-align: center;}

table#events tr td, #events th {
width: 105px;
vertical-align: top;
}
.calendarBG {
text-align: center;
}
.calendarBG td a {
font-weight: bold;
text-decoration: none;
background: #520013;
color: #fff;
padding: 3px;
width: 100%;
}
td.calendarBlank {
color: #fff;
width: 105px;
}
#events td.calendarCell {
position: relative;
height: 100px;
width: 105px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #eee;
display: table-cell;
}
#events td.calendarCell a {
padding:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 10px;
padding: 0;
margin: 0;
display: block;
width: 100%;
background: #520013;
}
#events td.calendarCell:hover a {
color: #fff;
}
#events td.calendarCell div {
display: block;
margin:0;
line-height: 1em;
clear:both;
padding: 0em;
width: 105px;
position: static;
}
#events td.calendarCell div a {
color: #000;
padding: 0;
margin: 0;
display: block;
width: 105px;
background: none;
font-size: 0.833em;
font-weight: normal;
}
#events td.calendarCell:hover div a {
color: #520013;
}
#events td.calendarCell li {
list-style:none;
border-bottom: 1px solid #fff;
}
#events td.calendarCell:hover a {
background: #002A66;
}
#events td.calendarCell:hover div a {
background: none;
}
#events td.calendarCell div a{
width: 100%;
padding:0;
display: block;
text-align: center;
}
table#events {
border-spacing: 3px;
font-size:1.1em;
}
#events tr.calendarHeader{
color: #520013;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
font-size:1.2em;
text-transform: uppercase;
}
table#events ul, table#events li {
padding:0;
margin:0;
text-indent: 0;
}
ul#search_results {
margin-top: 2em;
}
#search_results li{
list-style: none;
}
#search_results h3 {
float: left;
width: 100%;
position: relative;
margin-bottom:0;
}
#search_results h3 a {
color: #002A66;
}
#search_results p {
float: left;
clear: both;
}
#search_results .type {
position: absolute;
right:0;
top:0;
font-size: 0.6em;
background: #520013;
color: #fff;
padding: 0.3em;
padding-top:0;
padding-bottom: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.count {
color: #ddd;
position: absolute;
left: -1em;
top: 0.2em;
font-size: 3em;
}
#map {
width:250px;
float: left;
margin-right: 10px;
margin-left: -150px;
margin-top: 10px;
}
#map iframe {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
form#contact_form {
display: block;
float: left;
}
#banner {
position: relative;
float: left;
clear: both;
width:960px;
height: 260px;
margin-bottom: 40px;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
#banner h1 {
position: absolute;
bottom: 10px;
left: -10px;
font-size: 3em;
color: #fff;
z-index: 100;
//background: rgba(0,0,0, 0.5);
padding: 10px;
padding-left: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.links {
position: absolute;
bottom: 10px;
right:0;
z-index: 30;
width: 150px;
font-size: 1.2em;
margin-bottom: 2em;
color: #fff;
}
.links h3 {
font-size: 1.7em;
font-weight: normal;
text-transform: normal;
text-shadow: #000 0px 0px 3px;
margin-bottom: 0;
text-align: left;
}
.links li {
line-height: 2em;
width: 90%;
display: block;
float: left;
clear: both;
}
.links a {
padding:0 margin:0;
padding: 0.1em;
padding-left: 0.5em;
margin-left: -0.5em;
margin-bottom: 0.2em;
width: 100%;
display: block;
border: 1px solid #000;
background: rgba(0,0,0,0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 50;
}
.links a:hover {
background: rgba(0,0,0,0.75);
}
#banner ul.images {
position: absolute;
top:0;
left:0;
}
#banner ul.images .title {
position: absolute;
bottom:0px;
left:0;
width: 960px;
padding: 1em;
color: #fff;
font-size: 2em;
text-shadow: #000 0px 0px 2px;
}
#about, #events, #news {
width: 380px;
float: left;
}
#about {
padding-right: 16px;
padding-left: 16px;
width: 348px;
}
#about p, #events p, #news p {
font-size: 1.2em;
line-height: 1.6em;
}
#news h5 {
font-size: 1.1em;
margin:0;
color: #aaa;
}
#events h3, #news h3{
	font-size: 16px;
	color: #4E111B;
	font-weight: normal;
	margin-top:0.3em;
	margin-bottom: 0.5em;

}
#news h4 a {
font-size: 1.4em;
color: #002A66;
}
#events {
width: 210px;
}
#events ul {
margin:0;
padding:0;
padding-left: 1.6em;
font-size: 1.2em;
}
#events li a{
color: #002A66;
}
#news {
width: 370px;
position: relative;
}
#news img {
display: none;
}
#news img.rss {
display: inline;
}
#sitemap #category {
width: 180px;
margin: 5px;
padding-left: 10px;
padding-top: 0;
float: left;
font-size: 0.75em;
list-style: none;
border: 2px solid #eee;
-moz-vorder-radius: 10px;
-webkit-border-radius: 10px;
}
#category li {
list-style: none;
}
a.file {
padding: 1em;
padding-left: 3em;
	background: url(http://www.bdsc.school.nz/new/images/site_images/icon-doc.png)  .1em .3em no-repeat;
border: 1px solid #ccc;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
-webkit-border-radius: 10px;
font-weight: bold;
display: inline-block;
}
a.file.pdf {
	background: url(http://www.bdsc.school.nz/new/images/site_images/icon-pdf.png)  .1em .3em no-repeat;
}
a.file.zip {
	background: url(http://www.bdsc.school.nz/new/images/uploads/icon-zip.png)  .1em .3em no-repeat;
}
a.file:hover {
border: 1px solid #aaa;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.contact-info{
float: left; width: 33%;display: block;margin-top:0;
}
#address {
clear: left;
}
.column-3 {
float: left;
width: 33%;
display: block;
}
#events span.date {
color: #ccc;
}
table.subjects {
vertical-align: top;
width: 100%;
font-size: 1.1em;
margin-top:0;
}
#focal-content table.subjects li {
width: 95%;
}
#focal-content table.subjects ul ul {
margin-left: 1em;
font-size: 0.833em;
}
#focal-content table.subjects ul h5 {
font-size: 0.833em;
}
table.subjects caption {
font-size: 1em;
text-transform: uppercase;
color: #002A66;
text-decoration: none;
margin-bottom: 0.833em;
font-weight: bold;
border-bottom: 1px solid #002A66;
}
table.subjects td.sub-heading {
text-transform: uppercase;
text-align: center;
color: #66001B;
font-weight: bold;
}
table.subjects td {
width: 50%;
vertical-align: top;
}
table.column-3 tr td, table.column-3 th {
width: 33%;
border-right: 1px solid #ccc;
border-spacing: 0;
}
table.subjects.column-3 td, table.subjects.column-2 td {font-size:0.833em;}
table.subjects.column-3 td ul {list-style:none;}
table.subjects.column-6 td, table.subjects.column-6 th {
width: 16%;
font-size: 0.833em;
border-right: 1px solid #ccc;
border-spacing: 0;
}
table.subjects td.sub-heading small {
font-size: 0.833em;
}
#footer .sponsors {
padding-left: 1.2em;
margin-top: -1em;
margin-bottom: 1em;
}
#footer .sponsors, #footer .sponsors p {
float: right;
clear: right;
height: 70px;
position: relative;
}
#footer .sponsors a {
float: right;
display: block;
text-indent: -99999px;
position: absolute;
bottom:0;
}
#footer h4 {
margin-bottom: 0em;
}
#footer:hover h4 {
color: #66001B;
}
#newera {
background: url(/new/images/site_images/new_era_grey.jpg) no-repeat;
width: 122px;
height: 70px;
right:0;
}
#footer:hover #newera {
background: url(/new/images/site_images/new_era.jpg) no-repeat;
}
#panasonic {
background: url(/new/images/site_images/panasonic_grey.jpg) no-repeat;
width: 115px;
height: 36px;
right: 142px;
}
#footer:hover #panasonic {
background: url(/new/images/site_images/panasonic.gif) no-repeat;
}
#canterbury {
background: url(/new/images/site_images/canterbury_grey.jpg) no-repeat;
width: 65px;
height: 36px;
right: 277px;
}
#footer:hover #canterbury {
background: url(/new/images/site_images/canterbury.gif) no-repeat;
}
#footer .designer {
float: left;
clear:right;
text-align: left;
padding-left: 1.3em;
}
#footer .designer a {
color: #aaa;
font-weight: bold;
text-decoration: none;
}
#footer:hover .designer a {
color: #66001B;
}
#footer a:hover {
color: #66001B;
}
#footer .designer a:visited {
color: #aaa;
}
#footer:hover {
color: #000;
}
#footer:hover a {
color: #000;
}
#main .albums {margin-top:24px;}
.albums li {
width: 180px;
display: inline-block;
list-style: none;
border: 1px solid #ccc;
float: left;
padding: 10px;
text-align: center;
position: relative;
margin-right: 10px;
}
.albums.libraries li {
border: none;
padding-top: 190px;
}
#focal-content .albums li img {
margin:0;
margin-bottom: 10px;
border: none;
}
#focal-content .albums li a img {
border: none;
}
#focal-content .albums.libraries li img {
float: none;
margin:0;
position: absolute;
top: 20px;
left: 20px;
border: none;
box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);
-webkit-box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);
-moz-box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);

}
#focal-content .albums.libraries li img:first-child {
-webkit-transform: rotate(-15deg);
margin-top: 30px;
margin-left: -10px;
}
#focal-content .albums.libraries li img:nth-child(2) {
-webkit-transform: rotate(-5deg);
margin-left: 20px;
z-index: 0;
}
#focal-content .albums.libraries li img:nth-child(3) {
-webkit-transform: rotate(10deg);
z-index: 2;
margin-left: 70px;
margin-top: 45px;
}

#focal-content .albums li a {
display: block;
width: 100%;
height: 100%;
}
#popup {
padding: 10px;
width: 700px;
z-index: 200;
position: absolute;
top:200px;
left:50%;
margin-left: -350px;
background: white;
border: 1px solid #ccc;
box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);
-webkit-box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);
-moz-box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#popup .close {
	position: absolute;
	top:5px;
	right: 10px;
	background: url(/images/site_images/close.png) no-repeat;
	width: 30px;
	height: 30px;
	text-indent: -99999px;
z-index: 300;
}
#popup .album-name h3 {
z-index: 220;
margin-top: 20px;
}
#popup .current {
margin-top: 40px;
}