/* SLNSW default.css */

/* --------------------------------------------------------------

   Reset.css
   * Resets default browser CSS styles.

   Original by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #333; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, </q><blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#thessm {
   display: none;
}

/* ============ BEGIN stylesheet ============= */

body {
  	font-size: 0.8125em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
	background-position: center;
	line-height: 1.5;
	text-align: center;
}

a {
	color: #006699;
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #9E0000;
	background-color: transparent;
	text-decoration: underline;
}

a:active,
a:focus {
	color: #9E0000;
	background-color: transparent;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

input,
select {
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
}

option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin-bottom: 0.8em;
}

ul {
	margin-top: 0;
	margin-left: 0.5em;
	margin-bottom: 1em;
	padding-left: 2em;
	list-style-type: square;
}

ol {
	margin-top: 0;
	margin-left: 0.5em;
	margin-bottom: 1em;
	padding-left: 2em;
}

table ul,
table ol {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1em;
}

ul ul {
		padding-left: 2em;
}

ul.no-bullets {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

li {
	margin-bottom: 0.5em;
}

blockquote {
	margin: 0 3em 0 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-style: italic;
	color: #333;
	background-color: transparent;
}

.lable {
font-style: normal;
text-align:right;
}

table {
	border-collapse: collapse;
	margin: 2em 0 2em 0;
	padding: 0;
	border: 1px solid #DDD;
	border-style: solid;
	font-size: 100%;
	color: inherit;
	background-color: #FFF;
}

td,
th {
	border-color: #DDD;
	padding: 7px 10px;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
}

th {
	color: #000;
	background-color: #DDD;
	font-weight: bold;
	border: 1px solid #DDD;
}

table tr.totals td {
	font-weight: bold;
	border-top: 2px solid #DDD;
	border-bottom: 2px solid #DDD;
	color: #000;
	background-color: #DDD;
}

#main-content table h1,
#main-content table h2,
#main-content table h3,
#main-content table h4,
#main-content table h5,
#main-content table h6 {
	margin-top: 0;
}

.clear-bottom
 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.clear-top
 {
	margin-top: 0;
	padding-top 0;
}



th.heading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight: normal;
}

th.shaded-column {
	background-color: #cce0fc;
}

td.shaded-column {
	background-color: #E0EcF8 ;
}

/* shaded-row used for tables */
.shaded-row {
	color: inherit;
	background-color: #FAFAFA;
}

th.shaded-row {
	color: inherit;
	background-color: #F0F8FF;
}


/* dark-row used for Ask A Librarian table */
.dark-row {
	color: inherit;
	background-color: #DDD;
}



/* use for layout purposes - removes the border from the table. */
.table-layout,
.table-layout td,
.compact-table-layout,
.compact-table-layout td,
.wide-table-layout,
.wide-table-layout td {
	border: 0;
	color: inherit;
	background-color: transparent;
}

.table-layout th,
.compact-table-layout th {
	color: inherit;
	background-color: transparent;
}

.compact-table-layout td,
.compact-table-layout th {
	padding: 0.3em 0em 0.3em 0;
}

.wide-table-layout {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

.half-width-table {
	width: 50%;
	border: 0;
	padding: 0;
	margin: 0;
}

.two-fifths-width {
	width: 40%;
}

.three-fifths-width {
	width: 60%;
}

.half-width {
	width: 50%;
}

table.no-rules {
	border: 0;
	border-top: 4px solid #DDD;
	border-bottom: 4px solid #DDD;
}

table.no-rules th {
	color: #444;
	background-color: #DDD;
	padding: 3px 10px 6px 10px;
	text-align: left;
	border: 0;
/*	border-top: 2px solid #DDD;
	border-bottom: 2px solid #DDD; */
	vertical-align: middle;
}

table.no-rules td {
	padding: 9px 10px;
	border: 0;
	border-bottom: 1px solid #DFDFDF;
}


/*
BELOW: table class used on Opening Hours page for Web only, not mobile devices, to maintain uniform consistent appearance down the page
http://www.sl.nsw.gov.au/using/hours/
*/
.opening-hours-table {
	width: 59%;
	border: 0;
	padding: 0;
	margin: 0 0 1em 0;
}

.opening-hours-table td:first-child {		/* first column */
	width: 57%;
}

.opening-hours-table td:first-child + td {	/* second column */
	width: 43%;
}

.xmas {
	color: inherit;
	background-color: #E3F4E4;
}



.col1 {
	width: 70%;
}

.col2 {
	width: 30%;
}

.cols4 th,
.cols4 td {
	width: 24%;
	padding-top:5px;
	padding-bottom:0px;
}

th.two-cols ,
td.two-cols {
	width: 59%;
}

th.three-cols ,
td.three-cols {
	width: 32%;
}

th.four-cols ,
td.four-cols {
	width: 24%;
}






.no-top-margin {
	margin-top: 0;
}

.no-bottom-margin {
	margin-bottom: 0;
}


caption {
	padding-top: 5px;
	padding-bottom: 10px;
	caption-side: bottom;
	text-align: center;
}

caption,
.caption,
.image-left,
.image-left-770,
.image-centre,
.image-centre-full-width,
.image-centre-no-margin-top,
.image-right,
.image-right-770,
.dac-portrait,
.flash-container,
.note,
#main-content .note,
.small-note {
	color: #777;
	background-color: transparent;
}

.small-note {
	font-size: 90%;
}

.small-indent {
	margin-left: 0.5em;
}

.strikeout {
	text-decoration: line-through;
}

.underline {
	text-decoration: underline;
}

#main-content .large-text {
	font-size: 160%;
	margin-bottom: 0.7rem;
}

#main-content .faux-landing-page-heading {
	clear: none;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0.7rem;
	line-height: 1.1;
	font-size: 180%;
	vertical-align: middle;
	text-align: left;
}

#page-container {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	color: #000;
	background-color: #fff;
}

/* ============================================
   WCMS preview alert bar
   ============================================ */

#preview-alert-bar {
	padding: 0.5em 0;
	background-color: #F60;
	color: #FFF;
	font-size: 85%;
}

#preview-info-bar {
	padding: 0.5em 0;
	background-color: #555;
	color: #FFF;
	font-size: 85%;
}

#checked-out-block {
	float: left;
	margin-left: 5px;
	background-image: url("/archive/images/icons/collage_padlock.png");
	background-repeat: no-repeat;
	padding: 0 15px 0 20px;
	color: #FFC;
	font-weight: bold;
	font-size: 120%;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
}


/* ============================================
   header and main-menu
   ============================================ */

#header {
	height: 125px;
}

#header.default {		/* default header background used on external site */
	background-image: url("/archive/images/layout/discover_banner.jpg");
	background-repeat: no-repeat;
}

#header #access-keys,
#header .hidden  {		/* hide accesskeys link (at top of page) in visual browsers */
	position: absolute;
	left: -999em;
}

#header a.homepage-link,
.custom-banner a.homepage-link {
	float: left;
	z-index: 999;
	display: block;
	height: 125px;
	width: 970px;
	background-color: transparent;
	text-decoration:none;
/*	border: 1px solid Red; */
}

a#skip-to-content {
	text-align: right;
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 999em;
	padding: 6px 20px;
	color: #006699;
	background-color: transparent;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #111;
}

a#skip-to-content img {
	margin-bottom: -1px;
	margin-left: 3px;
	border: 0;
}

a#skip-to-content:active {
	color: #FFF;
	background-color: #9E0000;
	border: 1px solid #111;
	top: 0;
	right: 0;
}

body.exhibitions-gallery #header {
	height: 125px;
	background-image: url("/archive/images/layout/discover_banner.jpg");
	background-repeat: no-repeat;
}

#header {
	height: 125px;
	background-image: url("/archive/images/layout/discover_banner.jpg");
	background-repeat: no-repeat;
}

body.discover-collections #header {
	height: 125px;
	background-image: url("/archive/images/layout/discover_banner.jpg");
	background-repeat: no-repeat;
}

body.whats-on #header {
	height: 125px;
	background-image: url("/archive/images/whatson/discover_banner.jpg");
	background-repeat: no-repeat;
}



body.discover-collections blockquote {
	margin: 0 3em 0 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	font-style: italic;
	color: #666666;
	background-color: transparent;
}


#header .custom-banner {
	z-index: 1;
	float: right;
	overflow: hidden;
	height: 125px;
	width: 970px;
	background-position: right;
	background-repeat: no-repeat;
	background-position:0% 0%;
}


#header .custom-banner img {
	z-index: 1;
}

/* ============================================
   sub-nav
   ============================================ */

#sub-nav {
	clear: both;
	float: left;
	width: 175px; /* temp while flashh is 770, 195px */
	margin-left:0px;
	margin-right: 10px;
	padding: 0px 5px 0px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: left;
	line-height: 1.4em;
}

#sub-nav li {
	margin: 0;
}

#sub-nav li a {
	display: block;
	color: #333;
	background-color: transparent;
	padding: 5px 5px 5px 0px;
}

#sub-nav h2 a:hover,
#sub-nav ul li a:hover,
#sub-nav ul.sub-level-0 li a:hover,
#sub-nav ul.sub-level-1 li a:hover,
#sub-nav ul.sub-level-2 li a:hover,
#sub-nav ul.sub-level-3 li a:hover,
#sub-nav ul.sub-level-5 li a:hover,
#sub-nav ul li a#active:hover,
#sub-nav h2 a#active:hover {
	color: #FFF;
	background-color: #000000;
	text-decoration: none;
}

#sub-nav h2 a {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	display: block;
}

#sub-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sub-nav ul.sub-level-0 li a .list-style-image {
	display: block;
	font-weight: normal;
	padding-left: 14px;
	background-image: url("/archive/images/layout/slash_subnav.gif");
	background-repeat: no-repeat;
	background-position: 2px 3px;
}

#sub-nav ul.sub-level-0 li a:hover .list-style-image {
	background-image: url("/archive/images/layout/slash_subnav_hover.gif");
	background-repeat: no-repeat;
	padding-left: 14px;
}

/* ascii char test
	#sub-nav ul.sub-level-2 li:before  {
    font-family: arial;
    content: "\00BB \0020";
    font-size: 1em;
	padding-left: 15px;
	color:#666666;
    }
*/

#sub-nav ul.sub-level-1 li a .list-style-image {
	background-image: url("/archive/images/layout/single_arrow_subnav.gif");
	background-repeat: no-repeat;
	font-weight: normal;
	padding-left: 24px;
	background-position: 10px 4px;
}

#sub-nav ul.sub-level-1 li a:hover .list-style-image {
	background-image: url("/archive/images/layout/single_arrow_subnav_hover.gif");
	background-repeat: no-repeat;
	padding-left: 24px;
}

#sub-nav ul.sub-level-2 li a .list-style-image {
	background-image: url("/archive/images/layout/double_arrow_subnav.gif");
	background-repeat: no-repeat;
	font-weight: normal;
	background-position: 22px 4px;
	padding-left: 36px;
}

#sub-nav ul.sub-level-2 li a:hover .list-style-image {
	background-image: url("/archive/images/layout/double_arrow_subnav_hover.gif");
	background-repeat: no-repeat;
	padding-left: 36px;
}

#sub-nav ul.sub-level-3 li a .list-style-image {
	display: block;
	font-weight: normal;
	padding-left: 36px;
	background-image:none;
}

#sub-nav ul.sub-level-3 li a:hover .list-style-image {
	padding-left: 36px;
	background-image:none;
}

#sub-nav li a#active,
#sub-nav h2 a#active {
	color: #000;
	background-color: #ddd;
	background-position: right;
	background-repeat: repeat-y;
}

/* ============================================
   main-content
   ============================================ */

#main-content {
	float: left;
	width: 570px;
	margin: 5px 0;
	padding: 0px;
	color:  #000;
	background-color: transparent;
	font-size:  85%;
	text-align: left;
	line-height: 1.8;
}

body.no-sub-nav #main-content {
	margin-top: 0;
	margin-left: 10px;
	width: 750px;
}

body.wide-page #main-content {
	width: 780px;
}

.wide-page.no-sub-nav  #main-content {
	width: 970px;
	margin-left: 0px;
}



body.wide-quick #main-content {
	margin-left: 10px;
	width: 550px;
}

body.no-sub-nav #page-container {
	background-image: none;
}



#main-content p {	/* increased margin-bottom to account for increased line-height */
	margin-bottom: 1.33em;
}

/* eliminate bottom gap in last paragraph */
#main-content p:last-child {
	margin-bottom: 0;
}
/* above does not work inside a <blockquote><p> */
#main-content blockquote p:last-child {
	margin-bottom: 1.33em;
}



#main-content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 220%;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0.5em;
	line-height: 1.1;
}


#main-content .sub-heading {
	font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 1em;
	margin-top: -0.5em;
	margin-bottom: 1em;
	text-transform: uppercase;
	color: #222;
	background-image: url("/archive/images/layout/heading_divider.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

#main-content h2,
#main-content div.editRequiredOk h2,
#main-content div.edit h2,
#main-content div.editRequiredMissing h2 {
	clear: both;
	font-family: "Century Gothic", Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;text-transform: uppercase;
	font-size: 150%;
	font-weight: normal;
/*	margin-top: 0.9em; */
	margin-top: 1.2em;
	margin-bottom: 0.4em;
	padding-bottom: 0.6em;
	color: #000;
	background-color: transparent;
	line-height: 1.1;
	background-image: url("/archive/images/layout/heading_divider.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

#main-content h2 a {
	text-decoration:none;
}


#main-content h3 {
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: normal;
	margin-top: 0.8em;
	margin-bottom: 0.2em;
	color: #000;
	background-color: transparent;
	line-height: 1.5;
}

.h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: normal;
	margin: 0;
	color: #000;
	padding:0;
	background-color: transparent;
}

#main-content h4 {
	clear: both;
	font-family: "Century Gothic", Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 130%;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0.8em;
	margin-bottom: 0.1em;
	color: #000;
	background-color: transparent;
}

#main-content h5 {
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight: normal;
	margin-top: 0.8em;
	margin-bottom: 0.1em;
	color: #333;
	background-color: transparent;
}

#main-content h6 {
	clear: both;
	font-family: "Century Gothic", Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	background-color: transparent;
	margin-top: 0.8em;
	margin-bottom: 0em;
}

#main-content h1.float,
#main-content h2.float,
#main-content h3.float,
#main-content h4.float,
#main-content h5.float,
#main-content h6.float {	/* if heading has float class, then it won't clear. Sometimes we want this for certain floated content e.g. images */
	clear: none;
}



#main-content ul,
#main-content ol {
	overflow: auto;		 		/* fix for "list bullets have no left margin against floated image-left" in IE and WebKit */
}


/* definition lists as used in 2-column table style layout */
#main-content dl.two-column {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
}

#main-content dl.two-column dt {
	float: left;
	text-align: right;
	width: 4em;
	margin: 0;
}

#main-content dl.two-column dd {
	margin: 0 0 0.9em 5em;
}

/* definition lists for image display in dt and text in dd, e.g. Library Council of NSW page */
#main-content dl.image-gallery {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
}

#main-content dl.image-gallery dt {
	float: left;
	text-align: center;
	width: 130px;
	margin-top: 0.5em;
	font-weight: normal;
	color: #555;
	background-color: transparent;
}

#main-content dl.image-gallery dt img {
	display: block;
	margin: 0 auto 1em auto;
}

#main-content dl.image-gallery dd {
	margin: 0 0 2em 145px;
}

#main-content dl h2,
#main-content dl h3,
#main-content dl h4 {	/* stop headings from clearing floated definition lists */
	clear: none;
	margin-top: 0;
}

