/* for Gecko-based browsers */
.clear {
	clear:both;
	padding-bottom:1px;
	margin-bottom:-1px;
}
.hide {
	display:none !important;
}
.ho {
	overflow:hidden;
}

#nominheight, #schoolhead {
	min-height:0 !important;
	height:auto !important;
}
#noheight, #themeobjects {
	height:auto !important;
}

#themeobjects {
	margin-top:1em !important;
}

#schoolhead {
	border-bottom:solid #9D043E 1px !important;
	padding-bottom:1em !important;
	margin-bottom:1.5em !important;
}
#schoolhead h1 {
	margin-bottom:1.5em !important;
}
#schoolhead label {
	font-weight:bold;
}

#sitemap ul {
	color:#9D043E;
}
#sitemap ul li span {
	color:black;
}

img {
	border:0;
}
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	font:95%/100% Trebuchet MS, sans-serif; /*changes all body text*/
	background: #fff; /*changes background colour of page*/
}


.hl {
	color:#9D043E !important;
	/*font-weight:bold !important;*/
}

code, pre {
	background:#E0E0D3;
	font:100% Courier New, fixed;
}

pre {
	padding: 5pt;
	width:97%;
	overflow:auto;
}
em {
	font-weight:normal;
	font-style:italic;
}

#frame {
	width:768px;
	margin:0 auto;
	background:#fff;
	text-align:left;
	overflow:hidden;
}

a[name] {
	display:none;
}

a:link, a:hover { color:#000; text-decoration:underline; }
h1 a, h2 a, h3 a { text-decoration:none; }
.h1 a, .h2 a, .h3 a, .h1 a:visited, .h2 a:visited, .h3 a:visited { color:#000; text-decoration:none; }
.h1 a:hover, .h2 a:hover, .h3 a:hover { text-decoration:underline; }

.article a:active, .article a:hover { color:#9D043E; }

ul, ol {
	margin-left:0;
	padding-left:1em;
	list-style-position:inside;
}
ul li {
	list-style-type:square;
}
ol {
	margin-left:.5em;
}
ul li {
	padding:.3em 0 .3em .5em;
}
ol li {
	padding:.3em 0;
}


.navigation a {
	color:#9D043E;
	text-decoration:none;
}
.navigation a:hover {
	text-decoration:underline;
}

/* Accessibility links */
#acc {
	width:100%;
	background:#fff; /*changes background colour behind accessibility links at top of page*/
	color:#000;
	text-align:left;
	font:80% Trebuchet MS, sans-serif; /* Changes accessibiity links */
}
#acc a, #acc a:active, #acc a:visited {
	color:#000;
	text-decoration:none;
	padding:0 .2em;
}
#acc a:hover {
	text-decoration:underline;
}

/* Page header */

#iheader {
	width:100%;
	height:105px;
	background:#fff url("images/header.png") top center no-repeat;
	padding:0;
	margin:5px 0 0 0; /*changes margin around the banner (top, right, bottom, left)*/
}

.hbar {
	width:100%;
	height:2em;
	line-height:2em;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	font-size:80%;
}
.hbar * {
	vertical-align:0;
}

#nav {
	background:#000;
	list-style:none;
}

#nav li {
	margin:0;
	display:inline;
	padding:0 0 0 1.4em;
}

#nav li a, #nav li a:active, #nav li a:visited {
	margin:0;
	padding:0;
	color:#fff;
	background:transparent;
	text-decoration:none;
	text-transform:uppercase;
	font:bold 103% Arial, sans-serif; /* Changes headings on black navigation bar */
	letter-spacing:0.05em;
}
#nav li a:hover {
	text-decoration:underline;
}

