/* 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, sub, sup, 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>, <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, 
ol {
	margin-top: 0;
	margin-left: 1.5em;
	margin-bottom: 1em;
	padding-left: 1em;
}

ul {
	list-style-type: square;
}

ul ul {
	list-style-type: circle;
	/*list-style-image: url("../images/layout/square_bullet_outline.gif");
	list-style-position: inherit;*/
}


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;
}

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;
}

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

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

/* 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;
}

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

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-right,
.image-right-770,
.dac-portrait,
.flash-container,
.note,
.small-note {
	color: #777;
	background-color: transparent;
}

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

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

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

.underline {
	text-decoration: underline;
}

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;
}

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

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

#header {
	height: 125px;	
}

#header.default {		/* default header background used on external site */
	background-image: url("../images/layout/header-bg.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 {
	float: left;
	display: block;
	height: 125px;
	width: 200px;
}

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;
}

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("../images/layout/header-neutral.jpg");
	background-repeat: no-repeat;
}

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

/* ============================================
   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("../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("../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("../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("../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("../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("../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; /* check this was 550 widen with sub-nav reduction */
	margin: 5px 0;
	padding: 0px;
	color:  #000;
	background-color: transparent;
	font-size:  85%;
	text-align: left;
	line-height: 1.5;
}

/* check this body.no-sub-nav #main-content {  
	margin-left: 10px;
	width: 760px;
} */

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

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

#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("../images/layout/heading_divider.gif");
	background-repeat: no-repeat;
	background-position: bottom left;	
}

#main-content 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-bottom: 0.4em;
	padding-bottom: 0.6em;	
	color: #000;
	background-color: transparent;
	line-height: 1.1;
	background-image: url("../images/layout/heading_divider.gif");
	background-repeat: no-repeat;
	background-position: bottom left;		
}

#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;
}

#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;		
}

/* 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("../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("breadcrumb-text-size-print-bar-bg.gif");
	background-repeat: repeat-x;
	background-position: bottom;	
	padding-bottom: 5px;
	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;
}

#text-size-print {
	float: right;
	position: relative;		/* IE6 fix for background-image bug with negative margins */	
	width: 66px;
	height: 24px;
	background-image: url("../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: 160%;
}

#main-content .resources-block h4,
#main-content .exhibitions-listing-block h4,
#main-content .past-exhibitions-listing-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("../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 .exhibitions-listing-block .exhibition-info,
#main-content .past-exhibitions-listing-block .exhibition-info {
	clear: both;
	padding-top: 15px;
	margin-top: 10px;
	background-image: url("../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("../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("../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;
}

#main-content .events-calendar li {
	margin: 0;
}

#main-content .events-calendar li a {
	display: block;
	padding: 5px;
}


#main-content .events-calendar li a .talk,
#main-content .events-calendar li a .tour,
#main-content .events-calendar li a .exhibition,
#main-content .events-calendar li a .movie {
	padding: 0px 2px;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

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

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

#main-content .events-calendar li a .exhibition {
	color: #FFF;
	background-color: #336600;
}

#main-content .events-calendar li a .movie {
	color: #FFF;
	background-color: #8A0045;
}





/* 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("../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;
	margin: 0;
}

#main-content .mini-events-calendar tr.month th {
	background-image: url("../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: #A2ADBC;
	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: #FFF;
	background-color: #777; */
	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 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("../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("../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("../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("../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;
}



.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;
	width: 500px;
}


/* wrap the following class in a div around ALL of the Flash insert code, including the Javascript line  */
.flash-container {
	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 {
	display: block;
	margin-bottom: 5px;
}

.image-centre img,
.image-centre-full-width 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: 500px;
}


/* 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;	
}

.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: 20px;
	margin-bottom: 10px;
	margin-left: 2em;
	background-image: url("../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: 2px;
	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;
}	

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

#quick-bar p {
	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;	
}

.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;
}

.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;
}

#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:centre;
	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-left: 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;	/* fix for IE minimum div height bug */	
} */

.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;
	margin: 10px 0 10px 0;
	padding: 5px;
	text-align: center;
}

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

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

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

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

.addthis_toolbox a {
margin-left:-2px;
}


/* ============================================
   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;
}

#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;
}

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


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

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

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

#main-content .signature-box {
	clear: both;
	background-image: url("../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 */
}


/* ============== 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: -999px;
	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: 10em;
	margin-right: 1em;
}

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

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



/* 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;
}

.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 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: center;
	margin-left: auto;
	margin-right: auto;
}




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

/* audio file icon */
.audio-link {
	padding: 1px 0px 3px 20px;
	background-image: url("../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("../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("../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;
}

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%;
}*/



/* 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("../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("../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("../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("../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("../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("../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("../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 href> tag */
.pdf-link {
	padding: 3px 20px 1px 0;
	background-image: url("../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.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 .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 {
	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("../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("../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("../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("../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("../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("../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("../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; */
}


   
/* ===========================
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
   =========================== */   




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

.awesome,
.awesome:visited {
	background-color: #006699;
	background-image: url("../images/layout/alert-overlay.png");
	background-repeat: repeat-x; 
	display: inline-block; 
	padding: 6px 10px 7px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	-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);
	border-bottom: 1px solid rgba(0,0,0,0.5);
	position: relative;
	cursor: pointer;
}




.awesome:hover 	{ background-color: #9E0000; color: #fff; text-decoration: none; }

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

.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; }

.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: #a9014b; }

.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; }


.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("../images/layout/list_bullet_square.gif") no-repeat 0 6px;	
}

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

.addthis_toolbox a {
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%;
}