body.no-sub-nav #main-content .highlight-main-content h2 {
	clear: none;
	font-weight: bold;
	width: 340px;
	color: #444;
	margin: 0 0 5px 0;
	border: 0;
	padding: 2px 5px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 100%;
	background-image: url("/archive/images/layout/highlight-main-content-h2-bg.gif");
	background-repeat: repeat-y;
	overflow: hidden;	/* fix for IE minimum div height bug */
}

body.no-sub-nav #main-content .highlight-main-content h1 {
	color: #cc6633;
	background-color: transparent;
	font-size: 360%;
	font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: -1px;
	line-height: 1;
	margin-bottom: 0.3em;
}

body.no-sub-nav #main-content .highlight-main-content h1 .smaller-text,
body.no-sub-nav #main-content .highlight-main-content h1 .small-text {
	font-size: 60%;
}

body.no-sub-nav #main-content .highlight-main-content h1 .medium-text {
	font-size: 85%;
}

.highlight-main-content img.image-left {
	float: left;
	margin: 0 15px 10px 5px;
}

#breadcrumb-text-size-print-bar {
	background-image: url("/archive/images/layout/breadcrumb-text-size-print-bar-bg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: left;
}

body.album #breadcrumb-text-size-print-bar {
	background-image: url("/archive/images/layout/breadcrumb-text-size-print-bar-bg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 20px;
	margin-bottom: 10px;
	text-align: left;
}

/* new */

body #text-size-print {
	overflow: hidden;
	background-image: none;
	background-color: transparent;
	margin: 12px 0 0 0;
	width: 80px;			/* must define width else layout breaks in Firefox 2 */
	padding-right: 10px;	/* must use padding-right instead of margin-right for IE6 */
}

body #text-size-print img#bigger-text,
body #text-size-print img#smaller-text,
body #text-size-print img#print {
	margin: 0;
	padding: 0;
}

body #text-size-print a {
	float: right;
	margin-left: 5px;
	border: 1px solid #999;
	padding: 2px;
	color: #444;
	background-color: #FBFBFB;
}

body #text-size-print a:hover,
body #text-size-print a:focus,
body #text-size-print a:active {
	background-color: #EEE;
}

#breadcrumb {
	float: left;
	font-size: 90%;
	margin-bottom: 5px;
	line-height: 1.3;
}

body.no-sub-nav #main-content #breadcrumb {
	width: 630px;
}

body.wide-page #main-content #breadcrumb {
	width: 550px;
}

body.album #main-content #breadcrumb {
	width: 970px;
}

#text-size-print {
	float: right;
	position: relative;		/* IE6 fix for background-image bug with negative margins */
	width: 66px;
	height: 24px;
	background-image: url("/archive/images/layout/text-size-print-bg.gif");
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#text-size-print img {
	margin: 5px 2px 0 2px;
}

#text-size-print img#bigger-text {
	margin-left: 7px;
}

#text-size-print img#print {
	margin-left: 3px;
}

#main-content .resources-block,
#main-content .exhibitions-listing-block,
#main-content .past-exhibitions-listing-block {
	border: 1px solid #DDD;
	padding: 10px;
	padding-bottom: 10px;
	margin: 14px 0;
}

#main-content .resources-block {
	padding-bottom: 0;	/* padding on .resources-block-section */
}

/*#main-content .resources-block h2,*/
#main-content .resources-block .heading-block,
#main-content .exhibitions-listing-block h2,
#main-content .exhibitions-listing-block .heading-block,
#main-content .past-exhibitions-listing-block h2,
#main-content .past-exhibitions-listing-block .heading-block {
	margin: -10px -10px 10px -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	background-repeat: repeat-x;
	background-position: top;
	color: #000;
	background-color: #DDD;
	background-image: none;
	text-transform:none;
	line-height: 1.2;
	font-size:100%;
	font-weight: bold;
	border: 1px solid #DDD;
}
#main-content .resources-block h2,
/*#main-content .resources-block .heading-block,*/
#main-content .resources-block h3,
#main-content .exhibitions-listing-block h3,
#main-content .past-exhibitions-listing-block h3 {
	clear: none;
	font-weight: bold;
	margin: 0 0 0.3em 0;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
	line-height: 1.2;
	background-image: none;
	text-transform:none;
}

#main-content .exhibitions-listing-block h3,
#main-content .past-exhibitions-listing-block h3  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 180%;
}

#main-content .resources-block h4 {
	font-size: 100%;
	font-family: Verdana, Arial, sans-serif;
	color: #777;
	background-color: transparent;
}

#main-content .resource-type {
	width: 25%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: bold; /* check this */
}

#main-content .single-column .resource-type {
	width: auto;
	float: none;
	margin-right: 0;
}

#main-content .resource-listing {
	float: left;
	width: 72%;
	margin-bottom: 10px;
}

#main-content .single-column .resource-listing {
	width: auto;
	float: none;
	margin-left: 20px;
}

#main-content .resource-type-divider {
	clear: both;
	height: 1px;
	background-image: url("/archive/images/layout/breadcrumb-text-size-print-bar-bg.gif");
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;		/* fix for IE minimum height bug */
}

#main-content .upcoming-exhibition-info {
	margin-top: 40px;
}


#main-content .exhibitions-listing-block .exhibition-info,
#main-content .past-exhibitions-listing-block .exhibition-info {
	clear: both;
	padding-top: 15px;
	margin-top: 20px;
	background-image: url("/archive/images/layout/breadcrumb-text-size-print-bar-bg.gif");
	background-repeat: repeat-x;
	background-position: top;
}

#main-content .exhibitions-listing-block .exhibition-info#first-exhibition-item,
#main-content .past-exhibitions-listing-block .exhibition-info#first-exhibition-item {	/* the first section doesn't display the dotted divider line */
	background: none;
	margin: 0;
	padding: 0;
}

#main-content .resources-block .resources-block-section {
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background-image: url("/archive/images/layout/breadcrumb-text-size-print-bar-bg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}

#main-content .resources-block .resources-block-section#last-section {	/* the last section doesn't display the dotted divider line */
	background: none;
	margin: 0;
	padding: 0;
}

#main-content .resources-block .resources-block-section img,
#main-content .exhibitions-listing-block .exhibition-info img,
#main-content .past-exhibitions-listing-block .exhibition-info img,
#main-content .upcoming-exhibition-info img {
	float: left;
	margin: 0 15px 11px 0;
	display: inline;
}

#main-content .resources-block .resources-block-section img.left,
#main-content .exhibitions-listing-block .exhibition-info img.left {
	float: left;
	margin: 0 10px 5px 0;
}


#main-content .resources-block .resources-block-section img.landing-page-thumbnail {
	float: left;
	margin: 0 10px 10px 0;
	overflow: hidden;
}


/* START
small resources box for 2-column format, e.g. on landing pages
*/


#main-content .small-resource-box-block {
	clear: both;
	margin: 20px 0 10px 0;
	overflow: hidden;
	width: 100%
}

#main-content .small-resource-box {
	border: 1px solid #AAA;
	padding: 10px;
	margin: 0 0 15px 0;
	width: 244px;
	float: left;
}


#main-content .small-resource-box-block .odd {
	margin-right: 15px;
}

#main-content .small-resource-box h2 {
	margin: -10px -10px 10px -10px;
	padding: 5px 10px;
	background-image: url("/archive/images/layout/resources-box-header-bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	color: #000;
	background-color: #dee0e2;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #AAA;
}

#main-content .small-resource-box img {
	float: left;
	margin: 0 10px 10px 0;
}

/* START
mini-events-calendar table
and events-calendar table
e.g. as used on Exhibitions & Events landing page
*/

#main-content .mini-events-calendar {
	float: right;
	margin: 0 0 15px 15px;
/*	border: 2px solid #6D717F;	 */
	border: 1px solid #999;
}


#main-content .events-calendar {
	width: 100%;
/*	border: 2px solid #6D717F;	 */
	border: 1px solid #999;
}

#main-content .mini-events-calendar td,
#main-content .mini-events-calendar th {
	padding: 0;
	text-align: center;

/*	border: 1px solid #6D717F; */
	border: 1px solid #999;
	width: 20px;
	height: 20px;
}

#main-content .events-calendar td,
#main-content .events-calendar th {
	padding: 0;
	text-align: left;
/*	border: 1px solid #6D717F; */
	border: 1px solid #999;
	font-size: 90%;
}

#main-content .events-calendar th {
	text-align: center;
	font-size: 100%;
}

#main-content .events-calendar ul,
#main-content .events-calendar ol {
	margin: 0;
	list-style-type: none;
	padding: 0;
	line-height: 1.2;
}

.events-calendar a .talk,
.events-calendar a .tour,
.events-calendar a .exhibition,
.events-calendar a .workshop,
.events-calendar a .movie,
.events-calendar a .seminar,
.events-calendar a .course {
	padding: 2px 4px;
	margin-right: 0.5em;
	font-size: 75%;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.events-calendar a .tour {
	color: #FFF;
	background-color: #789DAF;
	}

.events-calendar a .talk {
	color: #FFF;
	background-color: #556B2F;
}

.events-calendar a .course,
.events-calendar a .workshop {
	color: #FFF;
	background-color: #CD661D;
}

.events-calendar a .seminar {
	color: #FFF;
	background-color: #109fcf;
}

.events-calendar a .movie {
	color: #FFF;
	background-color: #8B668B;
}






/* these styles are for colour-coded events list items in the main calendar
Remove if not needed anymore */
/*#main-content .events-calendar li.talk a {
	color: #000;
	background-color: #FFF4F4;
}


#main-content .events-calendar li.tour a {
	color: #000;
	background-color: #ECECFF;
}

#main-content .events-calendar li.movie a {
	color: #000;
	background-color: #F0FFF0;
}

#main-content .events-calendar li.exhibition a {
	color: #000;
	background-color: #FFEFD9;
}*/

#main-content .mini-events-calendar th {
	color: #FFF;
	background-color: #A2ADBC;
}

#main-content .events-calendar tr.month th {
	background-image: url("/archive/images/layout/resources-box-header-bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	color: #000;
	background-color: #dee0e2;
}

#main-content .events-calendar tr.month h2 {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: none!important;
	padding-top:10px;
}

#main-content .mini-events-calendar tr.month th {
	background-image: url("/archive/images/layout/resources-box-header-bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	color: #000;
	background-color: #dee0e2;

}

#main-content .mini-events-calendar tr.month th a {
	color: #000;
	background-color: transparent;
	display: block;
	width: 100%;
}

#main-content .events-calendar tr.month th a {
	display: block;
	width: 100%;
	padding: 5px 0;
	color: #000;
	background-color: transparent;
}

#main-content .events-calendar tr.weekdays th {
	color: #FFF;
	background-color: #cccccc;
	width: 14%;
	font-weight: bold;
	padding: 3px 0;
}


#main-content .events-calendar tr.entries td {
	height: 120px;
}


#main-content .events-calendar td.prev-month-day .day-number {
	font-weight: normal;
	color: #BBB;
	background-color: transparent;
	border-bottom: 1px solid #E9E9E9;
}


#main-content .events-calendar .day-number {
	display: block;
	height: 1.6em;
	font-size: 120%;
	font-weight: bold;
	color: #777;
	background-color: #FAFAFA;
	text-align: right;
	padding-right: 0.4em;
	border-bottom: 1px solid #E9E9E9;
}

#main-content .events-calendar #active-day .day-number {
	color: #333;
	background-color: #FFE4B5;
	border-bottom: 1px solid #DDD;
}


#main-content .mini-events-calendar td#active-day,
#main-content .mini-events-calendar td#active-day a,
#main-content .events-calendar td#active-day,
#main-content .events-calendar td#active-day a {
	color: #000;
	background-color: #FFF8E4;
}

#main-content .mini-events-calendar a {
	display: block;
	width: 100%;
	color: #000;
	background-color: #F0F4FF;
}

#main-content .mini-events-calendar th a {
	display: block;
	color: #FFF;
	background-color: transparent;
	width: 100%;
}

#main-content .mini-events-calendar a:hover,
#main-content .mini-events-calendar tr.month th a:hover,
#main-content .events-calendar tr.month th a:hover,
#main-content .events-calendar #active-day a:hover
/*#main-content .events-calendar a:hover,
#main-content .events-calendar tr.month th a:hover,
#main-content .events-calendar #active-day a:hover,
#main-content .events-calendar li a:hover*/ {
	color: #FFF;
	background-color: #CC0000;
}

/*#main-content .events-calendar li a:hover .talk,
#main-content .events-calendar li a:hover .tour,
#main-content .events-calendar li a:hover .exhibition,
#main-content .events-calendar li a:hover .movie {
	color: #FFF;
	background-color: #950000;
}*/

/* END
calendar styles
*/


/* START
dropshadow type resources-box
delete this if dropshadows are not needed
*/

.resources-box-top {
	margin-top: 15px;
	margin-left: -4px;
	margin-right: -6px;
	position: relative;		/* fix for background-image bug with negative margins in IE6 */
	height: 8px;
	background-image: url("/archive/images/layout/resources-box-top-bg.gif");
	background-repeat: no-repeat;
	overflow: hidden;	/* fix for IE minimum div height bug */
}

.resources-box-header {
	margin: 0 7px 0 5px;
	padding: 1px 5px 6px 5px;
	background-image: url("/archive/images/layout/resources-box-header-bg.gif");
	background-repeat: repeat-x;
	color: #000;
	background-color: #d5d7d9;
}

.resources-box-header h2 {
	font-weight: bold;
}

.resources-box-container {
	margin-left: -4px;
	margin-right: -6px;

	position: relative;		/* fix for background-image bug with negative margins in IE6 */
	background-image: url("/archive/images/layout/resources-box-container-bg.gif");
	background-repeat: repeat-y;
}

.resources-box {
	margin: 0 7px 0 5px;
	padding: 5px;
}

.resources-box-bottom {
	margin-left: -5px;
	margin-right: -7px;
	position: relative;		/* fix for background-image bug with negative margins in IE6 */
	height: 9px;
	background-image: url("/archive/images/layout/resources-box-bottom-bg.gif");
	background-repeat: no-repeat;
	overflow: hidden;	/* fix for IE minimum div height bug */
}

/* END
dropshadow type resources-box
*/


.image-border {
	padding: 2px;
	border: 1px solid #AAA;
}

.left-align {
	float: left;
	width:20%;
}

.right-align {
	float: right;
	width:20%;
	text-align: right;
}

.center-align {
	text-align: center;
	width:53%;
	margin-left:3%;
	margin-right:3%;
	float: left;
}


.image-left {
	float: left;
	margin: 5px 15px 10px 0;
	text-align: center;
}


.image-right {
	float: right;
	margin: 5px 0 10px 15px;
	text-align: center;
}


.image-left-770 {
	float: left;
	margin:10px 0 0px 90px;
	text-align: center;
}


.image-right-770 {
	float: right;
	margin:10px 90px 0px 0;
	text-align: center;
}


/* this is same as image-right, but it constrains width to 260px so caption can wrap automatically */
.dac-portrait {
	float: right;
	margin: 0 5px 10px 15px;
	text-align: center;
	width: 260px;
}


.dac-portrait img {
	margin-left: auto;
	margin-right: auto;
}

.image-centre {
	clear: both;
	float: none;
	display: block;
	margin: 20px auto 15px auto;
	text-align: center;
}

.image-centre-no-margin-top {
	clear: both;
	float: none;
	display: block;
	margin: 0 auto 15px auto;
	text-align: center;
}

.box .image-centre {
	clear: both;
	float: none;
	display: block;
	margin: 0px auto 0px auto;
	text-align: center;
}

.box .image-left {
	float: left;
	margin: 0px auto 0px auto;
	padding-right:15px;
}


.box .image-right {
	float: right;
	margin: 0px auto 0px auto;
	text-align: center;
}