/* crumb trail and search bar */
#quickbar {
	background:#9D043E;
	color:white;
}
#quickbar a {
	color:white;
	text-decoration:none;
}
#quickbar a:hover {
	text-decoration:underline;
}
#quickbar .trail {
	float:left;
	display:inline;
	padding:0;
	margin:0 .3em 0 1.1em;
	font-size:120%;
}
#quickbar .trail a {
	font-size:90%;
}
#quickbar .searchbar {
	float:right;
	display:inline;
	margin:0 5px;
	padding:0;
}
#quickbar .searchbar a {
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
#quickbar .searchbar a:hover {
	text-decoration:none;
}
#quickbar .searchbar label {
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
}
#quickbar .searchbar input {
	background:#fff;
	border:none;
	padding:0;
	margin:0;
	width:165px;
	color:#000;
}
#quickbar .searchbar input.hint {
	color:#999;
	text-align:left;
}

/* footer */
#footer {
	margin:0;
	padding:.23em .7em;
	background:#000000;
	color:#fff;
	font-size:80%;
	text-align:right;
}
* html #footer { height:0; }
#footer a {
	padding:0 0.3em;
}
#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}

a.w3cbutton {
	display:block;
	width:9.6em;
	margin:0;
	padding:.1em;
	background:#fff;
	border:1px solid #999;
	font-family:helvetica,arial,sans-serif;
	font-size:70%;
	font-weight:bold;
	text-decoration:none;
	line-height:1.5em;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
}
a.w3cbutton span {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	cursor:pointer;
	text-align:center;
}
a.w3cbutton span.w3c1 {
	width:3em;
}
a.w3cbutton span.spec {
	width:6.6em;
	color:#000;
	background:#fc6;
}
a.w3cbutton em {
	font-style:normal;
	font-weight:bold;
	color:#940000;
}
a.w3cbutton em.d {
	color:#39424A;
}
a.w3cbutton:link, a.w3cbutton:visited, a.w3cbutton:hover {
	background:#fff;
	color:#0c479d;
	text-decoration:none;
}


#w3clinks {
	background:#fff; /*changes background colour behind W3C links at the botton of the page*/
	margin:0;
	padding:.5em 0;
	height:2em;
}
#w3clinks .w3cbutton {
	float:left;
	display:inline;
	margin-right:1em;
}



/* museum list */
ul#mmenu {
	float:left;
	display:inline;
	width:300px;
	margin:0;
	padding:.5em 5px 0px 0px; /* changes padding around icons on homepage & services (top, right, bottom, left)*/
	margin-bottom:-3px;
	list-style:none;
}
ul#mmenu li {
	float:left;
	display:inline;
	width:141px;
	height:141px;
	margin:0 6px 6px 0;
	padding:0;
	overflow:hidden;
	border:solid #9D043E 1px;
	text-align:center;
	background:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
}
ul#mmenu li a {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:141px;
	height:141px;
	overflow:hidden;
	color:#000;
	background:#fff;
	font:bold 80%/130% Arial, sans-serif; /* Changes headings on homepage icons */
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	
	background:transparent url('/images/whitegradient.png') no-repeat 0 0;
}
ul#mmenu li a span {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	padding:141px 0 .3em; /* to prevent flickering in IE */
	cursor:pointer;

	background:transparent;
}
/*ul#mmenu li, ul#mmenu li a {
	background: transparent no-repeat 0 0;
}*/
ul#mmenu li a:hover {
	color:white;
	background:transparent url('/images/darkgradient.png') no-repeat 0 0;
}


/* Main content */
#content {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	height:100%;
	min-width:560px;
	background:#fff;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	font-family:Arial, sans-serif; /* Changes all specified headings, NOT body text headings */
	font-weight:bold;
}

h1, .h1 {
	margin:0 0 .6em;
	padding-top: .5em;
	padding-bottom: .1em;
	color: #000;
	font-size: 95%;
	line-height: 100%;
	text-align: center;
	text-transform:uppercase;
}

/* right bar */

#right { 
    float:right;
    display:inline;
    width:207px;
    margin:.5em 0 0 0; /*changes margin around the blue panel*/
    padding:0;
    background:#003366;
    color:#fff;
    font-size:83%;
    line-height:147%;
}
#right div {
    padding:16px 17px 6px 18px; /*changes padding around the text in the blue panel - changes width of panel becuase of it*/
    margin:0;
}