/* wrap the following class in a div around ALL of the Flash insert code, including the Javascript line  */
.flash-container {
	clear: both;	/* clear in case we have a left-aligned or right-aligned discover image above this */
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
/* 	z-index: -1;*/
}


/* the class below is not constrained in width, so can be used on 770px wide pages. */
.image-centre-full-width {
	margin: 20px auto 20px auto;
	text-align: center;
}


body.exhibitions-gallery .image-centre {	/* on some exhibition galleries the width is greater than 500px, so we override to auto else centering problems occur */
	width: auto;
}

.dac-portrait img,
.image-right img,
.image-left img,
.image-centre img,
.image-centre-full-width img,
.image-centre-no-margin-top img {
	display: block;
	margin-bottom: 5px;
}

.image-centre img,
.image-centre-full-width img,
.image-centre-no-margin-top img {
	margin-left: auto;
	margin-right: auto;
}


/* used in exhibitions image template */
.image-description {
	text-align: left;
	margin: 0 auto;
	color: #000;
	background-color: transparent;
	width: 530px;
}


/* below is used to style the Subtitle field for events */
#main-content h1 span.subtitle {
	font-size: 75%;
	color: #777;
	background-color: transparent;
	line-height: 1.3;
}

#main-content .related-event-listing-item h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	font-weight: bold;
	font-size: 120%;
	background: none;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.4;
	border-bottom: 0;
}

#main-content .related-event-listing-item h2 span.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	font-size: 85%;
	color: #777;
	background-color: transparent;
	line-height: 1.4;
}


#main-content .event-detail-info dl,
#main-content .resources-block-section dl,
#main-content dl {
	margin: 0 0 1em 0;
}

#main-content .event-detail-info dt,
#main-content .resources-block-section dt,
#main-content dt {
	float: left;
	width: 4em;
	text-align: left;
	font-weight: bold;
	color: #777;
	background-color: transparent;
}

#main-content .event-detail-info dd,
#main-content .resources-block-section dd,
#main-content .exhibitions-listing-block .exhibition-info dd,
#main-content dd {
	margin: 0 0 0.4em 5em;
}

#main-content .exhibitions-listing-block .exhibition-info dd,
#main-content .past-exhibitions-listing-block .exhibition-info dd {
	margin-left: 18em;
}


.event-detail-images {
/*	clear: both; */
	display: inline;
	float: left;
	margin: 0 15px 0 0;
}

/* we need this, else floated images in event detail page break */
.event-detail-images img {
	display: block;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #DDD;
}

.event-detail-images.single-image img {
	margin-bottom: 0;
}


.event-detail-info {
/*	float: left; */
	margin-top: 5px;
/*	width: 77%; */
	margin-left: 121px;
/*	border: 1px solid Cyan; */
}

.sponsor-logos-caption {
	clear: both;
}

.sponsor-logos img {
	margin-right: 20px;
	margin-bottom: 10px;
/*	vertical-align: top; */
	vertical-align: bottom;
}

.sponsor-logos .last img {
	margin-right: 0;
}


/* below two styles are used when metadata variable ExhibitionImagePageLayout="2 Column" */
.exhibition-image-left-column {
	width: 365px;
	float: left;
	overflow: hidden;
	text-align: justify;
	margin-left: 10px;
	margin-right: 5px;
}

.exhibition-image-right-column {
	width: 365px;
	float: right;
	overflow: hidden;
	text-align: justify;
	margin-right: 10px;
}

.exhibition-image-left-column .image-description,
.exhibition-image-right-column .image-description {
	text-align: justify;
	width: 100%;
}

.exhibition-image-left-column .item-details,
.exhibition-image-right-column .item-details {
	color: #777;
	text-align: center;
}




/* ---------------------------------
start MOVIES styles */

#main-content .movie-listing {
	margin-top: 5px;
	margin-bottom: 2.5em;
	margin-left: 2em;
}

#main-content .movie-listing h3 {
	margin-top: 0;
	line-height: 1.1;
	color: #444;
	background-color: transparent;
}

/* ---------------------------------
 end MOVIES styles */



#main-content .event-listing {
/*	float: left; */
/*	margin-top: 5px; */
/*	width: 77%; */
	margin-left: 121px;
/*	margin-bottom: 1.5em; */
/*	border: 1px solid Red; */
}


/*#main-content .event-listing h3 strong {
    font-weight: normal !important;
}*/

#main-content .event-listing h3 {
 	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 120%;
	clear: none;
	margin-top: 0;
	line-height: 1.3;
}

#main-content .event-listing dl {
	margin: 0 0 1.5em 0;
}

#main-content .event-listing dt {
	float: left;
	width: 5em;
	text-align: right;
	font-weight: bold;
	color: #888;
	background-color: transparent;
}

#main-content .event-listing dd {
	margin: 0 0 0 6em;
}


.back-to-bar {
	clear: both;
	margin-top: 2em;
	padding: 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

body.events-listing #main-content h2 {
	margin-bottom: 1em;
}


#main-content .news-listing,
#main-content .upcoming-collection {
	padding-bottom: 30px;
	margin-bottom: 10px;
	margin-left: 2em;
	background-image: url("/archive/images/layout/divider-star.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
}

#main-content .related-event-listing-item {
	border-top: 1px solid #DDD;
	margin-top: 15px;
}

/* last item has a border-bottom as well, since more text will be following */
#main-content .last.related-event-listing-item {
	border-bottom: 1px solid #DDD;
	margin-bottom: 15px;
}


#main-content .news-date {
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: -1em;
}

#main-content .event-date {
	color: #666;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 0.1em;
}

#main-content .event-time {
	color: #666;
	text-transform: lowercase;
	letter-spacing: 0;
}

#main-content .lowercase {
	text-transform: lowercase;
}

#main-content table.resources {
	border-collapse: collapse;
	border: 1px solid #ddd;
}

#main-content table.resources h3 {
	margin-top: 0;
	color: #CC6633;
	background-color: transparent;
}

#main-content table.resources td,
#main-content table.resources th {
	padding: 15px;
	border-collapse: collapse;
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#main-content table.resources th {
	padding: 5px 10px;
	color: #000;
	background-color: #ddd;
}



/* ============================================
   quick-bar
   ============================================ */

#quick-bar {
	float: left;
	width:  195px;
	font-size: 80%;
	text-align: left;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 1.3;
	padding:0px;
	border-collapse:collapse;
}

#wide-quick-bar {
	float: left;
	width:  400px;
	font-size: 80%;
	text-align: left;
	margin-right: 0px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 1.3;
	padding:0px;
	border-collapse:collapse;
}

#wide-quick-bar .search-box-header,
#wide-quick-bar .highlight-box-header,
#wide-quick-bar .box-header,
#wide-quick-bar .quick-bar-resources-box-header {
	margin: 0;
	line-height: 1.2;
	color: #444;
	background-color: transparent;
	text-transform: uppercase;
	font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;

}

#wide-quick-bar a:hover,
#wide-quick-bar a:focus,
#wide-quick-bar a:active {
	color: #D10074;
}

#wide-quick-bar p {
	margin-bottom: 0.5em;
}

#wide-quick-bar ul,
#wide-quick-bar ol {
	margin-left: 0.5em;
}

#wide-quick-bar .box-container {
	/*border: 1px gray solid;*/
		width:190px;
		float:left;
		padding-left:10px;
	}


#wide-quick-bar .box-container#quick-links .box-header,
#wide-quick-bar .box-container.no-header-link .box-header {
 display: block;
 border-top: 6px solid #BBB;
 border-bottom: 2px solid #E4E4E4;
 padding: 8px 5px;
 color: #444;
 background-color: transparent;
}



#quick-bar a:hover,
#quick-bar a:focus,
#quick-bar a:active {
	color: #D10074;
}

#quick-bar p {
	margin-bottom: 0.5em;
}

#quick-bar table {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


#quick-bar ul,
#quick-bar ol {
	margin-left: 0.5em;
}

#quick-bar .search-box-header,
#quick-bar .highlight-box-header,
#quick-bar .box-header,
#quick-bar .quick-bar-resources-box-header {
	margin: 0;
	line-height: 1.2;
	color: #444;
	background-color: transparent;
	text-transform: uppercase;
	font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
}

#quick-bar #search #term {
	width:96%;
}

#quick-bar #search #submit {
	width:32px;
}
#quick-bar #search optgroup[label] {
    font-style:normal!important;
    }
#quick-bar #search #target {
	width:80%;
}

#de-project #quick-bar .box-header {
	margin: 0;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
	text-transform: none;
	font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 130%;
	font-weight: normal;
}

#de-project #quick-bar .box img {
	margin: 0;
	padding:0;
	text-align:center;
}

.search-box-header a .link-indicator,
.search-box-advanced a .link-indicator,
.highlight-box-header a .link-indicator,
.box-header a .link-indicator{
	font-size: 120%;
}

.search-box-header h3,
.highlight-box-header h3,
.box-header h3,
.box h3,
.quick-bar-resources-box-header h3 {
	font-weight: bold;
}

.discover-collections .sponsors-box {			/* DC sponsors pod: "Made possible through a partnership with" */
	color: #444;
	padding: 8px 5px;
	border-top: 6px solid #BBB;
}

.discover-collections .support-box {
	color: #6c7787;
	background-color: transparent;
	border-bottom: 2px solid #E4E4E4;
	margin: 10px 0 10px 0;
	padding: 5px;
}


.discover-collections .support-box h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 130%;
	margin: 5px 0;
}

.discover-collections .sponsor-box  {
padding: 0px;
margin:0!important;
border-top:none;
}

.discover-collections .sponsor-box  {
margin:0!important;
}

.discover-collections .sponsor-box blockquote {
padding: 10px;
margin:0!important;
text-align:left;
}

.discover-collections .sponsor-box a blockquote {
color:#006699;
}

.discover-collections .sponsor-box  a:hover blockquote,
.discover-collections .sponsor-box  a:active blockquote {
	background-color: #ecce8a;
	color: #9E0000!important;
	text-decoration: none!important;
}

.discover-collections .sponsor-box  a:hover,
.discover-collections .sponsor-box  a:active {
	text-decoration: none!important;
}

.pod-divider {
	border-bottom: 2px solid #E4E4E4;
	margin:10px 0;
}

.box-highlight {
	margin: 5px 0;
	padding: 0px;
	color: #555;
	overflow: hidden;
	width:195px;
}

.box-highlight img {
	overflow: hidden;
	float: left;
	width:193px;
	margin-bottom: 5px;
}

.box-highlight a {
	overflow: hidden;
	float: left;
	border: 1px solid #e6e6e6;
}

.box-highlight a:hover,
.box-highlight a:active {
	border: 1px solid #ecce8a;
	background-color: #ecce8a;
	color: #9E0000!important;
	text-decoration: none;
}

.box-highlight .h3  {
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 130%;
  }

.discover-collections .box-highlight-header  {
	font-family: "Century Gothic", Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 130%;
	border: none;
	padding: 0 5px;
	color: #444;
	background-color: transparent;
}

.box,
.search-box,
.eres-box {
	margin: 0;
	padding: 8px 5px;
	color: #555;
	overflow: hidden;
}

.search-box-header a,
.search-box-advanced a,
.highlight-box-header a,
.box-header a,
#quick-bar .box-container#quick-links .box-header,
#quick-bar .box-container.no-header-link .box-header {
 display: block;
 border-top: 6px solid #BBB;
 border-bottom: 2px solid #E4E4E4;
 padding: 8px 5px;
 color: #444;
 background-color: transparent;
}


#de-project #quick-bar .box-container .box-header,
#de-project #quick-bar .box-container.no-header-link .box-header {
 display: block;
 border-top: 6px solid #00cc99;
 border-bottom: 2px solid #7ce7cc;
 padding: 6px 4px;
 color: #444;
 background-color: transparent;
}


#main-content .search-link-box {
	float: right;
	position: relative;
	width: 185px;
	margin: -5px 0px -10px 0px;
	line-height: 1.2;
	color: #444;
	background-color: transparent;
	text-transform: uppercase;
	font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
}

.search-link-box a {
   	border-top: 4px solid #BBB;
	border-bottom: none;
	padding: 4px 5px;
}

.search-box-container#search-our-collections:hover .search-box-header a,
.search-box-container#search-our-collections:focus .search-box-header a,
.search-box-container#search-our-collections:active .search-box-header a {
	color: #FFF;
/*	background-color: #00CC99;	 */
	background-color: #D10074;
	text-decoration: none;
}

.search-box-container#eresources:hover .search-box-header a,
.search-box-container#eresources:focus .search-box-header a,
.search-box-container#eresources:active .search-box-header a {
	color: #FFF;
/*	background-color: #00B2A9;		*/
	background-color: #D10074;
	text-decoration: none;
}


.box-container#askalibrarian:hover .highlight-box-header a,
.box-container#askalibrarian:focus .highlight-box-header a,
.box-container#askalibrarian:active .highlight-box-header a {
	color: #FFF;
/*	background-color: #009FDA;	*/
	background-color: #D10074;
	text-decoration: none;
}

.box-container#getting-to-library:hover .highlight-box-header a,
.box-container#getting-to-library:focus .highlight-box-header a,
.box-container#getting-to-library:active .highlight-box-header a {
	color: #FFF;
	background-color: #D10074;
	text-decoration: none;
}


.dac-id {
	margin: 5px;
	text-align: center;
	overflow: hidden;
}

/* check this
.navigators .dac-id {
	border: 0;
	margin: 20px 6px 20px 4px;
	padding: 5px;
}*/

/* check this
#main-content h3.sl-article {
	font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
}
*/

.sl-quickbar {
	border: 0;
	margin: auto 5px;
	padding: 10px;
	text-align:center;
}
.subscription-box {
	border: 1px solid #c51230;
	padding: 10px;
	}

.subscription-box a:link,
.subscription-box a:visited {
	background-color: transparent;
	color: #c51230;
	font-size: 140%;
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
}

.highlight-box-top {
	margin-top: -2px;
	height: 4px;
	overflow: hidden;	/* fix for IE minimum div height bug */
}

.highlight-box-header {
	color: #FFF;
	background-color: #666666;
}

.box img {
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
}

.box img.full-width {
	float: none;
	margin-left: 0;
}

.box .flickr-pool-gallery {
	width: 178px;
	margin: 15px auto;
}

.box .flickr-pool-gallery img {
	float: left;
	margin: 0 5px 10px 5px;
}

.box .flickr-pool-gallery a img {
	padding: 1px;
	border: 1px solid #cccccc; /* Set image border color */
}

.box .flickr-pool-gallery a:hover img {
	border: 1px solid #9E0000; /* Set image border hover color */
	background-color: #9E0000;
}

.box-layout {
	margin: 0;
	padding: 5px;
	text-align:center;
	color: #000;
	background-color: #FFF;
}

.box h4,
.quick-bar-resources-box h4 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0.5em;
}

/* check this
.box-bottom {
	height: 9px;
	overflow: hidden;
} */

.box-header {
	color: #FFF;
	background-color: #343434;
}

#quick-bar div.image-feature {
	color: #666;
	background-color: transparent;
	text-align: center;
	margin: 15px 0;
}

#quick-bar div.image-feature img {
	display: block;
	margin: 0 auto 10px auto;
}

.quick-bar-resources-box-top {
	height: 4px;
	overflow: hidden;	/* fix for IE minimum div height bug */
}

.quick-bar-resources-box-header {
	color: #000;
	background-color: transparent;
}

.quick-bar-resources-box {
	margin: 0;
	padding: 5px;
	color: #000;
	background-color: #FFF;

}


.quick-bar-resources-box img {
	margin: 0 0 5px 0;
}


.quick-bar-resources-box-divider {
	height: 1px;
	overflow: hidden;	/* fix for IE minimum div height bug */
}