#right div.digitaljourney {
    text-align:center;
    background:#fff;
    width:207px;
    padding:0 0 1000px 0;
    margin:0 0 -1000px 0;
}

#right h1, #right .h1 {
	color:#fff;
	font-weight:bold;
	letter-spacing:.05em;
	line-height:120%;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 .1em;
}
#right .h1 {
	letter-spacing:0;
}
#right h2, #right .h2 {
	margin:1em 0 -.5em;
	padding:0;
	color:#fff;
	font-size:95%;
	text-align:left;
	text-transform:none;
}
#right h3, #right .h3 {
	margin:.5em 0 -.5em;
	padding:0;
	color:#fff;
	font-size:95%;
	text-align:left;
	font-weight:normal;
	font-style:italic;
}
#right p {
	margin:0;
	padding:.5em 0;
}
#right a {
	color:#fff;
}
#right a.red {
	color:#9D043E;
	font-weight:bold;
}
#right a:hover {
	color:#9D043E;
}
#right a.h1:hover {
	text-decoration:underline;
}
#right .center {
	text-align:center;
	line-height:0em;
}

#right .object {
	display:block;
	width:100%;
	padding:133px 0 .2em;
	margin:0;
	overflow:hidden;
	z-index:-1;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	background-repeat:no-repeat;
	background-position:center top;
	font-weight:bold;
	
	letter-spacing:.05em;
	font-size: 95%;
	line-height: 120%;
}

#right a.object:hover {
	text-decoration:underline;
	color:#9D043E;
}

/* text declarations */
div.article {
	position:relative;
	float:left;
	display:inline;
	width:250px;
	margin:0;
	padding:0;
	font-size:85%;
	line-height:150%;
}
#awide {
	width:555px;
}

div.article p {
	margin:.6em 0 0;
	padding:0;
}

/* Homepage logo*/
#logo {
	clear:both;
	height:100%;
	margin:2em 0 0;
	padding:0;
	text-align:center;
}
#logo #canterburylogo {
	float:left;
	display:inline;
}
#logo #lotterylogo {
	float:right;
	display:inline;
	padding:32px 3px 0;
}

/* About us logo */
.aboutlogos {
	margin:0;
	padding:.7em 0;
}
.aboutlogos img {
	padding-right:1em;
}

/* Objects pages */

#content .objects {
	display:block;
	clear:both;
	width:561px;
	height:480px;
	margin:.5em 0 0 -15px;
	padding:0;
	list-style:none;
}
#content .objects li {
	display:block;
	float:left;
	display:inline;
	width:172px;
	margin:0 0 6px 15px;
	padding:0;
}
#content .objects li a {
	display:block;
	padding-top:131px;
	color:#000;
	text-decoration:none;
	text-align:left;
	background-position:center top;
	background-repeat:no-repeat;
}
#content .objects li a:hover {
	text-decoration:underline;
}

#content .pager {
	width:550px;
	padding:.5em 0;
	text-align:right;
}
#content .pager a {
	color:#9D043E;
	text-decoration:none;
}
#content .pager a:hover {
	text-decoration:underline;
}

#content .apager {
	font-size:85%;
}

/* game page*/

ul#interactives li a {
	padding-top:105px !important;
}

#content div.article a.game {
	color:#9D043E;
	font-weight:bold;
	text-decoration:none;
}
#content div.article a.game:hover {
	text-decoration:underline;
}

/* Vote */

#content ul.vote {
	display:block;
	clear:both;
	width:561px;
	margin:.5em 0 0 -15px;
	padding:0;
	list-style:none;
}

#content ul.vote li {
	display:block;
	float:left;
	display:inline;
	position:relative;
	overflow:hidden;
	width:172px;
	height:200px;
	margin:0 0 0 15px;
	padding:0;
	text-align:left;
}
#content ul.vote li div {
	width:172px;
	height:129px;
	margin:0;
	padding:0;
	background-position:center bottom;
	background-repeat:no-repeat;
}
#content ul.vote li a.object {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:172px;
	height:158px;
	padding-top:131px;
	color:#000;
	text-decoration:none;
}
#content ul.vote li a:hover {
	text-decoration:underline;
}
#content ul.vote p {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:35px;
	width:172px;
	padding:0;
	margin:0;
	text-align:left;
	font-weight:bold;
	overflow:hidden;
}
#content ul.vote p em {
	font-style:normal;
	font-weight:bold;
	color:#9D043E;
}
#content ul.vote p.vote {
	height:45px;
}
#content ul.vote p.vote a {
	padding:13px 0 20px 40px;
	font-weight:bold;
	color:#9D043E;
	line-height:43px;
	text-decoration:none;
	background:url('icons/vote.gif') left top no-repeat;
	vertical-align:middle;
}
#content ul.vote p.vote a:hover {
	text-decoration:underline;
}

/* Content headers */
#content div.article h1, #content div.article .h1 {
	margin:.5em 0 .5em;
	padding:0;
	font-size:95%;
	line-height:95%;
	text-align:left;
	text-transform:uppercase;
}
#content div.article h2, #content div.article .h2 {
	margin:.5em 0;
	padding:0;
	font-size:95%;
	line-height:95%;
	text-align:left;
}
#content div.article h3, #content div.article .h3 {
	margin:.5em 0;
	padding:0;
	font-size:95%;
	line-height:95%;
	text-align:left;
	font-weight:normal;
	font-style:italic;
}

/* Content pages */

#content div.article div.text {
	clear:both;
	width:555px;
	min-height:425px;
	margin:13px 0 0;
	padding:0;
}
#content div.article div.text p {
	margin:.5em 0;
	padding:0;
}
#content div.article div.text .navigation, #content div.article div.itext .navigation {
	text-align:right;
}

/* Image + text pages */
#content div.article div.itext {
	width:555px;
	margin:13px 0 0 0;
	padding:0;
}
#content div.article div.itext h1, #content div.article div.itext .h1 {
	margin:.5em 0;
	padding:0;
	text-align:left;
	text-transform:uppercase;
}
#content div.article div.itext .image {
	float:left;
	width:281px;
	margin:0 .9em .1em 0; /* changes margin between image and text on object page */
	padding:0;
	background:transparent;
	text-align:center;
}
#content div.article div.itext .image img {
	max-width:281px;
	max-height:281px;
}
#content div.article div.itext .image img.h {
	width:281px;
}
#content div.article div.itext .image img.v {
	height:281px;
}
#content div.article div.itext p {
	margin:.5em 0;
	padding:0;
}
#content div.article div.itext .navigation {
	text-align:right;
}

#content div.article div.itext ul, #content div.article div.itext ol {
	margin:.7em 0;
	list-style:inside;
}

#content div.article a.em {
	color:#9D043E;
	font-weight:bold;
	text-decoration:none;
}
#content div.article a.em:hover {
	text-decoration:underline;
}

/* Comments and stories list */

#content div.article .comments {
	width:555px;
	margin:1em 0 0;
}
#content div.article .comments h1 {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:555px;
	margin:0;
	padding:.5em;
	border:solid #9D043E 1px;
	text-transform:uppercase;
	text-align:left;
	font-size:96%;
}
#content div.article .comments .cfooter, #content .article .comments .post {
	margin:.75em 0;
}
#content div.article .comments .post {
	clear:both;
	padding:0.2em 0 1em 0;
	border-bottom:solid #ccc 1px;
}
#content div.article .comments .post h2 {
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-size:96%;
}
#content div.article .comments .post p {
	margin:0;
	padding:0;
}
#content div.article .comments .post p.it {
	font-style:italic;
}
#content div.article .comments .post p.storylink {
	padding-top:.5em;
}
#content div.article .comments .post p.storylink a {
	color:#9D043E;
	font-weight:bold;
	text-decoration:none;
}
#content div.article .comments .post p.storylink a:hover {
	text-decoration:underline;
}
#content div.article .comments .post p.picture {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:140px;
	height:140px;
	overflow:hidden;
	margin-right:1em;
	text-align:center;
}