.quick-bar-resources-box-bottom {
	height: 7px;
	margin-bottom: 10px;
	overflow: hidden;	/* fix for IE minimum div height bug */
}


.sponsor-box {
	color: #6c7787;
	background-color: transparent;
	border-top: 6px solid #BBB;
	border-bottom: 2px solid #E4E4E4;
	margin: 10px 0 10px 0;
	padding: 5px;
	text-align: center;
}

.sponsor-box img {
	display: block;
	margin: 10px auto 10px auto;
}

.box-container .box ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.box-container .box ul li {
	padding-left: 10px;
	background: url("/archive/images/layout/list_bullet_square.gif") no-repeat 0 6px;
}

/* share pod in quickbar */


#quick-bar #mobile-app-block {
	margin: 0 10px 0px 15px;
}

#quick-bar #mobile-app-block img {
	margin-top: 6px;
	float: none;
}

#quick-bar #find-us {
	margin: 0 10px 5px 15px;
}

#quick-bar #social-media-icons {
	margin: 0 10px 0 15px;
}

#quick-bar #social-media-icons img,
#quick-bar .addthis_toolbox img {
	float: none;
	display: block;
	margin: 0;
}

#quick-bar #social-media-icons a {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

#quick-bar #social-media-icons a.last-icon {
	margin-right: 0;
}

#quick-bar .addthis_toolbox {
	margin: 0 10px 5px 15px;
	padding-top: 5px;
}

#quick-bar .box.top-divider {
	border-top: 2px solid #E4E4E4;
}

table.two-columns {
    width:100%;
}

table.two-columns img {
	clear: both;
	float: none;
	display: block;
	margin: 5px auto 10px auto;
	text-align: center;
}

table.two-columns td,
table.two-columns th {
    width:50%;
}

td img.centre {
	clear: both;
	float: none;
	display: block;
	margin: 5px auto 10px auto;
	text-align: center;
	}



/* ============================================
   begin footer
   ============================================ */

#footer {
	font-size: 85%;
	font-family: Verdana, Geneva, sans-serif;
	color: #888;
	background-color: #EFEFEF;
	margin-top: 1.5em;
	margin-bottom: 20px;
	padding: 10px;
	height: 1%;		/* double padding-top fix for IE7 */
}

body.homepage #footer a {
	color: #000;
}

#footer #gov-logo {
	margin-top: 8px;
	float: right;
	display: block;
	text-align: right;
}

#footer #gov-logo .text {
	margin-right: 1em;
}


#footer-nav {
	text-align: left;
}

#footer-nav-links {
	margin-bottom: 1em;
}

span.divider {
	color: #CCC;
	background-color: transparent;
	margin: 0 0.2em;
	background-image:none;
}

/* ============================================
   end footer
   ============================================ */


/* ============================================
   miscellaneous styles
   ============================================ */

.clear-float {
	float: none;
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

#main-content .inactive {
	color: #BBB;
	background-color: transparent;
}

#main-content .signature-box {
	clear: both;
	background-image: url("/archive/images/layout/breadcrumb-text-size-print-bar-bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 3em;
	padding: 10px;
	color: #444;
	background-color: #F8F8F8;
/*	overflow: hidden; */		/* fix for IE minimum height bug */
}

span.new {		/* style for putting in "NEW" text, e.g. <span class="new">NEW</span> on the About > Support Us page */
	color: #C00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin-left: 0.5em;
/*	font-style: italic; */
}


/* ============== off-left ===============
For shifting page elements off-screen so that it's not visible but still can be read by screen readers and text browsers
Pleass see: http://css-discuss.incutio.com/?page=ScreenreaderVisibility
*/

.off-left {
	position: absolute;
	left: -999em;
	width: 990px;
}

/* clearing without extra markup
See: http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.centre,
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*  Forms  */

#main-content form legend {
	font-weight: bold;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

#main-content form label,
#main-content form input,
#main-content form select {
	display: block;
	float: left;
	margin-bottom: 1em;
	margin-right: 0.5em;
}

/* if we don't want to float a form element, set class="no-float" */
#main-content form label.no-float,
#main-content form input.no-float,
#main-content form select.no-float {
	float: none;
}

#main-content form label {
	text-align: right;
	width: 12em;
	margin-right: 1em;
}


form#feedbackForm label {
	text-align: right;
	width: 7em;
	margin-right: 0.5em;
}



#main-content form .indented {
	margin-left: 11em;
}

#main-content form br {
	clear: left;
}

#main-content form.normal {
	font-size: 85%;

}

#website-searchbox {
	float: left;
	width: 80%;
	margin-left: 0px;
	padding:10px;
	margin-bottom: 10px;
	border: 1px solid #999;
 	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#website-searchbox  input#str {
float: left;
display: inline;
margin: 5px 0;
padding-right:0;
line-height:1;
width: 95%;
border: 1px solid #999;
}

form#website-search label {
		text-align: left!important;
		margin: 0em 0em 0.5em 0em!important;
		width: 14em!important;
	}

form#website-search fieldset label {
		text-align: left;
		margin: 0em;
		width: 12em;
		margin-right: 2em;
	}

form#website-search fieldset#searchtype_fieldset label {
		text-align: left;
		margin: 0em;
		width: 12em;
		margin-right: 0em;
	}



form#website-search legend {
	font-weight: normal!important;
		padding-bottom: 0.5em;
	text-align: left;
		margin: 0em;
		width: 12em;
		margin-right: 0em;
}

	.submission-detail  {
	border: 1px solid #dedede;
	background: #fbfbfb;
	padding: 10px;
	width:76%;
	}

	.submission-detail p {
		margin-top: 0px;
		color: #777;
	}

form#joinslu35Form fieldset label {
		text-align: left;
		margin: 0em;
		width: 40em;
		margin-right: 2em;
	}

form#joinslu35Form .block {
		padding-left: 13em;
	}

/* forms which have no 2-column layout need a class="no-layout" */
#main-content form.no-layout {
	margin-bottom: 1em;
}


#main-content form.no-layout label,
#main-content form.no-layout input,
#main-content form.no-layout select {
	display: inline;
	float: none;
	margin: 0;
}

#main-content form.no-layout label {
	text-align: left;
	width: auto;
	margin: 0;
}

#main-content form.no-layout br {
	clear: none;
}



/* site map styles */
ul.site-map-level-0 {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.site-map-level-1 {
	font-weight: normal;
	margin-left: 3em;
}


/* Navigators styles */

#main-content .tip,
#main-content .hottip {
	padding: 10px;
	border-top: 1px solid #A4CFEF;
	border-bottom: 1px solid #A4CFEF;
	color: #000;
	background-color: #F0F9FF;
	margin-top: 2em;
	margin-bottom: 2em;
}

#main-content .book-list {
	padding: 10px;
	border-top: 2px solid #DFD5B6;
	border-bottom: 2px solid #DFD5B6;
	color: #000;
	background-color: #FDFFF0;
	margin-top: 2em;
	margin-bottom: 2em;
}

#main-content .launch-website-button {
	margin: 1.5em auto;
	width: 22em;
	text-align: center;
	color: #FFF;
	background-color: #990000;
}


#main-content .launch-website-button a {
	display: block;
	padding: 5px;
	height: 1%;
	color: #000;
	background-color: #EEE;
	font-weight: bold;
}

#main-content .launch-website-button a:link,
#main-content .launch-website-button a:visited {
	color : #000000;
	border-top : 2px solid #e6e6e6;
	border-left : 2px solid #e6e6e6;
	border-right : 2px solid #BBB;
	border-bottom : 2px solid #BBB;
	text-decoration : none;
}

#main-content .launch-website-button a:hover,
#main-content .launch-website-button a:active,
#main-content .launch-website-button a:focus {
	color : #000;
	background-color: #BBB;
	border-top : 2px solid #999;
	border-left : 2px solid #999;
	border-right : 2px solid #DDD;
	border-bottom : 2px solid #DDD;
	text-decoration : none;
}

body.navigators #main-content dl,	/* used in Navigators and also elsewhere such as Preservation info sheets, e.g. "Dealing with mould" */
#main-content dl.steps {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 10px;
}

body.navigators #main-content dt,
body.navigators #main-content dd,
#main-content dl.steps dt,
#main-content dl.steps  dd {
	margin-bottom: 3em;
}

body.navigators #main-content dt,
#main-content dl.steps dt {
	color: #CC6633;
	background-color: transparent;
	text-transform: uppercase;
	font-weight: bold;
}

body.navigators #main-content dd,
#main-content dl.steps dd {
	border-left: 1px solid #DDD;
	padding-left: 10px;
}

#main-content table th h2 {
	text-align: center;
	border-bottom: none;
}


#main-content .user-interaction,
#main-content .uc {		/* use this class in Navigators to style user input or links/buttons to click etc */
	color: #000;
	background-color: #F6F6F6;
	border: 1px solid #DDD;
	padding: 0 2px;
	margin: 0 2px;
}

.highlight {
	color: #000;
	background-color: #D6FEEB;
/*	background-color: #FF6; */
	padding: 0 2px;
	margin: 0;
}

.strong {
	font-weight: bold;
}

.kbd,
kbd,
.mono {
	font-family: Courier, "Courier New", monospace;
	font-size: 120%;
	padding: 0 4px;
	color: #777;
	background-color: transparent;
}

#main-content .item-title,
#main-content .booktitle {
	font-weight: bold;
	font-style: italic;
}

#main-content .location-number,
#main-content .callnumber {
	font-weight: bold;
}

body.navigators #main-content h2.resources-heading {
/*	color: #cc6633;
	border-bottom: 0;
	font-size: 170%;*/
	font-weight: normal;
	background:none;
	padding-bottom: 0.2em;
}

body.navigators #main-content h2 {
	clear: none;
}

body.navigators #main-content h3 {
 clear: none;
}

body.navigators #main-content table.resource-list {
	border-top: 0;
}


/* the below applies to resource listings e.g. /navigators/convicts/not_sure_hulk/index.xml */
body.navigators #main-content table h3 {
	font-weight: bold;
	margin-bottom: 0.3em;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;

}

.inpage-menu {
	margin-bottom: 1em;
	text-align: left;
	font-size: 120%;
	padding: 5px 0px;
	font-family: "Century Gothic", Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
}


/* ===================================
	social media icons (content area)
	example use: http://wcms.ad.sl.nsw.gov.au/servlet/nexus/preview/SLNSW%20public/WebSite/services/learning_at_the_Library/index.xml
   =================================== */


#main-content .find-us {
	margin: 0 0 10px 0;
	color: #777;
	text-align: right;
}

#main-content .social-media-icons,
#main-content .large-social-media-icons {
	margin: 0;
	text-align: right;
}

#main-content .social-media-icons img,
#main-content .large-social-media-icons img  {
	float: none;
	display: inline;
	margin: 0;
}

#main-content .social-media-icons a {
	margin-right: 4px;
}

#main-content .large-social-media-icons a {
	margin-right: 10px;
}

#main-content .social-media-icons a:last-child,
#main-content .large-social-media-icons a:last-child {
	margin-right: 0;
}



/* ===================
podcast styles
====================== */

/* audio file icon */
.audio-link {
	padding: 1px 0px 3px 20px;
	background-image: url("/archive/images/icons/audio.gif");
	background-repeat: no-repeat;
}

.enclosure-type-details {
	text-transform: uppercase;
	font-weight: bold;
	color: #9E0000;
	background-color: transparent;
}


/* RSS feed icon */
.feed-link {
	padding: 1px 0px 3px 20px;
	background-image: url("/archive/images/icons/feed-icon-14x14.gif");
	background-repeat: no-repeat;
}

#main-content .feed-button {
	margin: 1.5em 0;
	width: 12em;
	text-align: center;
	color: #FFF;
	background-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
}


#main-content .feed-button a {
	display: block;
	height: 1%;
	color: #000;
	background-color: #EEE;
	padding: 0.3em;
	padding-left: 20px;
	background-image: url("/archive/images/icons/feed-icon-14x14.gif");
	background-repeat: no-repeat;
	background-position: 2em center;
}

#main-content .feed-button a:link,
#main-content .feed-button a:visited {
	color : #000000;
	border-top : 2px solid #e6e6e6;
	border-left : 2px solid #e6e6e6;
	border-right : 2px solid #BBB;
	border-bottom : 2px solid #BBB;
	text-decoration : none;
}

#main-content .feed-button a:hover,
#main-content .feed-button a:active,
#main-content .feed-button a:focus {
	color : #000;
	background-color: #BBB;
	border-top : 2px solid #999;
	border-left : 2px solid #999;
	border-right : 2px solid #DDD;
	border-bottom : 2px solid #DDD;
	text-decoration : none;
}

/*  temp slideshow css home */

#main-content #slideshow {
    margin: 0px 0px;
	display: block;
	width:500px;
}

#main-content #slideshow .items {
	text-align:center;
	margin: auto;
	text-align:center;
}

#main-content #slideshow .item {
    display: none;
	 margin: auto;
	 text-align:center;

}


#main-content #slideshow table {
    padding: 0;
	margin: 0;
}


#main-content #slideshow .image {
    margin: auto;
	text-align:center;
}

#main-content #slideshow .description {
    margin: 10px;
    font-size: 100%;
}

#main-content #slideshow .controls {
text-align:center;
}

#main-content #slideshow .previous{
float:left;
width:30px;
padding-top:185px;
}

#main-content #slideshow .next {
float:right;
width:30px;
padding-top:185px;
}

.feed-comments iframe {
padding:0;
margin:0 0.3em;
color: #000;
background-color: #ffffff;
width: 200px;

}

/*
.feed-comments li {
font-size: 80%;
}

.feed-comment-text {
font-size: 80%;
}

.feed-comment-name {
font-size: 80%;
}*/

#main-content h3.no-padding-top {
padding-top:0em;
margin-top:-0.5em;
padding-bottom:1em;
}

form.formsearch {
padding-bottom:0px;
margin-bottom:0px;
}


/* highlight boxes with rounded corners, set to fixed width of 500px, used mainly in Annual Reports pages */
.grey-rounded-box-top {
	margin-left: auto;
	margin-right: auto;
	width: 460px;
	background-image: url("/archive/images/layout/grey_rounded_box_top_bg.gif");
	background-repeat: no-repeat;
	padding: 20px 20px 0 20px;
	color: #CCC;
	background-color: #676767;
}

.grey-rounded-box-bottom {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 10px;
	background-image: url("/archive/images/layout/grey_rounded_box_bottom_bg.gif");
	background-repeat: no-repeat;
}

#main-content .grey-rounded-box-top h2 {
	color: #EEE;
	border-bottom: 0;
	margin-top:20px;
	margin-bottom: 10px;
	font-size: 230%;
}

.grey-rounded-box-top a {
	color: #FFF;
	border-bottom: 1px solid #999;
	padding-bottom: 1px;
}

.grey-rounded-box-top a:hover,
.grey-rounded-box-top a:active {
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}


/* use the no-border class on the <a href> that surrounds an <img> tag to stop an unsightly mouseover border appearing on an image */
a.no-border,
a.no-border:hover,
a.no-border:active,
a.no-border:focus {
	border: none;
}

.grey-rounded-box-left-content {
	float: left;
	width: 30%;
	margin-right: 20px;
	text-align: center;
}

.grey-rounded-box-right-content {
	float: left;
	width: 65%;
}



/* boxes set in 3 columns with rounded corners, set to fixed width of 245px, used e.g. in eRecords highlights page */
.grey-rounded-box-3col {
	margin: 0 0 20px 20px;
	float: left;
	width: 245px;
	background-image: url("/archive/images/layout/grey_rounded_box_3col_top_bg.gif");
	background-repeat: no-repeat;
/*	padding: 10px 10px 0 10px; */
	color: #EEE;
	background-color: #676767;
}

.grey-rounded-box-3col.first-item-in-row {
/*	margin-left: 0; */
}