#content div.article .comments a.more, #content div.article .cfooter a.more {
	float:right;
	display:inline;
	margin-top:-1.5em;
	color:#9D043E;
	font-weight:bold;
	text-decoration:none;
}
#content div.article .comments a.more:hover, #content div.article .cfooter a.more:hover {
	text-decoration:underline;
}

#content div.article .comments form div {
	padding:.7em 0 .7em 1em;
}
#content div.article .comments form noscript p {
	display:inline;
	margin:0;
	padding:0;
}

/* Comments actions */

#right ul.cactions {
	margin:0;
	padding:0;
	list-style:none outside;
}
#right ul.cactions li {
	margin:0 0 1.5em;
	padding:0;
	list-style:none;
}
#right ul.cactions li h1 {
	margin:1em 0 -.5em;
	padding:0;
	color:#fff;
	font-size:95%;
	line-height:150%;
	text-align:left;
	text-transform:uppercase;
}

#right ul.cactions #act1 {
	padding-top:43px;
	background:url('/images/comment_icon.png') 0 0 no-repeat;
}
#right ul.cactions #act2 {
	padding-top:30px;
	background:url('/images/story_icon.png') 0 0 no-repeat;
}
#right ul.cactions #act3 {
	padding-top:30px;
	background:url('/images/game_icon.png') 0 0 no-repeat;
}
#right ul.cactions #act4 {
	padding-top:30px;
	background:url('icons/vote_1.png') 0 0 no-repeat;
}


/* Stories */

#content div.article .storymedia {
	display:block;
	padding:0;
	margin:0;
	clear:both;
}
#content div.article .storymedia p {
	display:block;
	padding:0;
	margin:0;
}
#content div.article .storymedia p.picture {
	float:left;
	display:inline;
	width:281px;
	/*height:281px;*/
	margin-right:1.5em;
	overflow:hidden;
	text-align:center;
}

#content div.article .storymedia p.audio {
	padding-top:.7em;
}
#content div.article .storymedia p.audio a {
	padding:1em 0 1em 25px;
	background:url('icons/audio.png') left center no-repeat;
	color:#9D043E;
	font-weight:bold;
	text-decoration:none;
}
#content div.article .storymedia p.audio a:hover {
	text-decoration:underline;
}

#content div.article .author {
	clear:both;
}

/* Edu theme */

ul#resources {
	clear:both;
	list-style:none;
	margin:.5em 0 .5em 1em;
	padding:0;
}

ul#resources li {
	display:block;
	height:35px;
	line-height:35px;
	padding-left:38px;
	margin:.3em 0;
	background:url('icons/pdf_icon.png') left center no-repeat;
}

ul#resources li a {
	color:#9D043E;
}

/* Search results */

#content div.article .searchform input.text {
	width:23em;
}
#content div.article div.searchres h1 {
	height:1.8em;
	width:100%;
	padding:0 0 0 .3em;
	margin:1.5em 0 .5em;
	line-height:1.8em;
	border-top:solid #9D043E 1px;
}

#content div.article div.searchres div.pager {
	padding-right:1em;
}
#content div.article div.searchres div {
	margin:0;
	padding:.2em 0;
}
#content div.article div.searchres div p a {
	color:#9D043E;
	font-weight:bold;
	font-size:115%;
	text-decoration:none;
}
#content div.article div.searchres div p a:hover {
	text-decoration:underline;
}
#content div.article div.searchres div .no {
	font-weight:bold;
	font-size:115%;
}
#content div.article div.searchres div p.t {
	display:block;
	padding:0 0 0 1.2em;
	margin:0;
}

/* Forms */

form { margin:0; padding:0; }
form .hidden, input[type=hidden] {
	display:none;
	visibility:hidden;
}
input, textarea {
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif; /* Changes input text display */
}
input[type=text] {
	background: white;
	border:solid #B8C6E5 1px;
}
textarea, input.text, .textarea, select, * html input.file {
	background: white;
	border:solid #B8C6E5 1px;
}
textarea, .textarea {
	padding: 2px;
}
input.text:hover, input[type=text]:hover, textarea:hover, .textarea:hover {
	border:solid #8BA5D8 1px;
}
input.text:focus, input[type=text]:focus, textarea:focus, .textarea:focus, select:focus {
	background:#ffe;
	border:solid #8BA5D8 1px;
}
.textarea {
	cursor:text;
}

.validation-advice {
	color:#9D043E;
	line-height:90%;
	margin:.25em 0 -.25em;
}

#advice-required-comment {
	text-align:center;
	margin-top:0;
}

.validation-failed {
	background:#fff7f7 !important;
}


/*** form.comment ***/
form.comment {
	margin:2em 0;
	padding:0 1em 1em;
	border:solid #9D043E 1px;
	border-width:1px 0px;
}
form.comment span.no {
	color:#9D043E;
	font-weight:bold;
}
form.comment label {
	font-weight:bold;
	cursor:pointer;
}
form.comment p {
	padding:4pt 0 !important;
	margin:0 !important;
	display:block;
	clear:both;
}

form.comment p.line input {
	width:18em;
}
form.comment p.line span, form.comment p.line label, form.comment p.line input, form.comment p.line select {
	float:left;
	display:inline;
	margin-right:.3em;
}
form.comment p.line label, form.comment p.line select {
	min-width:9em;
	white-space:nowrap;
}
form.comment p.line select {
	width:17em;
}
form.comment p.vblock {
	margin:0;
	padding:0 0 0 1.2em !important;
	text-align:left;
}
form.comment p.vblock textarea {
	width:500px;
	margin-bottom:.5em;
}
form.comment p.sline input {
	margin-bottom:.5em;
	margin-left:1.3em;
}
form.comment #categoryclass .no {
	visibility:hidden;
}
form.comment .validation-advice {
	white-space:nowrap;
}

/* form submission errors */
ul.errors {
	margin:0;
	padding:0;
	list-style:none;
}
ul.errors li {
	display:block;
	margin:0;
	padding:0;
	color:#9D043E;
}

/* ********************************* */
/* *****  end of form.comment ****** */
/* ********************************* */


/* Equal height columns hack */
#wrapper {
	width:100%; /* for Opera */
	overflow: hidden;
	margin-bottom:.4em;
	float: left;
	float/**/: none;
}
/* Start Mac IE5 filter \*/
#right {
	padding-bottom: 1000em !important;
	margin-bottom: -1000em !important; 
}

/* End Mac IE5 filter */

/* easy clearing */
#wrapper:after {
	content:'[DO NOT LEAVE IT IS NOT REAL]'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
#wrapper {
	display:inline-block;
}
/*\*/
#wrapper {
	display:block;
}
/* end easy clearing */

/* safari */
* > #footer {
	position:relative;
	z-index:1000;
}


@media all and (min-width: 0px) {
#right, #content {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
}
#right {
	padding:0;
	width:207px;
}
#right>div {
	padding:16px 17px 6px 18px;
	margin:0;
}
#right:after, #content:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 1000em !important;
	margin-bottom: -1000em !important;
	height:0;
}
/* Opera 8 fix for absolutely positioned elements */
#mmenu li a span {
	position:relative;
	/*top:-36px;*/
}
/* misc. Opera fixes */
.article, #right {
	line-height:165%;
}
#logo {
	margin-top:4em;
}
#quickbar .searchbar input {
	vertical-align:-.3em;
}

a.w3cbutton {
	width:12em;
}
a.w3cbutton span.w3c1 {
	width:3.5em;
}
a.w3cbutton span.spec {
	width:8.5em;
}
}