.grey-rounded-box-3col-inner {
	padding: 10px 10px 5px 10px;
}


.grey-rounded-box-3col-bottom {
	width: 245px;
	height: 10px;
	background-image: url("/archive/images/layout/grey_rounded_box_3col_bottom_bg.gif");
	background-repeat: no-repeat;
}

#main-content .grey-rounded-box-3col img {
	border: 1px solid #888;
	float: left;
	margin-right: 10px;
}

#main-content .grey-rounded-box-3col h3 {
	clear: none;
	float: left;
	width: 150px;
	line-height: 1;
	color: #EEE;
	background-color: transparent;
	font-size: 460%;
	margin: 0 0 0.1em 0;
}

#main-content .grey-rounded-box-3col h3 .subtitle {
	font-size: 50%;
	color: #BBB;
	background-color: transparent;
}

/* percentage-complete styles, for percentage boxes */
#main-content .grey-rounded-box-3col.percentage-complete h3 {
	color: #FFEFF3;
	background-color: transparent;
}

#main-content .grey-rounded-box-3col.percentage-complete h3 .subtitle {
	color: #DFC3C9;
	background-color: transparent;
}

/* item-counter styles, for count of items type boxes */
#main-content .grey-rounded-box-3col.item-counter h3 {
	color: #EFE8C2;
	background-color: transparent;
}

#main-content .grey-rounded-box-3col.item-counter h3 .subtitle {
	color: #EFE195;
	background-color: transparent;
}

#main-content .grey-rounded-box-3col .body-text {
	clear: both;
}

/* dashboard styles, e.g. used for eRecords project page */
#main-content .dashboard {
	margin: 2em 0 2em 0;
}

/* boxes set in 2 columns with rounded corners, fixed width of 270px, used in eRecords highlights page */
#main-content .rounded-box-2col {
	margin: 0 0 15px 15px;
	float: left;
	width: 265px;
	background-image: url("/archive/images/layout/rounded_box_3col_top_bg.gif");
	background-repeat: no-repeat;
/*	padding: 10px 10px 0 10px; */
	color: #000;
	background-color: #F9F9F9;
}

#main-content .rounded-box-2col.first-item-in-row {
	margin-left: 0;
}

#main-content .rounded-box-2col-inner {
	padding: 10px;
}


#main-content .rounded-box-2col-bottom {
/*	clear: both;
	margin-left: auto;
	margin-right: auto; */
	width: 265px;
/*	height: 10px; */
	min-height: 180px;
	background-image: url("/archive/images/layout/rounded_box_3col_bottom_bg.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}


#main-content .rounded-box-2col img {
	border: 1px solid #888;
	clear: both;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}



#main-content .rounded-box-2col h3 {
	clear: none;
	float: left;
	width: 165px;
	line-height: 1.0;
/*	color: #999; */
	color: #6B8E23;
	background-color: transparent;
	font-size: 430%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 10px 0;

}

#main-content .rounded-box-2col h3 .title {
	float: left;
}

#main-content .rounded-box-2col h3.full-width {
	width: 100%;
}

#main-content .rounded-box-2col h3.intro-title {
	float: none;
	width: 100%;
	font-size: 230%;
	color: #495F17;
	background-color: transparent;
	margin-bottom: 5px;
	padding-bottom: 0;
	line-height: 1;
}

#main-content .rounded-box-2col h3 .subtitle {
	font-size: 50%;
/*	color: #BBB; */
	color: #495F17;
	background-color: transparent;
}


/* percentage-complete styles, for percentage boxes */

/*
#main-content .rounded-box-2col.percentage-complete h3 {
	color: #B22222;
	background-color: transparent;
}

#main-content .rounded-box-2col.percentage-complete h3 .subtitle {
	color: #7F1717;
	background-color: transparent;
}
*/


/* item-counter styles, for count of items type boxes */
#main-content .rounded-box-2col.item-counter h3 {
	color: #6B8E23;
	background-color: transparent;
}

#main-content .rounded-box-2col.item-counter h3 .subtitle {
	color: #495F17;
	background-color: transparent;
}


#main-content .rounded-box-2col .progress-bar {
	clear: both;
	height: 20px;
	width: 99%;
	border: 1px solid #DDD;
	margin-bottom: 10px;
	color: #000;
	background-color: #E9F0F3;
}

#main-content .rounded-box-2col .progress-bar .meter {
	color: #FFF;
	background-color: #555555;
	height: 20px;
	background-image: url("/archive/images/layout/search-box-advanced-bg.gif");
	background-repeat: repeat-x;
}

#main-content .rounded-box-2col .summary {
	display: inline;	/* fix for IE double margin bug: http://www.positioniseverything.net/explorer/floatIndent.html */
	clear: both;
}

/* PDF file icon: attach this class to the </a><a href> tag */
.pdf-link {
	padding: 3px 20px 1px 0;
	background-image: url("/archive/images/icons/pdf_icon_16x16.gif");
	background-repeat: no-repeat;
	background-position: right;
}

#main-content .related-events-listing-feature-image img {
	float: left;
	margin: 0 15px 10px 0;
}

/* yellow highlight info box, as used in event series (related event listing) page */
#main-content .highlight-box-yellow {
	margin: 10px auto;
	border: 5px solid #FFE88F;
	color: #000;
	background-color: #FFFFF2;
	padding: 15px;
}

#main-content .highlight-box-yellow h2 {
	margin-top: 0;
	border: 0;
}

#main-content .event-type-title {
	padding: 2px 4px;
	margin-right: 0.5em;
	color: #FFF;
	background-color: #789DAF;
	font-size: 70%;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#main-content .event-type-title.Talk {
	color: #FFF;
	background-color: #556B2F;
}

#main-content .event-type-title.Special {
	color: #FFF;
	background-color: #900;
}

#main-content .event-type-title.Course,
#main-content .event-type-title.Workshop {
	color: #FFF;
	background-color: #CD661D;
}

#main-content .event-type-title.Movie {
	color: #FFF;
	background-color: #8B668B;
}

#main-content .event-type-title.Seminar {
	color: #FFF;
	background-color: #109fcf;
}


#main-content .inactive .event-type-title.Talk,
#main-content .inactive .event-type-title.Course,
#main-content .inactive .event-type-title.Workshop,
#main-content .inactive .event-type-title.Movie,
#main-content .inactive .event-type-title.Seminar {
	color: #FFF;
	background-color: #AAA;
}

#main-content a:hover .event-type-title,
#main-content a:focus .event-type-title,
#main-content a:active .event-type-title {
	color: #FFF;
	background-color: #9E0000;
}


#main-content .event-listing-block {

	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #DDD;
/*
	background-image: url("/archive/images/layout/divider-star.gif");
	background-position: bottom center;
	background-repeat: no-repeat; */
}



/* button styles for quickbar Share box */

.small-flickr-icon {	/* used on homepage for Share quickbar box */
	display: block;
	padding: 0 0 0 22px;
	background: url("/archive/images/icons/flickr-icon-16x16.png") no-repeat 0px 0px;
	min-height: 15px;
	height: 15px;		/* need to specify height for IE6, else icon gets chopped off */
}

.small-blogs-icon {	/* used on homepage for Share quickbar box */
	display: block;
	padding: 0 0 0 22px;
	background: url("/archive/images/icons/blogs-icon-16x16.gif") no-repeat 0px 0px;
	min-height: 15px;
	height: 15px;		/* need to specify height for IE6, else icon gets chopped off */
}

.small-videos-icon {	/* used on homepage for Share quickbar box */
	display: block;
	padding: 0 0 0 22px;
	background: url("/archive/images/icons/videos-icon-16x16.gif") no-repeat 0px 0px;
	min-height: 15px;
	height: 15px;		/* need to specify height for IE6, else icon gets chopped off */
}





/* RSS styles */

.small-rss-feed {	/* used on homepage for Share quickbar box */
	display: block;
	padding: 0 0 0 22px;
	background: url("/archive/images/layout/feed-icon-14x14.gif") no-repeat 1px 0px;
	min-height: 15px;
	height: 15px;		/* need to specify height for IE6, else icon gets chopped off */
}


ul.rss {	/* used on RSS listing page */
	list-style-type: none;
	margin-left: 1em;
	padding-left: 0;
}

ul.rss li a {
	list-style-type: none;
	padding: 0 0 2px 22px;
	background: url("/archive/images/layout/feed-icon-14x14.gif") no-repeat 1px 0px;
	min-height: 24px;
	height: 24px;		/* need to specify height for IE6, else icon gets chopped off */
}


/* Flickr badge styles, e.g. /about/collections/flickr.html */

.horizontal-flickr-badge-outer-box {
	width: 100%;
	color: #000;
	background-color: #F1F1F1;
	text-align: center;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 1em;
}

.horizontal-flickr-badge-inner-box {
	margin: 10px auto;
}

.horizontal-flickr-badge-inner-box img {
	margin: 0 4px;
	border: 1px solid #AAA;
}

/* this style is for square crops 190px */
.horizontal-flickr-badge-inner-cropped-box-header {
	text-align: left;
	margin: 10px auto 0 auto;
	color: #000;
	background-color: #AAA;
	width: 170px;
	height: 25px;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
}

.horizontal-flickr-badge-inner-cropped-box {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 190px;
	height: 145px;
	overflow: hidden;
	background-color: #FFF;
}

.horizontal-flickr-badge-inner-cropped-box img {
/*	margin: 0 4px; */
	padding: 0;
/*	width: 194px;
	height: auto; */
	height: 145px;
	width: auto;
/*	border: 1px solid #AAA; */
}



/* ===========================
START Audio recording styles
e.g. as used on /podcasts/events/
   =========================== */

.audio-playback-instructions {
	margin-top: 2em;
	margin-bottom: 1em;
	border: 1px dotted #AAA;
	padding: 10px;
	padding-left: 75px;
	background: url("/archive/images/icons/audio_spoken_word.gif") no-repeat 10px;
	color: #777;
	background-color: #FAFAFA;
}

.audio-detail-page-description {
/*	padding-bottom: 1em; */
	margin-bottom: 1em;
/*	border-bottom: 1px solid #CCC; */
}

#main-content .mejs-container {		/* mediaelementJS player container */
	margin-top: 0.5em;
	margin-bottom: 1em;
	background-color: transparent;
}

table.audio.no-rules td {
	padding-top: 1.5em;
	padding-bottom: 2em;
}


/* ===========================
END Audio recording styles
   =========================== */



/* ===========================
START Video styles
as used on /podcasts/videos/
   =========================== */

.video-container {
	border-top: 1px solid #CCC;
	color: #000;
/*	background-color: #D5D5D5; */
/*	line-height: 1.2; */
	margin: 20px 0 20px 0;
}

.detail.video-container {
	border: 0;
	margin-top: 0;
}

#main-content .video-container h2 {
	border-bottom: 0;
	font-size: 220%;
	margin-bottom: 0.3em;
}

.video-date {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999;
	font-size: 150%;
}

.video-caption {
	margin: 0;
	padding: 10px;
	color: #000;
/*	font-size: 130%; */
}

.video-image {
	margin-top: 3px;
	position: relative;
	padding: 1px;
	border: 1px solid #AAA;
}


.video-duration {
	padding: 1px 4px;
	position: absolute;
	right: 1px;
	bottom: 1px;
	color: #FFF;
	background-color: #000;
	width: auto;
	text-align: right;
}

.landing-page-video-date {
	margin-bottom: 0;

	color: #777;
}

#main-content .landing-page-video-title {
	margin-bottom: 0;
}

.video-summary p {
	margin-bottom: 0;
}

/* ===========================
END Video styles
   =========================== */

.error {
	color: #900;
	background-color:#FFF;
}


/* ======================================
ZURB's Super Awesome Buttons with CSS3 and RGBA
http://www.zurb.com/blog_uploads/0000/0485/buttons-02.html
========================================= */

.awesome,
.awesome:visited {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #006699;
	background-image: url("/archive/images/layout/alert-overlay.png");
	background-repeat: repeat-x;
	display: inline-block;
	padding: 6px 10px 7px;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
/*	text-shadow: 0 -1px 1px rgba(0,0,0,0.5); */
text-shadow: 0px -1px 2px rgba(0,0,0,0.7); /* 50% black coming from the top */
	border-bottom: 1px solid rgba(0,0,0,0.5);
	position: relative;
	cursor: pointer;
}

#main-content .link-block {
	margin-top: 2em;
	margin-bottom: 2em;
	/*font-size: 85%;*/
}

#main-content a.link-button {
	padding: 8px 20px 8px 40px;
	/*margin-right: 1em;*/
	background-color: #F5F5F5;
	border: 1px solid #E2E2E2;
	font-weight: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.form-icon {
background-image: url("/archive/images/icons/form.png");
background-repeat: no-repeat;
background-position: 8px 8px;
}

#main-content a.link-button img {
	padding-right: 3px;
}

#main-content a.link-button:hover,
#main-content a.link-button:focus,
#main-content a.link-button:active {
	color: #FFF;
	background-color: #9E0000;
	border: 1px solid #9E0000;
	text-decoration: none;
}




.awesome:hover,
.awesome:focus,
.awesome:active,
#quick-bar .awesome:hover,
#quick-bar .awesome:focus,
#quick-bar .awesome:active 	{
	background-color: #9E0000;
	color: #fff;
	text-decoration: none;
}

.small.awesome, .small.awesome:visited 			{ font-size: 85%; }

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 100%; line-height: 1.3; }

.large.awesome, .large.awesome:visited 			{ font-size: 120%; padding: 8px 14px 9px; }

.larger.awesome, .large.awesome:visited 			{ font-size: 140%; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }

.green.awesome:hover						{ background-color: #749a02; }

.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }

.blue.awesome:hover							{ background-color: #007d9a; }

.red.awesome, .red.awesome:visited			{ background-color: #e33100; }

.red.awesome:hover							{ background-color: #872300; }

.magenta.awesome, .magenta.awesome:visited		{ background-color: #c02145; }

.magenta.awesome:hover							{ background-color: #630030; }

.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }

.orange.awesome:hover							{ background-color: #d45500; }

.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }

.yellow.awesome:hover							{ background-color: #fc9200; }


.awesome.medium-width {			/* used on Support us > Visionaries page */
	width: 23em;
	text-align: center;
}

.awesome.small-width {			/* used on Support us > Visionaries page */
	width: 16em;
	text-align: center;
}

.awesome.tiny-width {			/* used on Support us > Friends > Join or renew page */
	width: 8em;
	text-align: center;
	font-weight: bold;
}

.video.awesome {	/* used on Videos detail page for videos which are not hosted on Vimeo/Youtube, e.g. Daily Telegraph */
	min-height: 15px;
	font-size: 170%;
	font-family: Arial, Helvetica, sans-serif;
}

.video-landing.awesome {	/* used on Videos Landing Page for videos which are not hosted on Vimeo/Youtube, e.g. Daily Telegraph */
	margin-top: 0.2em;
	padding: 5px 10px;
	color: #00557F;
	background-color: #E0EAEF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	border: 1px solid #b9d3e0;
}

.video-landing.awesome:hover {
	color: #FFF;
	background-color: #9E0000;
	border: 1px solid #9E0000;
}

.video-landing-note-external-website {
/*	border-top: 1px dotted #BBB; */
	color: #777;
/*	padding-top: 1em; */
	margin-top: 1em;
}


.video.awesome img,
.video-landing.awesome img {
	margin-left: 3px;
}

.awesome .dim {
	font-size: 11px;
/*	color: #D1E8EF;	*/
	color: #CFCFCF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ======================================
END of ZURB's Super Awesome Buttons with CSS3 and RGBA
========================================= */

/* CSS for test newletter form */

span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:120px;}
div.clear {clear:both;padding-top:5px;}


.box-container .box ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.box-container .box ul li {
	padding-left: 10px;
	background: url("/archive/images/layout/list_bullet_square.gif") no-repeat 0 6px;
}




/* AddThis button in Share pod */

/*
.addthis_button_compact .at15t_compact {
background-image: none !important;
}
.at300bs {
margin-left:-30px;
}
*/

.addthis_toolbox a {
	margin-top: 5px;
/*	margin-left:-2px; */
}






/* tag cloud pod styles */

.smallestTag {
	font-size: 85%;
}

.smallTag {
	font-size: 110%;
}

.mediumTag {
	font-size: 140%;
}

.largeTag {
	font-size: 150%;
}

.largestTag {
	font-size: 160%;
}





/* ============ VideoJS styles ================ */


#main-content .video-js-box {
	margin-bottom: 1em;
}



/* ============== columns ==================
used in Allen Family albums and Dixson Maps: http://www.sl.nsw.gov.au/discover_collections/society_art/photography/allen_family/
*/

.one-third-column {
	width: 28.16%;		/* non-integer width so that it matches up with width of the one-half-column when one is below the other */
	float: left;
	margin-right: 2%;
	padding: 10px;
/*	width: 30%;
	float: left;
	margin-right: 4%; */
	margin-bottom: 15px;
/*	border: 1px solid Red;  */
}

.one-third-column-link-box a {
	overflow: hidden;
	width: 27.37%;		/* non-integer width so that it matches up with width of the one-half-column when one is below the other */
	float: left;
	margin-right: 2%;
	padding: 10px;
/*	width: 30%;
	float: left;
	margin-right: 4%; */
	margin-bottom: 2%;
/*	border: 1px solid Red;  */
	border: 1px solid #069;
}

body.discover-collections .one-third-column-link-box a:hover,
body.discover-collections .one-half-column-link-box a:hover {
	border: 1px solid #9E0000;
	color: #FFF;
	background-color: #9E0000;
	text-decoration: none;
}

.one-third-column#last-column-in-row,
.one-third-column-link-box#last-column-in-row,
.one-half-column#last-column-in-row,
.one-half-column-link-box#last-column-in-row {
	margin-right: 0;
}

body.discover-collections .one-half-column,
body.discover-collections .one-half-column-link-box a,
body.discover-collections .one-third-column,
body.discover-collections .one-third-column-link-box a {
	background-color: #EDEDED;
}


.one-half-column {
	width: 45%;
	float: left;
	margin-right: 2%;
	padding: 10px;
/*	width: 30%;
	float: left;
	margin-right: 4%; */
	margin-bottom: 15px;
/*	border: 1px solid Red;  */
	overflow-x: hidden;
}

.one-half-column-link-box a {
	overflow: hidden;
	width: 44%;
	float: left;
	margin-right: 2%;
	padding: 10px;
/*	width: 30%;
	float: left;
	margin-right: 4%; */
	margin-bottom: 2%;
/*	border: 1px solid Red;  */
	overflow-x: hidden;
	border: 1px solid #069;
}


#main-content .one-third-column h3,
#main-content .one-half-column h3 {
	font-size: 130%;
	line-height: 1.3;
}

.one-third-column-link-box img {
	width: 157px;
	overflow: hidden;
	display: block;
	margin-bottom: 5px;
}

.one-half-column-link-box img {
	width: 252px;
	overflow: hidden;
	display: block;
	margin-bottom: 5px;
}

#main-content .one-half-column-link-box,
#main-content .one-third-column-link-box {
	font-size: 120%;
	line-height: 1.3;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.one-quarter-column {
	width: 180px;
	float: left;
	margin: 0 10px 0 0;
	margin-bottom: 15px;
}

.one-quarter-column a {
	width: 160px;
	float: left;
	padding: 10px 8px;
	margin: 0;
	border: 1px solid #999;
	height:175px;
	color:#333;
	background-color: #bfd8f0;
}

.one-quarter-column a p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	margin-top:0.2em;
	line-height:1.5;
}

.one-quarter-column a:hover {
	color: #fff;
	background-color: #003956;
	text-decoration: none;
}

.one-quarter-column#last-column-in-row
 {
	margin-right: 0;
}


.myloans {border:1px solid #9b9b9b; background-image: url("/archive/images/layout/cat_butter.jpg"); background-position: right; background-repeat: no-repeat; background-color:#efefef; color:black; margin-bottom:2em; padding:0.3em 2em 2em 2em; width:510px;}


.link-collection .item img { float:left; padding:0px 10px 10px 0; }
.link-collection .item { float:left;  width:570px; padding-bottom:10px;}

.link-collection .item h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%!important;
	font-weight: normal;
	margin-top: 0em!important;
	margin-bottom: 0.2em;
	color: inherit;
	background-color: transparent;
	width:490px;
	clear: none!important;
	float:left!important;
  }

.link-collection .item a h3 {
	color: #006699!important;
	text-decoration: none!important;
	float:left!important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%!important;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.2em;
	width:490px;
  }



.collection { }
.collection .item img { float:left; padding:10px; }
.collection .item { float:left;  width:250px;}

.collection .item h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: normal;
	margin-top: 0.8em;
	margin-bottom: 0.2em;
	color: #000;
	background-color: transparent;
	width:160px;
	clear: none!important;
	float:left!important;
  }

.collection .item h3 a {
float:left!important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.2em;
	width:160px;
  }


.layout { margin-bottom: 20px; }
.layout .item img { float:left; padding: 0px; }
.layout .item { float:left; padding-right: 10px; padding-bottom: 10px;}
.layout .item h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.2em;
	color: #000;
	background-color: transparent;
	width:115px;
	line-height:1.3;
	clear: none!important;
float:left!important;
  }

.layout .item h3 a {
float:left!important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.2em;
	width:115px;
	padding-left:10px;

  }



.sponsors .item img { text-align:center; margin:0 40px; }
.sponsors .item { width:250px; margin:5px; padding:5px; border:1px solid #9b9b9b; }
.sponsors { float:left; margin:5px; width:260px;  }

 .sponsors .item h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70%;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	color: #000;
	background-color: transparent;
	text-align:center; margin:0 40px;
  }

.sponsors .item h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: normal;
	margin-top: 0!important;
	padding-top: 0;
	margin-bottom: 0.2em;
	color: #000;
	background-color: transparent;
	width:100%;
  }

.sponsors .item h3 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: normal;
	margin-top: 0!important;
	padding-top: 0;
	margin-bottom: 0.2em;
	width:100%;
  }

  ul#exhibition-resources {
	display: block;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background-image: url("/archive/images/layout/divider.gif");
	background-repeat: no-repeat;
	background-position: top left;
}


/* only until the extra css works */
ul#exhibition-resources li {
  margin-bottom: 2px;
  margin-top: 0px;
}

.divider {
	margin: 10px 0 0px 0;
	padding: 10px 0 0px 0;
	background-image: url("/archive/images/layout/divider.gif");
	background-repeat: no-repeat;
	background-position: top left;
}




/* ====================================================
   Bequests & Visionaries featured sidebar
   e.g. /about/support/bequests.xml
   ==================================================== */

.featured-sidebar {
	float: right;
	width: 200px;
}

#main-content .featured-sidebar img {
	margin: 0;
	padding: 0;
	clear: both;
	border: 0;
}


.featured-sidebar .heading-block,
.featured-sidebar .small-heading-block {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 190%;
	background-color: #444;
	color: #FFF;
	padding: 8px 10px;
	line-height: 1.3;
}

.featured-sidebar .small-heading-block {
	font-size: 130%;
}

.featured-sidebar .purple.heading-block,
.featured-sidebar .purple.small-heading-block,
.featured-sidebar .purple.content-block {
	background-color: #8c1f68;
	color: #FFF;
}

.featured-sidebar .pink.heading-block,
.featured-sidebar .pink.small-heading-block,
.featured-sidebar .pink.content-block {
	background-color: #F4C1C9;
	color: #000;
}

.featured-sidebar .content-block {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #777;
	color: #FFF;
	padding: 10px 10px 5px 10px;
	line-height: 1.3;
}

#main-content .featured-sidebar .content-block h2,
#main-content .featured-sidebar .content-block h3,
#main-content .featured-sidebar .content-block h4 {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0.5em;
	line-height: 1.3;
}

#main-content .featured-sidebar .content-block p {
	margin-bottom: 1em;
}

#main-content .featured-sidebar .content-block h2 {
	font-size: 140%;
	background: 0;
}

.album-link {
	display: block;
	width: 260px;
	height: 240px;
	background: url("/archive/images/discover/natural_world/derby/derby_album_link.png") bottom;
	text-indent: -99999px;
}
.album-link:hover {
	background-position: 0 0;
	background: url("/archive/images/discover/natural_world/derby/derby_album_hover.png") bottom;
}

.wallis-album-link {
	display: block;
	width: 260px;
	height: 240px;
	background: url("/archive/images/discover/history_nation/wallis/wallis_album_link.png") bottom;
	text-indent: -99999px;
}
.wallis-album-link:hover {
	background-position: 0 0;
	background: url("/archive/images/discover/history_nation/wallis/wallis_album_link_hover.png") bottom;
}

.tiny-table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 1px solid #DDD;
	border-style: solid;
	font-size: 92%;
	color: inherit;
	background-color: #FFF;
}

.tiny-table td {
	margin: 5px;
	padding:5px  8px ;
}

.anchorGlyph {
padding:0;
margin:0;
position:absolute;
left:10px;
}

hr {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: 0;
	border-bottom: 1px solid #ccc;
	height:1px;
}

/* visionaries */

.row {
	 float:left; width:61.8%;
	 padding-right:0px;
}

.completed {
position:absolute;
top:-1;
left:-1;
z-index:1;
}

.sm-thumbs { margin:10px 15px 10px 5px!important; padding:0px!important; }

.row h3 {
	 font-size:135%!important;
}

.pod1 {
float:right; width:35%; font-size:80%; padding:10px; margin:0; border:1px solid #B3C9E8; background:#CCE0FC; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}

.pod1 p {
margin-bottom: 0.33em!important;
}

.pod2 {
float:right; width:22%; font-size:80%; padding:5px 5px 0px 5px; margin:0 10px 0 0; border:1px solid #CCE0FC; background:#E0ECF8; -webkit-border-radius:8px; -moz-border-radius:8px;  border-radius:8px;
}

.pod1 h4, .pod2 h4 { margin-top:0!important; font-family: Verdana, Arial, sans-serif; color: #777;}

.item-content {
	padding:10px 10px 20px 10px; height:auto; border:1px solid #ddd; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}

.item-image {
	float:left; padding:0 15px 10px 0; width:120px;
}

.item-text {
	float:left; width:425px;
}
h3.first-heading {
margin-top:0!important;
padding-bottom:5px!important;
line-height:1;
}

.faux-quickbar {
		float:left;width:185px;
}

.faux-quickbar .pod2 {
float:none; width:175px; font-size:90%; padding:5px 5px 0px 5px; margin:0 10px 0 0;  border:1px solid #B3C9E8; background:#CCE0FC; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}


.faux-quickbar .pod1 {
float:none; width:175px; font-size:90%; padding:5px 5px 0px 5px; margin:10px 0; border:1px solid #CCE0FC; background:#E0ECF8;  -webkit-border-radius:8px; -moz-border-radius:8px;  border-radius:8px;
}

.faux-quickbar .pod1 h4, .faux-quickbar .pod2 h4 { font-family: Verdana, Arial, sans-serif!important; color: #777!important; font-size:90%!important; margin:0; }

.discover-collections iframe {
  border-top: #ccc 1px solid;
  border-right:#ccc 1px solid;
  border-left: #ccc 1px solid;
  border-bottom:#ccc 1px solid;
}

.pagination {
	padding:10px 0px;
}

.pagination a {
	display:block;
	float:left;
	text-align:center;
	padding:2px 3px;
	margin:3px;
	border:1px solid #CCC;
	min-width:20px;
}

.pagination a.nav {
	border:none;
}

.pagination a.nav:hover {
	background-color:transparent;
	text-decoration:underline;
	color:#900;
	border:none;
}


.pagination .current-page,
.pagination a:hover {
	text-decoration:none;
	background-color:#900;
	color:#fff;
	border:1px solid #900;
}

.pagination .current-page
 {	font-weight:bold;

}

#thumbnail-gallery {
	display: block;
	width: 100%;
	float: left;
	background-image: url("/archive/images/layout/breadcrumb-text-size-print-bar-bg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}

#thumbnail-gallery a.thumbnail {
	padding: 1px;
	border: 4px solid transparent;
	display: block;
	float: left;
	margin: 0 1px 1px 0;
}



#thumbnail-gallery a.thumbnail:hover,
#thumbnail-gallery a.thumbnail:focus,
#thumbnail-gallery a.thumbnail:active,
#thumbnail-gallery a.thumbnail#active-thumbnail:hover,
#thumbnail-gallery a.thumbnail#active-thumbnail:focus,
#thumbnail-gallery a.thumbnail#active-thumbnail:active {
	color: #FFF;
	border: 4px solid #000;
}

#thumbnail-gallery a.thumbnail#active-thumbnail {
	color: #FFF;
/*	background-color: #333;	*/
	border: 4px solid #BBB;
}

#thumbnail-gallery-tooltip {
	position:absolute;
	width: 20em;
/*	border:4px solid #333; */
	background:#F9F9F9;
	border: 1px solid #999;
	padding:8px 8px 15px 8px;
	display:none;
	color:#333;
	font-size: 85%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,0.6) 0px 3px 8px;
	-moz-box-shadow: rgba(0,0,0,0.6) 0px 3px 8px;
	box-shadow: rgba(0,0,0,0.6) 0px 3px 8px;
}

#thumbnail-gallery-tooltip img {
	margin-bottom: 8px;
	opacity: 1;
}

.grey-block {
PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #f8f8f8; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; MARGIN-BOTTOM: 1em; FLOAT: left; PADDING-TOP: 20px;
}


/*
================================
WHAT'S ON sections
================================
*/

body.whats-on #main-content {
	margin-top: 15px;
}

body.whats-on #footer {
	margin-top: 10px;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}


.whats-on-block {
	position: relative;
	display: block;
	float: left;
	width: 235px;
	height: 235px;
/*	margin-right: 10px; */
	margin-bottom: 10px;
	background-color: #EEE;
	line-height: 1.5;
	overflow: hidden;
	text-align: left;
}


#main-content .whats-on-block h3,
#main-content .whats-on-block h4 {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 1em;
}

.whats-on-block img.main {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.whats-on-block .text {
	text-align: left;
	padding: 0 15px 15px 15px;
}

.centred.whats-on-block .text {
	text-align: center;
}

.italics.whats-on-block .text,
#main-content .italics.whats-on-block h2,
#main-content .italics.whats-on-block h3,
#main-content .italics.whats-on-block h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-style: italic;
}



.whats-on-block .more {
	position: absolute;
	text-align: right;
	right: 15px;
	bottom: 15px;
}

.whats-on-block .more a {
	color: #000;
	padding: 2px 20px 2px 0;
	background-image: url("/archive/images/layout/small_right_arrow_button.png");
	background-position: right;
	background-repeat: no-repeat;
}


.whats-on-block a,
#main-content .whats-on-block h2 a,
#main-content .whats-on-block h3 a,
#main-content .whats-on-block h4 a {
	color: #000;
}

.whats-on-block a:hover,
.whats-on-block a:focus,
.whats-on-block a:active,
#main-content .whats-on-block h2 a:hover,
#main-content .whats-on-block h2 a:focus,
#main-content .whats-on-block h2 a:active,
#main-content .whats-on-block h3 a:hover,
#main-content .whats-on-block h3 a:focus,
#main-content .whats-on-block h3 a:active,
#main-content .whats-on-block h4 a:hover,
#main-content .whats-on-block h4 a:focus,
#main-content .whats-on-block h4 a:active {
	color: #000;
	text-decoration: underline;
}

a .whats-on-block {
	color: #000;
}

a:hover .whats-on-block,
a:focus .whats-on-block,
a:active .whats-on-block {
	color: #FFF;
	background-color: #222;
}

a:hover .featured-event.whats-on-block .date,
a:focus .featured-event.whats-on-block .date,
a:active .featured-event.whats-on-block .date {
	color: #BBB;
}


.whats-on-block #social-media-icons {
	margin-top: 30px;
	margin-left: 15px;
}

.whats-on-block #social-media-icons a {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.whats-on-block #social-media-icons a.last-in-row,
.whats-on-block #social-media-icons a:last-child {
	margin-right: 0;
}

.whats-on-block table {
	margin-top: 0;
	margin-bottom: 1em;
}


/*
====================================================
events related boxes for WHAT'S ON
====================================================
*/


.events.whats-on-block {
	color: #000;
	background-color: #b5e1ca;
}






/*
====================================================
colour schemes for WHAT'S ON
====================================================
*/


.blue.whats-on-block {
	color: #000;
	background-color: #d2e4ef;
}




/*
====================================================
padded boxes for WHAT'S ON
====================================================
*/

.padded.whats-on-block {
	width: 205px;
	height: 205px;
	padding: 15px;
}

.padded.whats-on-block .text {
	padding: 0;
}




/*
====================================================
Book stack box for WHAT'S ON
====================================================
*/

.book-stack.whats-on-block {
	width: 205px;
	height: 205px;
	padding: 15px;
	color: #000;
	background-color: #b5e1ca;
	background-image: url("/archive/images/whatson/book_bg.png");
	background-repeat: no-repeat;
}

.book-stack.whats-on-block .text {
	padding: 0;
	text-align: center;
}


/*
====================================================
two-columns wide boxes for WHAT'S ON
====================================================
*/

.two-columns-wide.whats-on-block {
	width: 480px;
	height: 235px;
}

.padded.two-columns-wide.whats-on-block {
	width: 450px;
	height: 205px;
	padding: 15px;
}



/*
====================================================
three-columns wide boxes for WHAT'S ON
====================================================
*/

.three-columns-wide.whats-on-block {
	width: 725px;
	height: 235px;
}

.padded.three-columns-wide.whats-on-block {
	width: 695px;
	height: 205px;
	padding: 15px;
}






/* ==============================
	exhibitions WHAT'S ON blocks
   ============================== */

.exhibitions.whats-on-block {
/*	width: 480px;  */
	width: 725px;
/*	height: 480px; */
	height: 430px;
	overflow: hidden;
	text-align: left;
	color: #FFF;
	background-color: #444;
/*	color: #000;
	background-color: #DDD; */
}



.exhibitions.whats-on-block .manual-controls {
	float: left;
	width: 230px;
	padding: 15px 0 15px 15px;
	overflow: hidden;
	height: 100%;
	margin-right: 15px;
 	background-color: #505050;
/*	background-color: #EEE; */
}

.exhibitions.whats-on-block .manual-controls ol {
	padding: 0;
	list-style: none;
	margin: 0 0 2em 0;
}

.exhibitions.whats-on-block .manual-controls li {
	display: block;
	margin: 0;
	padding: 4px 17px 4px 4px;
	height: auto;
	border-top: 1px dotted #000;
}

.exhibitions.whats-on-block .manual-controls li:last-child {
	border-bottom: 1px dotted #000;
}

.exhibitions.whats-on-block .manual-controls li.flex-active {
	color: #FFF;
	background-color: #444;
/*	color: #000;
	background-color: #DDD; */
	background-image: url("/archive/images/layout/light_arrow_right.png");
	background-position: right;
	background-repeat: no-repeat;
}



#main-content .exhibitions.whats-on-block .manual-controls h2 {
	color: #f05d24;
/*	color: #000; */
}





.exhibitions.whats-on-block .flexslider {
	position: relative;
	margin-left: 0;
/*	border-left: 1px dotted #888; */
	float: left;
	background-color: transparent;
	width: 465px;
	height: 100%;
	padding: 0;
}






.exhibitions.whats-on-block .text {
	float: left;
	padding: 0 15px 15px 0;
	margin-top: 15px;
}

.exhibitions.whats-on-block ul.slides li {
	position: relative;
}

#main-content .exhibitions.whats-on-block .text h2 {
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.9);
/*	color: #000; */
	font-weight: normal;
	font-size: 340%;
	font-family: league-gothic, Arial, Helvetica, sans-serif;
/*	text-shadow: 2px 2px 4px #000; 	 */
	line-height: 1.1;
	background: none;
	padding: 0;
	margin: 0 0 0.3em 0;
	text-align: left;
	text-transform: uppercase;
}

#main-content .exhibitions.whats-on-block .text h2 a {
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.9);
/*	color: #000; */
}


#main-content .exhibitions.whats-on-block .venue-dates {
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.8);
/*	color: #555; */
	font-size: 120%;
	text-transform: none;
	font-weight: bold;
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	color: #f05d24;
}



.exhibitions.whats-on-block .divider {
	color: #888;
	background: 0;
	font-size: 120%;
	font-weight: normal;
	margin: 0 5px;
}

.exhibitions.whats-on-block ul.slides li img.main {
	width: 450px;
	height: auto;
	float: left;
	margin: 0;
}


/*
.exhibitions.whats-on-block ul.slides li.coming-soon img.main,
.exhibitions.whats-on-block ul.slides li.on-tour img.main {
	width: auto;
	height: auto;
	float: left;
	margin: 0 15px 10px 0;
}
*/

.exhibitions.whats-on-block ul.slides li.coming-soon img {
	float: left;
	margin: 0 15px 11px 0;
	display: inline;
}

#main-content .exhibitions.whats-on-block ul.slides li.coming-soon h3,
#main-content .exhibitions.whats-on-block ul.slides li.on-tour h3 {
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.5);
/*	color: #888; */
	font-weight: normal;
	font-size: 250%;
	font-family: league-gothic, Arial, Helvetica, sans-serif;
/*	text-shadow: 2px 2px 4px #000; 	 */
	line-height: 0.9;
	background: none;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: left;
	text-transform: none;
}







/* ===================================
	Event series for WHAT'S ON blocks
   =================================== */

.series.flexslider.whats-on-block {
	background-color: #b5e1ca;
}







/*
====================================================
Displays box for WHAT'S ON
====================================================
*/

.displays.tall.whats-on-block {
	background-color: #EEE;
}

.displays.tall.whats-on-block .text {
	padding: 15px;
}

.displays.tall.whats-on-block img.main {
	width: auto;
	height: auto;
}

#main-content .displays.whats-on-block h3 {
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
}



/*
====================================================
On Tour WHAT'S ON
====================================================
*/

.on-tour.whats-on-block {
/*	background-color: transparent !important; */
	background-color: #DDD;
}

.on-tour.whats-on-block .manual-controls {
	float: left;
	width: 220px;
	padding: 15px 0 15px 15px;
	overflow: hidden;
	height: 100%;
	margin-right: 0px;
	background-color: #EEE;
}

.on-tour.whats-on-block .manual-controls li {
	display: block;
	padding: 4px 15px 4px 4px;
	height: auto;
	border-top: 1px dotted #AAA;
}


.on-tour.whats-on-block .manual-controls li.flex-active {
	color: #000;
/*	background-color: #EEE; */
	background-color: #DDD;
	background-image: url("/archive/images/layout/dark_arrow_right.png");
	background-position: right;
	background-repeat: no-repeat;
}

#main-content .on-tour.whats-on-block .manual-controls h2 {
	margin-bottom: 0.3em;
}


.on-tour.whats-on-block .text.flexslider {
	position: relative;
	margin-left: 0;
/*	border-left: 1px dotted #888; */
	float: left;
	background-color: transparent;
	width: 460px;
	height: 100%;
	padding: 15px;
}



.on-tour.whats-on-block .text.flexslider .slides li {
	overflow: hidden;
}


.on-tour.whats-on-block .text.flexslider img.main {
	width: auto;
	height: auto;
	float: left;
	margin: 0 15px 300px 0;
}

#main-content .on-tour.whats-on-block .text.flexslider h2 {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-transform: none;
	font-weight: bold;
}

.on-tour.whats-on-block .text.flexslider .date {
	text-transform: uppercase;
}

#main-content .on-tour.whats-on-block .text.flexslider .text {
	margin-top: 15px;
}


.on-tour.whats-on-block .flex-control-nav li {
	display: block;
}



/*
==================================
search box for WHAT'S ON
==================================
*/

.search.whats-on-block {
	position: relative;
	width: 205px;
/*	height: 450px; */
	height: 60px;
	padding: 15px;
	text-align: left;
	color: #000;
	background-color: #EEE;
}

.search.whats-on-block input {
	margin: 0;
}

.search.whats-on-block input.search-box {
	width: 63%;
	padding: 0;
}




/*
==================================
upcoming events box for WHAT'S ON
==================================
*/

.upcoming-events-list.whats-on-block {
	position: relative;
	width: 205px;
/*	height: 450px; */
	height: 300px;
	padding: 15px;
	text-align: left;
/*	background-color: #FFF; */
/*	background-color: #e9d8c8;		*/
/*	background-color: #a2ce00; */
	background-color: #b5e1ca;
}

.upcoming-events-list.whats-on-block a,
.on-tour.whats-on-block .manual-controls a {
	color: #000;
}

.upcoming-events-list.whats-on-block ul,
.upcoming-events-list.whats-on-block li,
.on-tour.whats-on-block .manual-controls ol,
.on-tour.whats-on-block .manual-controls li,
.future-exhibitions.whats-on-block ul,
.future-exhibitions.whats-on-block li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.upcoming-events-list.whats-on-block ul li a,
.future-exhibitions.whats-on-block ul li a {
	display: block;
	padding: 4px;
	height: auto;
	border-top: 1px dotted #7c9e00;
}

.upcoming-events-list.whats-on-block ul,
.future-exhibitions.whats-on-block ul {
	border-bottom: 1px dotted #7c9e00;
}

.upcoming-events-list.whats-on-block ul li a:hover,
.upcoming-events-list.whats-on-block ul li a:focus,
.upcoming-events-list.whats-on-block ul li a:active,
.on-tour.whats-on-block .manual-controls li:hover,
.on-tour.whats-on-block .manual-controls li:focus,
.on-tour.whats-on-block .manual-controls li:active,
.exhibitions.whats-on-block .manual-controls li:hover,
.exhibitions.whats-on-block .manual-controls li:focus,
.exhibitions.whats-on-block .manual-controls li:active,
.exhibitions.whats-on-block .manual-controls li.flex-active:hover,
.exhibitions.whats-on-block .manual-controls li.flex-active:focus,
.exhibitions.whats-on-block .manual-controls li.flex-active:active,
.future-exhibitions.whats-on-block ul li a:hover,
.future-exhibitions.whats-on-block ul li a:focus,
.future-exhibitions.whats-on-block ul li a:active {
	color: #FFF;
	background-color: #222;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.upcoming-events-list.whats-on-block ul li .date,
.future-exhibitions.whats-on-block ul li .date {
	display: block;
/*	width: 10.5em; */
	text-align: left;
	color: #5e7569;
	overflow: hidden;
	font-weight: normal;
	text-transform: uppercase;
}

.upcoming-events-list.whats-on-block ul li a:hover .date,
.upcoming-events-list.whats-on-block ul li a:focus .date,
.upcoming-events-list.whats-on-block ul li a:active .date,
.future-exhibitions.whats-on-block ul li a:hover .date,
.future-exhibitions.whats-on-block ul li a:focus .date,
.future-exhibitions.whats-on-block ul li a:active .date {
	color: #BBB;
}

.upcoming-events-list.whats-on-block ul li .type {
/*	float: left;
	margin-left: 0.5em;
	width: 5.5em; */
	overflow: hidden;
}

.upcoming-events-list.whats-on-block ul li .title {

}

.upcoming-events-list.whats-on-block ul li a br {
	clear: both;
	float: none;
}


#main-content .whats-on-block h2,
.featured-event.whats-on-block .type {
	font-size: 230%;
	font-family: league-gothic, Arial, Helvetica, sans-serif;
	background: none;
	padding: 0;
/*	margin: 0 0 0.4em 0; */
	margin: 0 0 0.3em 0;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: normal;
}

h1.heading-break {
	padding-top:-10px;
	margin-top:0px;
}


/*
================================
Future exhibitions box for WHAT'S ON
================================
*/


.future-exhibitions.whats-on-block ul {
	max-height: 160px;
	overflow: auto;
}






/*
================================
featured event boxes for WHAT'S ON
================================
*/

.featured-event.whats-on-block {
	width: 205px;
	height: 205px;
	padding: 15px;
	text-align: center;
/*	background-color: #e9d8c8;	*/
	background-color: #b5e1ca;
}

.featured-event.whats-on-block img.main {
	margin: 0 15px 10px 0;
	width: 60px;
	height: 60px;
	float: left;
}

.featured-event.whats-on-block .type {
	text-align: left;

}

.featured-event.whats-on-block .heading {
	margin-bottom: 1em;
/*	font-family: Arial, Helvetica, sans-serif;	 */
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
}

.featured-event.whats-on-block .text {
	text-align: left;
	padding: 0;
}

.featured-event.whats-on-block .date {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #555;
}




/* ========================
	tall WHAT'S ON blocks
   ======================== */

.tall.whats-on-block {
	width: 235px;
	height: 480px;
	text-align: left;
	background-color: #EEE;
}


.tall.whats-on-block .text {
	padding: 0 15px 15px 15px;
}


/*
.tall.whats-on-block a {
	display: block;
	height: 480px;
	padding: 15px;
	color: #000;
}
*/


/*
.tall.whats-on-block a {

	background-color: #e9d8c8;
}
 */


/* Tours of the Library */
/*
.tall.whats-on-block a.tours {
	color: #000;
	background-color: #e9d8c8;
}
*/


/* Tuesdays at the Library series */
/*
.tall.whats-on-block a.tuesdays {
	color: #FFF;
	background-color: #ed311e;
}
*/

.tall.whats-on-block a:hover,
.tall.whats-on-block a:focus,
.tall.whats-on-block a:active {
	text-decoration: none;
}



.tall.whats-on-block img.main {
	margin-bottom: 15px;
}

.tall.whats-on-block ul.slides,
.tall.whats-on-block ul.slides li {
	height: 100%;
}




/*
=========================================================
Flexslider style overrides for WHAT'S ON and other areas
=========================================================
*/

.flexslider.whats-on-block,
.whats-on-block .flexslider {
	margin-bottom: 10px;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	background-color: #EEE;
}


.flexslider.whats-on-block:hover a.flex-prev {
	left: 15px;
	opacity: 0.6;
}

.flexslider.whats-on-block:hover a.flex-next {
	right: 15px;
	opacity: 0.6;
}



/* tall what's on blocks */

.flexslider.tall.whats-on-block .flex-direction-nav a {
	top: 19%;
}

.displays.flexslider.tall.whats-on-block .flex-direction-nav a {
	top: 26%;
}

.flexslider.tall.whats-on-block:hover a.flex-prev,
.flexslider.tall.whats-on-block:focus a.flex-prev,
.flexslider.tall.whats-on-block:active a.flex-prev {
	left: 6px;
}

.flexslider.tall.whats-on-block:hover a.flex-next,
.flexslider.tall.whats-on-block:focus a.flex-next,
.flexslider.tall.whats-on-block:active a.flex-next {
	right: 6px;
}

.flexslider.tall.whats-on-block a:hover.flex-prev,
.flexslider.tall.whats-on-block a:focus.flex-prev,
.flexslider.tall.whats-on-block a:active.flex-prev,
.flexslider.tall.whats-on-block a:hover.flex-next,
.flexslider.tall.whats-on-block a:focus.flex-next,
.flexslider.tall.whats-on-block a:active.flex-next {
	background-color: transparent;
}


.flexslider.whats-on-block:hover .flex-next:hover,
.flexslider.whats-on-block:hover .flex-prev:hover {
	opacity: 1;
}


.flexslider.whats-on-block .flex-control-nav.flex-control-paging {
	position: absolute;
	bottom: 15px !important;
/*	background-color: Red; */
	overflow: hidden !important;
}


.flexslider.whats-on-block .flex-control-paging li a {
	background-color: rgba(255,255,255,0.6);
}

.flexslider.whats-on-block .flex-control-paging li a.flex-active {
	background-color: rgba(0,0,0,0.5);
}


#main-content .flexslider.whats-on-block ul.slides,
#main-content .whats-on-block .flexslider ul.slides {
	overflow: hidden;			/* bug fix: else when we use scrollwheel over flexslider, it pages up and down */
}


/*
================================
Tiptip styles for WHAT's ON
================================
*/

body.whats-on #tiptip_content {
	text-align: left;
	padding: 15px;
	color: #DDD;
	min-width: 240px;
}

body.whats-on #tiptip_content img {
	float: left;
	margin: 0 15px 10px 0;
	width: 80px;
	height: 80px;
}

body.whats-on #tiptip_content .details {
	color: #f05d24;
/*
	display: block;
	float: left;
	width: 200px;
*/
}

body.whats-on #tiptip_content p:last-child {
	margin-bottom: 0;
}

/*
====================================================
event calendar for WHAT'S ON
====================================================
*/




.whats_on_calendar.whats-on-block {
	position: relative;
	display: block;
	float: left;
	width: 235px;
	height: 330px;
	padding: 0;
/*	margin-right: 10px; */
	margin-bottom: 10px;
	background-color: transparent;
	line-height: 1.5;
	overflow: hidden;
	text-align: left;
}
.whats_on_calendar .calendar_container .Zebra_DatePicker, .whats_on_calendar .calendar_container .Zebra_DatePicker .dp_header .dp_hover, .whats_on_calendar .calendar_container .Zebra_DatePicker .dp_footer .dp_hover {
 -webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
 border-radius: 0px !important;
}
.whats_on_calendar .calendar_container .Zebra_DatePicker{
	width:230px;
	height:330px;
}
.whats_on_calendar.whats-on-block table{
	margin-bottom:0px !important;

}
.whats_on_calendar .calendar_container .dp_header{
	width:229px !important;
}
.whats_on_calendar .calendar_container .dp_daypicker{
	width:229px !important;
	height:264px;
}











/*
================================
jQuery Masonry box styles
================================
*/

.masonry-block {
	margin-top: 2em;
	margin-bottom: 1em;
}


.masonry-box {
	display: block;
	float: left;
	width: 45%;
	color: #000;
	background-color: #F3F3F3;
/*	border: 1px solid #DDD; */
	padding: 10px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 1.4;
}

#main-content .masonry-box h3 {		/* first heading must not have margin-top */
	margin-top: 0;
}

#main-content .masonry-box h3 + h3 {
	margin-top: 1em;
}

#main-content .masonry-box h4 {
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

.masonry-box ul,
.masonry-box ol {
	margin-left: 0;
}


.masonry-box.grey {
	color: #000;
	background-color: #F3F3F3;
}

.masonry-box.blue {
	color: #000;
	background-color: #E5EFFF;
}

.masonry-box.orange {
	color: #000;
	background-color: #ffe2a4;
}

.masonry-box.green {
	color: #000;
	background-color: #d9efba;
}

.masonry-box.pink {
	color: #000;
	background-color: #ffebfa;
}

.masonry-box.yellow {
	color: #000;
	background-color: #fffee9;
}

.masonry-box.purple {
	color: #000;
	background-color: #debeed;
}

.masonry-box.red {
	color: #000;
	background-color: #ffaeb6;
}
.masonry-box.bright-green {
	color: #000;
	background-color: #e0ffdd;
}

.masonry-box.bright-yellow {
	color: #000;
	background-color: #fffea8;
}

.masonry-box.bright-purple {
	color: #000;
	background-color: #ccccff;
}

.masonry-box.bright-red {
	color: #000;
	background-color: #ffcbcb;
}

.masonry-box.bright-green-yellow {
	color: #000;
	background-color: #d2ff47;
}
.masonry-box.bright-blue {
	color: #000;
	background-color: #99ffff;
}
.masonry-box.dark-orange{
	color: #000;
	background-color: #ff9966;
}

.masonry-box.brown{
	color: #000;
	background-color: #cc9966;
}
.masonry-box.light-brown{
	color: #000;
	background-color: #D6C2AD;
}
.masonry-box.bright-pink{
	color: #000;
	background-color: #ffd0b3;
}
.masonry-box.dark-pink{
	color: #000;
	background-color: #d6adad;
}
.masonry-box.bright-brown{
	color: #000;
	background-color: #e2d2a4;
}
.masonry-box.light-orange{
color: #000;
	background-color: #ffcc99

}
.masonry-box.dark-green{
	color: #000;
	background-color: #C2C2A3;
}
.masonry-box.light-green{
	color: #000;
	background-color: #d3f0d0;
}


/*
================================
start of new design for search our collection page http://wcms.ad.sl.nsw.gov.au/servlet/nexus/preview/SLNSW%20public/WebSite/using/search/index.xml
================================
*/
.des_section p{
 color:#fff;
 margin-bottom:1.33em !important;
}
.des_section a{
 color:#fff;
 text-decoration:underline;
}
.des_section h2{
 color:#dddddd !important;
 font-weight:bold !important;
}
div .des_section{

	height:auto;

	background:#666;
	padding:15px;

	color:#fff;
	width:540px;
}


div.list{
padding:15px;

margin-bottom:5px;
margin-top:5px;
list-style-type: none;
background:#dddddd ;
color:#333;
font-size:16px;
width:540px;

}
div.catalogue{
	background:#dddddd /*url("/archive/images/using/search/catalogue.png") right no-repeat */ ;
}
.catalogue:hover{
background:#ececec /*url("/archive/images/using/search/catalogue.png") right no-repeat*/ ;
}
div.Manuscripts{
	background:#dddddd /*url("/archive/images/using/search/manuscripts.png") right no-repeat*/ ;
}
.Manuscripts:hover{
background:#ececec /*url("/archive/images/using/search/manuscripts.png") right no-repeat*/;
}
div.eResources{
	background:#dddddd /*url("/archive/images/using/search/eresources.png") right no-repeat */;
}
.eResources:hover{
background:#ececec /*url("/archive/images/using/search/eresources.png") right no-repeat */;
}
div.Website{
	background:#dddddd /*url("/archive/images/using/search/website.png") right no-repeat */;
}
.Website:hover{
background:#ececec /*url("/archive/images/using/search/website.png") right no-repeat */;
}
.list:hover{

cursor:pointer;
}

input.catalogue_search_box{
width:230px;

}
input.search_botton{
width:95px;
float:right !important;
margin-right:37px !important;
}
p.catalogue_sec_1{
float:left;
width:50%;
margin-bottom:0px !important;

}
p.tight_para{
	margin-bottom:10px !important;

}
/*
========================================
end of new design for search our collection page
========================================
*/

/*
=========================================================
start of new design for search our collection page 2nd edition http://wcms.ad.sl.nsw.gov.au/servlet/nexus/preview/SLNSW%20public/WebSite/using/search/search_collections.xml
========================================================
*/


input.collection_search_box{
width:215px;

}
input.collection_search_botton{
width:95px;
float:right !important;

}



ul.category_sec{
margin-left:-1px;
padding:0px;
list-style-type: none;
float:left;
}
ul.category_sec li{
	padding:15px;
	background:#ddd url("/archive/images/using/search/promo-gray.png") right bottom no-repeat;
	list-style-type: none;

	color:#333;
	height:55px;
	width:440px;

}
ul.category_sec li:hover{

	background:#ececec url("/archive/images/using/search/promo-gray.png") right bottom no-repeat;
}
ul.category_sec li.active{
    width:445px;
	background-color:#666;
	background-image:none !important;
	color:#fff;
	margin-right:0px;
}
.description_sec{
	width:225px;
	height:397px;
	padding:25px;
	float:left;
	background-color:#666;
	color:#fff;
}
div.description_sec h2{
	color:#fff !important;
	background-image:none !important;
	margin-top:0 !important;
	font-size:200% !important;
}
.description_sec a{
 color:#fff;
 text-decoration:underline;
}
/*
============================================================
end of new design for search our collection page 2nd edition
============================================================
*/




/*
=========================================================
start of event & exhibition feed calendar
========================================================
*/

div.feed_calander_div{
	padding:15px;
	float:left;
	width:44%;
	background-color:#f3f3f3;
	color:#000;
	height:195px;
}
div.feed_Tour {

	/*background-color: #789DAF;*/
	background-color: #BCCED7;
	}

div.feed_Talk {

	/*background-color: #556B2F;*/
	background-color:#BBC4AC;
}

div.feed_Course,
div.feed_Workshop {

	/*background-color: #CD661D;*/
	background-color: #FFC285
}

div.feed_Seminar {
	background-color: #B7E2F1;
	/*background-color: #109fcf;*/
}

div.feed_Movie {

	/*background-color:#8B668B;*/
	background-color:#DCD1DC;
}
div.feed_Special{
	/*background-color:#900;*/
	background-color:#FF9999;
}
div.feed_display{

	background:url('../images/events/calendar/display.png');
}
span.feed_calendar_title{
	font-size:140%;
	line-height:20px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
}
p.feed_calendar_dsc{
	word-wrap: break-word;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p.feed_calendar_date{
	margin-left: 110px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.feed_calendar_image{
	margin-right:10px;
	margin-bottom:8px;
	float:left;
	width:100px;height:100px;overflow:hidden;
}

/*
=========================================================
end of event & exhibition feed calendar
========================================================
*/






/*
=========================================================
START Landing Page v2 and Content Page v2 styles
========================================================
*/


.landing-page-v2 .image-block {
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
}


#main-content .landing-page-v2 .image-block img {
	float: left;
	margin: 0 7px 5px 0;
/*	width: 50px;
	height: 50px; */
	width: auto;
	height: auto;
	vertical-align: middle;
}


.landing-page-v2 a.page-block,
.landing-page-v2 .item-block {
	float: left;
	width: 165px;
	min-height: 120px;
	padding: 0 12px;
/*	background-color: #F9F9F9; */
	border-right: 1px dotted #BBB;
	margin: 5px 0 15px 0;
	line-height: 1.4;
	color: #000;
}



/* we have wider page-blocks when there is no subnav on the landing page */
body.no-sub-nav .landing-page-v2 a.page-block,
body.no-sub-nav .landing-page-v2 .item-block {
	width: 225px;
}


/* we have 4 page-blocks per row when the quickbar is Off on the landing page */
body.wide-page .landing-page-v2 a.page-block
body.wide-page .landing-page-v2 .item-block {
	width: 170px;
}


.landing-page-v2 a.last-in-row.page-block,
.landing-page-v2 .last-in-row.item-block
 {
	border-right: 0;
/*	margin-left: 0; */
}

#main-content .landing-page-v2 a.page-block h3,
#main-content .landing-page-v2 .item-block h3 {
	margin-top: 0;
	clear: none;
	font-style: italic;
	margin-bottom: 5px;
	line-height: 1.1;
	font-size: 180%;
	vertical-align: middle;
	text-align: left;
}

#main-content .landing-page-v2 a.page-block h3,
#main-content .landing-page-v2 a.item-block h3 {
	color: #006699;
}



#main-content .landing-page-v2 h1 {		/* we want to float h1 left so that an image-right can sit up at top, at same line as h1 */
	float: left;
}

/*
#main-content .landing-page-v2 h2 {
	background-image: none;
	text-transform: none;
	font-weight: bold;
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #BBB;
	margin-bottom: 10px;
	color: #444;
}
*/



/*
#main-content .landing-page-v2 .section-block h2 a {
	color: #FFF;
}
*/

#main-content .landing-page-v2 .section-block {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 20px;
	padding: 0;
	overflow: hidden;			/* have to hide overflow, else h2 sometimes overruns on the right edge */
}

#main-content .landing-page-v2 .section-block h2 {
	color: #FFF;
	background-color: #999;
	background-image: none;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	border: 0;
	width: 100%;
	text-transform: none;
/*
	font-weight: bold;
	text-transform: uppercase;
*/
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
/*	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
}


#main-content .landing-page-v2 .section-block hr {
	clear: both;
	float: none;
	margin: 10px 0;
	border-bottom: 1px dotted #BBB;
}


#main-content .landing-page-v2 a.page-block:hover,
#main-content .landing-page-v2 a.page-block:focus,
#main-content .landing-page-v2 a.page-block:active,
#main-content .landing-page-v2 a.page-block:hover h3,
#main-content .landing-page-v2 a.page-block:focus h3,
#main-content .landing-page-v2 a.page-block:active h3,
#main-content .landing-page-v2 a.item-block:hover,
#main-content .landing-page-v2 a.item-block:focus,
#main-content .landing-page-v2 a.item-block:active,
#main-content .landing-page-v2 a.item-block:hover h3,
#main-content .landing-page-v2 a.item-block:focus h3,
#main-content .landing-page-v2 a.item-block:active h3 {
	color: #D10074;
	text-decoration: none;
}

#quick-bar .content-landing-v2-box {
	padding: 0 5px 10px 5px;
	margin-bottom: 15px;
	overflow: hidden;
}

#quick-bar .content-landing-v2-box h3 {
	border-top: 2px solid #b5b0a7;
	font-family: "Century Gothic", Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;text-transform: uppercase;
	font-size: 140%;
	font-weight: bold;
	color: #535353;
	line-height: 1.2;

	padding: 8px 0;
	margin-bottom: 8px;
	border-bottom: 2px solid #b5b0a7;
}

#quick-bar .content-landing-v2-box .awesome {
	display: block;
	font-size: 120%;
	width: 85%;

}


#main-content .tip kbd {
	color: #000 !important;
}


/*
=========================================================
END Landing Page v2 and Content Page v2 styles
========================================================
*/








/*
=========================================================
START Tumblr page styles
========================================================
*/
.tumblr-feed-wrapper  .post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url("/archive/images/layout/breadcrumb-text-size-print-bar-bg.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
}

.tumblr-feed-wrapper  .post img {
	margin-bottom: 10px;
	max-width: 570px;
}

.tumblr-feed-wrapper .post-link {
	padding-left: 1em;
}

.tumblr-feed-wrapper .quote .text {
	background-color: #ddd;
	text-align: center;
	font-size: 16px;
}

/*
=========================================================
END  Restoring the Mitchell Library page styles
========================================================
*/

.traffic-heading-cell {
	text-align: center;
	background-color: #DDD;
}

.traffic-green-cell {
	text-align: center;
	background-color: #4DFA90;
}

.traffic-yellow-cell {
	text-align: center;
	background-color: #FFFF00;
}

.traffic-blue-cell {
	text-align: center;
	background-color: #00CCFF;
}

/*
=========================================================
START Restoring the Mitchell Library page styles
========================================================
*/

.notice {
width: 530px;
margin: 10px;
padding: 10px;
border: 1px solid #990000;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius: 6px;
background-color: rgba(249, 209, 209, 0.95);
background: rgb(249, 209, 209);
}

div.notice a:hover {
color: #990000!important;
text-decoration:none;
}

.notice a:visited, .notice a:active, .notice a:link {
color: #000!important;
}
</a></blockquote></blockquote>