/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 28 November 2016 08:46:03
*/


/*
* NMA CSS Library [Content and Page Specific Styles]
* Squiz Canberra
* May 2011
* 
* Modification history:
* 
* 2011-05-30: Squiz Canberra
*             Design cutup and style creation.
* 
*/

/* --------------------------------------------------------------------------------------------- 
START: GENERIC STYLES
--------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h5, h6 
{
    font-family: Helvetica, Arial, sans-serif;
    line-height:normal;
    margin-bottom:10px;
    color:#524e3e;
}

h1
{
    font-size: 32px;
    font-weight: normal;
    line-height: normal;
    margin-left: 0px;
    padding: 0px 0px 0px 0px;
}

h2 {
    color:#8f0000;

}

H2.red
{
    font-size:20px !important;
    margin-top: 22px !important;
    color:#8f0000 !important;
}


/* h2 container is used for the 'back top top links' js */
.h2-container {
    overflow:hidden;
}

h5 {
    font-weight: bold;
}

h1.nogap, h2.nogap, h3.nogap, h4.nogap, h5.nogap, h6.nogap
{
    margin-bottom:0px;

}

h1.nogaptop, h2.nogaptop, h3.nogaptop, h4.nogaptop, h5.nogaptop, h6.nogaptop, .landing-page h1#content-title.nogaptop
{
    margin-top: 0px !important;
    padding-top: 0px !important;
}
sup /* Added by David to fix line height when using sup in multi-line text */
{
   font-size: 12px;
   line-height: 0; 
}

.nogapbottom

{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}


.extra_space_below

{
margin-bottom: 25px !important;
}



blockquote
{
    margin: 10px 50px 10px 50px;

}

img, a img, fieldset
{
    border: none;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

a
{
    color: #346474;
    text-decoration: underline;
}

a:link, a:visited, a:active
{
    color:#346474;
}

a:hover, a:focus
{
    color:#9e0000; 
    text-decoration:underline;
}



input, select
{
    vertical-align: middle;
}

input[type="radio"]
{
    vertical-align: text-bottom;
}

input[type="checkbox"]
{
    vertical-align: bottom;
}

label
{
    cursor: pointer;
}

input[type="button"], input[type="submit"]
{
    cursor: pointer;
}

button
{
    cursor: pointer;
    overflow: visible;
    width: auto;
}


table
{
    border-bottom:solid 1px #b1ab95;
    border-right:solid 1px #b1ab95;
    border-top:solid 1px #b1ab95;
    border-left:solid 1px #b1ab95;
    margin:15px 0px;
    border-collapse:collapse;
}



#table-noborder table

{
    border:0 !important;
}


.noborder
{
    border:0 !important;
}

.notopmargin
{
    margin-top: 0 !important;
}

.imageCaption
{
    font-size:11px;
    margin-top: -10px;
}

td,
th 
{
    border-top:solid 1px #b1ab95;
    border-left:solid 1px #b1ab95;
    padding:8px;
    vertical-align: top;
}
.noborder td,
.noborder th 
{
    border-top:solid 0px #b1ab95;
    border-left:solid 0px #b1ab95;
    padding:8px;
    vertical-align: top;

}

th
{
    text-align:left;
}

tr
{
    height:1em;
    width:1em;
}

hr
{
       clear: both;
       height: 1px;
       border: none;
       border-bottom: 1px solid #b1ab95;
       padding:0px;
       margin:10px 0px;
}

.dashed
{
       height: 1px;
       border: none;
       border-bottom: 1px dashed #b1ab95;
       padding:0px;
       margin:10px 0px;
}

.remove-from-view,
.js .remove-during-load
{
    position:absolute;
    display:block;
    height:1px;
    width:1px;
    overflow:hidden;
    top:-9999px;
}

.hide-from-all
{
    display:none !important;
}

.small-title
{
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.2em;
    line-height: 1.5;
    margin: 0 0 1em;
    padding: 0;
    text-transform: uppercase;
}

.icon-flickr
{
    background:url(http://www.nma.gov.au/__data/assets/image/0009/4113/flickr.gif) 0 0 no-repeat !important;
}

.icon-facebook
{
    background:url(http://www.nma.gov.au/__data/assets/image/0008/4112/facebook.gif) 0 0 no-repeat !important;
}

.icon-twitter
{
    background:url(http://www.nma.gov.au/__data/assets/image/0015/4119/twitter.gif) 0 0 no-repeat !important;
}

.icon-enews
{
    background:url(http://www.nma.gov.au/__data/assets/image/0007/4111/enews.gif) 0 0 no-repeat !important;
}

.icon-audio
{
    background:url(http://www.nma.gov.au/__data/assets/image/0011/4106/audio.gif) 0 0 no-repeat !important;
}

.icon-youtube
{
    background:url(http://www.nma.gov.au/__data/assets/image/0006/312198/video-w22.gif) 0 0 no-repeat !important;
}

.notes
{
    font-size:12px;
    color:#686868;
}

.intro
{
    font-size:18px;
}

.clear-both
{
    clear:both;
}

.left
{
    float:left;
    margin-right: 10px;
}
.left220
{
    float:left;
     width: 220px;
    padding-right: 18px;
}
.left220-nopadding
{
    float:left;
     width: 220px;
    padding: 0px;
}
.left220 p
{
    font-size:12px;
    line-height:16px;

}
.left220-nopadding p
{
    font-size:12px;
    line-height:16px;
}

.left-ideas
{
    float:left;
    padding-right: 10px;
    padding-bottom: 20px;
}

.right
{
    float:right;
}

.right410
{
    float:right;
    width:410px;
    margin: 10px 0 10px 0;
}

.date, .sub
{
    font-size:11px;
    text-transform:uppercase;
    padding-left:2px;
    display:block;
    letter-spacing:1px;
}

.no-border
{
    border:none !important;
}

.no-margin
{
    margin:0 !important;
}

p.more
{
    margin:20px 0px;
    padding-left:20px;
    background:url(http://www.nma.gov.au/__data/assets/image/0018/5607/more.gif) 0px 10px no-repeat;
}


.box-shadow
{
    background:#fff;
    -moz-box-shadow: 0px 0px 10px rgba(116,116,116,0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(116,116,116,0.5);
    box-shadow: 0px 0px 10px rgba(116,116,116,0.5);
}

.inset-shadow
{
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.45) inset;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.45) inset;
    box-shadow: 0 0 30px rgba(0,0,0,0.45) inset;
}

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* --------------------------------------------------------------------------------------------- 
END: GENERIC STYLES
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: PAGE CONTENT STYLES
--------------------------------------------------------------------------------------------- */

#page-content
{
    float: left;
    padding: 24px 0 30px 20px;
    width: 700px;
}

#page-content a
{
    text-decoration: none;
    border-bottom: 1px dotted #346574;
}

#page-content a:hover
{
    border-bottom: 1px solid #8f0000;
    text-decoration: none;
}


#page-content h2 
{
    font-size:20px;
    margin-top: 22px;
}

#page-content h2.feature-heading
{
    font-size:12px;
    color:#666241;
    letter-spacing:1px;
    margin-bottom:10px;
}

#page-content h3
{
    font-size:18px;
    margin-top: 18px;

}

#page-content h3 a
{
    color:#524e3e;
    text-decoration:none;
}

#page-content h3 a:hover
{
    color:#9e0000;
}

#page-content h4
{
    font-size:16px;
    margin-bottom: 3px
}

#page-content h5
{
    font-size:14px;
    font-weight: bold;
    margin-bottom: 3px
}

#page-content h6
{
    font-size:14px;
}

#page-content p
{
    margin-bottom: 10px;
}

#page-content ul, #page-content ol
{
    margin-bottom:15px;
min-height:1%;
}

#page-content img
{
    border:solid 3px #fff;
}

#page-content .noborder img
{
    border:none;
}

.landing-page #page-content img
{
    border:none;
}



#page-content ul li
{
    list-style-type:none;
    background: url(http://www.nma.gov.au/__data/assets/image/0006/4110/bullet.gif) 0 10px no-repeat;
    margin:2px 0px 0px 10px;
    padding-left:10px;
}

/* Added by David Radoll 17 March 2015 to prevent the bullet.gif from the above style 
 #page-content ul li from displaying in the footer of the home page */
div#footer ul li {
  background: none;
  padding-left: 0px;
}

#page-content ol li
{
    list-style-type:decimal;
    /* list-style-position:inside; */
    list-style-position:outside;
    background:none;


margin-top:10px;
margin-right:0px;
margin-bottom:10px;
margin-left:35px;    


/*  margin:10px 0px;
    padding-left:10px; */
}

#page-content ol li li
{
    margin-left:10px;
    list-style-type:lower-alpha;
}

.caption_div
{
    padding:8px 0px;
    color:#524f42;
    font-size:12px;
    line-height:16px;
}

.no-caption .caption_div
{
    display:none;
}

/* Image Div Styles */

.imagediv-right200
{
    float:right;
    margin:10px 20px 10px 20px;
    width:206px; /* included image borders */
}

.imagediv-right200-nopadright
{
    float:right;
    margin:0px 0px 10px 20px;
    width:206px; /* included image borders */
}

.imagediv-right200-480content
{
    float:right;
    margin:10px 120px 10px 20px;
    width:206px; /* included image borders */
}

.imagediv-left200
{
    float:left;
    margin:10px 20px 10px 0px;
    width:206px; /* included image borders */
}
.imagediv-right150
{
    float:right;
    margin:10px 30px 10px 20px;
    width:156px; /* included image borders */
}

.imagediv-left150
{
    float:left;
    margin:10px 20px 10px 0px;
    width:156px; /* included image borders */
}

.imagediv-right100
{
    float:right;
    margin:10px 30px 10px 20px;
    width:106px; /* included image borders */
}

.imagediv-left100
{
    float:left;
    margin:10px 20px 10px 0px;
    width:106px; /* included image borders */
}

.imagediv-left300
{
    float:left;
    margin:0px 20px 10px 0px;
    width:300px;    
}

.imagediv-right300
{
    float:right;
    margin:0px 0px 10px 20px;
    width:300px;    
}

.imagediv-right373
{
    float:right;
    margin:10px 0px 10px 10px;
    width:379px; /* included image borders */
}

.imagediv-left373
{
    float:left;
    margin:10px 20px 20px 0px;
    width:379px; /* included image borders */
}

.imagediv-right320
{
    float:right;
    margin:10px 0px 10px 10px;
    width:326px; /* included image borders */
}
.imagediv-right320-nomargin
{
    float:right;
    margin:0;
    width:326px; /* included image borders */
}

.imagediv-left320
{
    float:left;
    margin:10px 20px 20px 0px;
    width:326px; /* included image borders */
}
.imagediv-left320-nomargin
{
    float:left;
    margin: 0;
    width:326px; /* included image borders */
}

/* - created for Tourism trade homepage */
.imagediv-left340
{
    float:left;
    margin:10px 4px 5px 0px;
    width:346px; /* included image borders */
}

.imagediv-right455
{
    float:right;
    margin:10px 0px 10px 10px;
    width:461px; /* included image borders */
}

.imagediv-left455
{
    float:left;
    margin:10px 10px 10px 0px;
    width:461px; /* included image borders */
}

.imagediv-left455-nofloat  /* Added by Adam to cater for images 450 wide with no float */
{
    margin:10px 10px 10px 0px;
    width:461px; /* included image borders */
}

.imagediv-right480 /* Added by Fiona to cater for current images 480 wide */
{
    float:right;
    margin:10px 0px 10px 10px;
    width:486px; /* included image borders */
}

.imagediv-left480 /* Added by Fiona to cater for current images 480 wide */
{
    float:left;
    margin:10px 10px 10px 0px;
    width:486px; /* included image borders */
}

.imagediv-left480-ex 

{
    float:left;
    margin:10px 201px 10px 0px;
    width:486px; /* included image borders */
}
.imagediv-right685
{
    float:right;
    margin:10px 0px 10px 0px;
    width:691px;
}
.imagediv-left685 /* Added by Fiona to cater for current images 685 wide */
{
    float:left;
    margin:10px 10px 10px 0px;
    width:701px; /* included image borders */
}


.imagediv-right260 /* Added by Fiona to cater for current images 260 wide */
{
    float:right;
    margin:10px 0px 10px 20px;
    width:266px; /* included image borders */
}

.imagediv-left260 /* Added by Fiona to cater for current images 260 wide */
{
    float:left;
    margin:10px 20px 10px 0px;
    width:266px; /* included image borders */
}
.imagediv-right250 /* Added by Fiona to cater for current images 250 wide */
{
    float:right;
    margin:10px 10px 10px 20px;
    width:256px; /* included image borders */
}

.imagediv-right300 /* Added by Fiona to cater for current images 250 wide */
{
    float:right;
    margin:10px 10px 10px 20px;
    width:306px; /* included image borders */
}


.imagediv-left250 /* Added by Fiona to cater for current images 250 wide */
{
    float:left;
    margin:10px 20px 10px 0px;
    width:256px; /* included image borders */
}

.imagediv-left250v2 
{
    float:left;
    margin:0px 20px 0px 0px;
    width:250px; 
}
.imagediv-left250v2Last 
{
    float:left;
    margin:0px;
    width:250px;
}

.add-right200
{
    margin-right:-15px;
}
.add-right50 /*a duplicate of above for images inserted with this class now redundant */
{
    margin-right:-15px;
}
.add-right250
{
    margin-right:-65px;
}
.add-right300
{
    margin-right:-115px;
}

.minus-right50
{
    margin-right:50px;
}

.minus-left230
{
    margin-left:-230px;
}
.minus-left280
{
    margin-left:-280px;
}

.clearDiv
{
    clear:both;
    margin:0;
    padding:0;

}

.padding-right-10

{
padding-right: 10px;
}



/* Content Box Styles */

.content-box
{
    padding-right:240px;
}
.content-box480
{
    padding-right:215px;
}

.content-box320
{
    padding-right:20px;
    width: 320px;
}

.content-box200
{
    padding-right:30px;
    padding-top: 0px;
    margin-top: -10px;
    width: 200px;
    float: left;
}



#content-col-one,
.content-col-one
{
    float:left;
    width:460px;
}

#content-col-two,
.content-col-two
{
    float:left;
    width:220px;
    margin-left:20px;
}

/* Image sliders */

.image-slider
{
    width:700px;
    overflow:hidden;
    border-top: dashed 1px #b6ad84;
    border-bottom: dashed 1px #b6ad84;
    padding-bottom:20px;
    margin-bottom:30px;
    margin-left:-240px;
}

.image-slider-exhibitions, .image-slider-exhibitions-soon
{
    width:700px;
    overflow:hidden;
    padding-bottom:20px;
    margin-bottom:30px;
    padding-top:0px;
    margin-top:-30px;
    margin-left:0px;
}

#page-content .image-slider h3
{
    margin:0px;
    padding:0px;
}

.slider-nav
{
    padding:20px 0px;
}

.slider-nav-exhibitions
{
    padding:20px 0px;
}

#page-content .image-slider ul, #page-content .image-slider-exhibitions ul, #page-content .image-slider-exhibitions-soon ul

{
    width:1500px;
    overflow:hidden;
    float:left;
    margin:0;
    padding:0;
}

#page-content .image-slider li, #page-content .image-slider-exhibitions li
{
    width:100px;
    overflow:hidden;
    float:left;
    margin:0px 20px 0px 0px;
    padding:0;
    background:none;
}

#page-content .image-slider-exhibitions-soon li

{
    overflow:hidden;
    float:left;
    margin:0px 20px 0px 0px;
    padding:0;
    background:none;
}


#page-content .image-slider a, #page-content .image-slider-exhibitions a,  #page-content .image-slider-exhibitions-soon a

{
    display:block;
    color:#317298;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    border:none;
}

#page-content .image-slider a:hover, #page-content .image-slider-exhibitions a:hover, #page-content .image-slider-exhibitions-soon a:hover

{
    color:#8f0000;
    text-decoration:underline;
}

#page-content .image-slider a img, #page-content .image-slider-exhibitions a img, #page-content .image-slider-exhibitions-soon a img

{
    border: solid 3px #FFF;
}

#page-content .image-slider a:hover img, #page-content .image-slider-exhibitions a:hover img, #page-content .image-slider-exhibitions-soon a:hover img

{
    border-color:#8f0000;
}

#page-content .image-slider .type, #page-content .image-slider-exhibitions .type
{
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
    display:block;
}

#page-content .event-listing
{
    padding:20px 0px 20px 0px;
    border-bottom: dashed 1px #b6ad84;
}

#page-content .event-listing li *
{
    display:block;
}

#page-content .event-listing li
{
    padding-left:35px;
    background:none;
    position:relative;
    margin: 0 0 12px 0;
}

#page-content .event-listing a
{
    text-decoration:none;
    border:none;
    display: block;
}

.ie7 #page-content .event-listing a, .ie8 #page-content .event-listing a
{
    zoom: 1;
}

#page-content .event-listing .day {
    background: url(http://www.nma.gov.au/__data/assets/image/0013/5512/calendar.gif) no-repeat 0 -28px;
    height: 23px;
    left: 0;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    text-indent: -2px;
    top: 0;
    width: 26px;
    color:#46453d;
}

#page-content .event-listing a:hover .day
{
    background-position:0px 0px;
}

#page-content .event-listing .today .day,
#page-content .event-listing .today a:hover .day{
    background-position:0px -56px;
    color: #FFF;
}

#page-content .event-listing .time
{
    color:#26251c;
    font-size:12px;
}

#page-content .promos a {
    border: none;
}

/* --------------------------------------------------------------------------------------------- 
END: PAGE CONTENT STYLES
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: RIGHT COL - NOT REQUIRED
--------------------------------------------------------------------------------------------- */

#page-content .right-col-box
{
    float: right;
    margin-right: -240px;
    width: 220px;
    margin-bottom:30px;
    clear:right;
}

#page-content .right-col-box .heading
{
    text-transform:uppercase;
    color:#5d5c55;
    display:block;
    border-bottom:dashed 1px #b6ad84;
    padding-bottom:15px;
    margin-bottom:15px;
    letter-spacing:1.5px;
    font-size:12px;
}

#page-content .right-col-box li
{
    list-style-type:none;
    background: url(http://www.nma.gov.au/__data/assets/image/0006/4110/bullet.gif) 0 10px no-repeat;
    margin:0px 0px 5px 5px;
    padding-left:10px;
}

/* --------------------------------------------------------------------------------------------- 
END: RIGHT COL - NOT REQUIRED
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: ANNUAL REPORTS
--------------------------------------------------------------------------------------------- */

#annual-report-banner
{
    border-bottom:solid 1px #d6d0b8;
    min-height:50px;
    margin-bottom:10px;
    padding-bottom:10px;
}

#annual-report-banner .heading
{
    padding-left:240px;
    color:#7d7a6a;
}

#annual-report-banner .one
{
    text-transform:uppercase;
    font-size:15px;
    letter-spacing:1px;
    padding-bottom:5px;
}

#annual-report-banner .two
{
    font-size: 16px;
}

#annual-report-banner .three
{
    font-size: 20px;
}

.annual-report #section-title
{
    padding-top:0px;
}

.annual-report h1#content-title
{
    padding:10px 0px 10px 20px;
}

#pagination-nav
{
    clear:both;
    overflow:hidden;
    border-top:1px solid #d8d4be;
    border-bottom:1px solid #d8d4be;
    margin-top:30px;
}

#pagination-nav ul li
{
    float:left;
    width:340px;
    padding:10px 0px 10px 10px;
    text-align:right;
    margin:0px;
    background:none;
}

#pagination-nav ul li:first-child
{
     border-left:none;
     padding-left:0px;
     text-align:left;
     width:339px;
     border-right:solid 1px #d8d4be;
}

#pagination-nav span
{
    display:block;
    text-transform:uppercase;
    color:#6d6b5b;
}

#pagination-nav a
{
    font-size:16px;
    text-decoration:none;
    font-weight:bold;
}

#pagination-toc
{
    text-align:center;
    padding:10px;
    text-transform:uppercase;
}

#pagination-toc a
{
    text-decoration:none;
}

#anchor-links
{
    float:right;
    width:220px;
    margin: 0px 0px 20px 20px
}

/* fix ie jitterbug */
.ie7 #anchor-links *, .ie8 #anchor-links * { zoom:1; }

#anchor-links-left
{
    width:220px;
    margin: 0px 0px 20px 20px;
}


#anchor-links h2, #anchor-links-left h2
{
    border-bottom:dashed 1px #b6ad84;
    padding-bottom:10px;
}

#anchor-links ul li, #anchor-links-left ul li
{
    margin:5px 0px 5px 5px;
}

/* --------------------------------------------------------------------------------------------- 
END: ANNUAL REPORTS
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: METADATA DESIGN CONTROLS
--------------------------------------------------------------------------------------------- */


/* design layout tweaks */

.content-full-width #left-col
{
    display:none;
}

.content-full-width #page-content
{
    padding-left:0px;
    width:940px;
}

/* landing pages */

.landing-page #section-title
{
    display:none;
}

.landing-page h1#content-title
{
    margin-left:0px;
    padding-left:0px;
}

/* exhibition and interactive pages - generic styles */

.exhibition #main, .interactive #main
{
    position:relative;
}

.exhibition #left-col, .interactive #left-col
{
    width:auto;
}

.exhibition #page-banner, .interactive #page-banner
{
    position:absolute;
    display:block;
    height:1px;
    width:1px;
    overflow:hidden;
    top:-9999px;
}

.exhibition #useful-links, .exhibition #subscription-promo, .interactive #useful-links, .interactive #subscription-promo
{
    display:none;
}

.exhibition #page-content, .interactive #page-content
{
    margin:0;
    padding:30px 0px 30px 0px;
    min-height:412px;
}

.exhibition .banner, .interactive .banner
{
    float:left;
    display:inline;
    overflow:hidden;
    clear:both;
    margin-bottom:25px;
    margin-left:-13px;
}

.exhibition .home, .interactive .home
{
    width:420px;
}

.exhibition .content-box, .interactive .content-box
{
    margin:15px 0px;
    padding-right:300px;
}

.exhibition .positioned-image, .interactive .positioned-image
{
    left: 445px;
    position: absolute;
    top: 306px;
}

.exhibition #left-nav, .interactive #left-nav
{
    background: #eae6d5;
    position: absolute;
    right: 0px;
    top: 30px;  
    border-right: none;
    margin-bottom:0;
    padding: 20px 20px 20px 10px;
    width: 179px;
}

.exhibition #left-nav a, .interactive #left-nav a
{
    padding-right:0px;
}

.exhibition #left-nav .level-one > li.selected,
.exhibition #left-nav .level-one > li.hier,
.interactive #left-nav .level-one > li.selected,
.interactive #left-nav .level-one > li.hier

{
    background: none;
    border-bottom: none;
    border-top: none;
    padding:0px;
}

.exhibition #page-content h2 , .interactive #page-content h2 
{
    font-size:36px;
    font-weight:normal;
    color: #524e3e;
}

.exhibition #page-content h3 , .interactive #page-content h3 
{
    font-size:20px;
    font-weight:normal;
    color: #8f0000;
    margin-top: 22px;
}


.exhibition #page-content h4 , .interactive #page-content h4 
{
    font-size:18px;
    margin-top: 18px;
}

.exhibition #page-content h5, .interactive #page-content h5  
{
    font-size:16px;
    margin-bottom: 3px
}

.exhibition blockquote, .interactive blockquote
{
    margin:0px 0px 20px 10px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
}

.exhibition blockquote .intro, .interactive blockquote .intro
{
    margin:0px 0px 20px 10px;
    padding-left:20px;
    border-left:solid 1px #d9d4be;
    font-size:18px;
}

.exhibition blockquote .reference, .interactive blockquote .reference
{
    font-size:14px;
}




/* --------------------------------------------------------------------------------------------- 
START: METADATA DESIGN CONTROLS
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: WHATS ON
--------------------------------------------------------------------------------------------- */

#whatson-exhibitions
{
    overflow:hidden;
    width:460px;
    padding-bottom:20px;
}

#whatson-exhibitions h3,
#whatson-events h3
{
    margin:10px 0px 0px 0px;
}

#whatson-events .event-listing h3
{
    margin-bottom: 10px;
}

#whatson-exhibitions .feature h3
{
    font-size:22px;
}

#whatson-exhibitions .wrapper
{
    width: 520px;
    overflow:hidden;
}

#whatson-exhibitions .exhibit
{
    margin:20px 20px 0px 0px;
    float:left;
    width:220px;
    overflow:hidden;
}

#whatson-events .feature
{
    padding-bottom:10px;
}

#whatson-events .promos
{
    padding: 20px 0px;
}

#whatson-events .promos img
{
    margin-bottom:10px;
}


/* --------------------------------------------------------------------------------------------- 
END: WHATS ON
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: COLLECTIONS
--------------------------------------------------------------------------------------------- */

#collection-search
{
    padding:0px 0px 15px 0px;
    margin:0px 0px;
}

#collection-search input
{
    float:left;
}

#collection-search p
{
    margin:0px 0px;
}

#collection-search-query
{
    border:1px solid #b1ab95;
    border-right:0 none;
    -moz-border-top-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font: 17px "Trebuchet MS","arial narrow",arial,helvetica,verdana,sans-serif;
    color:#4f4e45;
    padding:3px 2px 6px 8px;
    min-width:585px;
    height:32px;
    line-height:32px;
    background:#f5f3e9;
}

#collection-highlights
{
    overflow:hidden;
    width:460px;
    padding-bottom:20px;
}

#collection-highlights h3,
#collection-explore h3
{
    margin:10px 0px 0px 0px;
}

#collection-highlights .wrapper
{
    width: 520px;
    overflow:hidden;
}

#collection-highlights .highlight
{
    margin-right:20px;
    float:left;
    width:220px;
    overflow:hidden;
}

#collection-highlights p.description
{
    margin-top:15px;
}

#collection-explore .promos
{
    padding: 20px 0px;
}

#collection-explore .promos img
{
    margin-bottom:10px;
}

/* --------------------------------------------------------------------------------------------- 
END: COLLECTIONS
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: HISTORY & IDEAS
--------------------------------------------------------------------------------------------- */

#exhibition_highlight
{
    overflow:hidden;
    width:220px;
    height:175px;
    padding-bottom:20px;
    padding-right:10px;
    float: left;
}

#exhibition_highlight h3
{
    margin:10px 0px 0px 0px;
}


#exhibition_highlight p.description
{
    margin-top:15px;
}

#thumb a
{
    border:0px;
}


#collection_highlight > div > a
{
    border: none;
}

#collection_highlight_hi
{
    overflow:hidden;
    width:220px;
    height:175px;
    padding-bottom:20px;
    padding-right:10px;
    float: left;
}

#collection_highlight_hi h3
{
    margin:10px 0px 0px 0px;
}


#collection_highlight_hi p.description
{
    margin-top:15px;
}

.collection_interactive
{
    text-align: center;
    width: 200px;
    height: 180px;
    float:left;
    padding-right: 30px;
    margin-bottom: 5px;
}

#history-themes
{
    width:940px;
    overflow:hidden;
    border-bottom: 1px solid #D8D3BD;
    padding-bottom:0px;
}

#history-themes .wrapper
{
    width:1200px;
    overflow:hidden;
}

.theme-column
{
    float:left;
    width:305px;
    margin-right:12px;
}


.theme-column .item
{
    padding:20px 0px;
}

.theme-column .item img
{
    float:left;
}


.theme-column .item p
{
    padding-left:80px;
}

#history-explore
{
    overflow:hidden;
    padding:20px 0px;
    border-bottom: dashed 1px #b6ad84;
}

#explore-categories,
#explore-objects
{
    float:left;
    width:50%;
}

#explore-research
{
}

#explore-aod
{
    float:left;
    clear: both;
    width: 400px;
}

#explore-exhibitions
{
    float:left;
    width: 400px;
    margin-left: 70px;
}


#explore-categories .column
{
    float:left;
    width:195px;
    padding-right:20px;
}

#explore-categories .column li
{
    padding-left:0px;
    margin-left:0px;
    background:none;
}

#explore-categories .column a
{
    text-decoration:none;
}

#explore-objects .feature img
{
    margin-bottom:20px;
}

#history-research
{
    overflow:hidden;
    padding:20px 0px;
}

#research-projects
{
    float:left;
    width:700px;
    margin-right:20px;
    overflow:hidden;
}

#research-audiovideo
{
    float:left;
    width:220px;
    overflow:hidden;
}

#research-audiovideo h3
{
    margin-bottom:0px
}



.section-education #education-resource-list
{
    width: 320px;
    height: 180px;
    float: left;
    margin-right: 20px;
}

.section-education #education-resource-list img
{
    float: left;
    margin-right: 10px;
}

#education-resource-list
{
    width: 100%;
    height: 180px;
}

#education-resource-list img
{
    float: left;
    margin-right: 10px;
}



/* --------------------------------------------------------------------------------------------- 
END: HISTORY & IDEAS
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: ABOUT
--------------------------------------------------------------------------------------------- */

#about-museum 
{
    width:700px;
    overflow:hidden;
}

#about-museum .col-wrapper
{
    width:1200px;
    overflow:hidden;
    padding:20px 0px;
    border-top: dashed 1px #b6ad84;
    margin-top:20px;
}

#about-museum .column
{
    float:left;
    width:220px;
    margin-right:20px;
}

#quick-links
{
    padding:20px;
    background:#fff;
    margin-bottom:30px;
}

#quick-links ul li,
#avail-jobs ul li
{
    padding:10px 0px;
    margin:0px;
    background:none;
}

#quick-links ul li
{
    padding:5px 0px;
}

#quick-links a,
#avail-jobs a
{
    text-decoration:none;
}

#avail-jobs
{
    margin-bottom:20px;
}

#avail-jobs li
{
    border-bottom:solid 1px #d8d3be;
}

#avail-jobs li:first-child
{
    border-top:solid 1px #d8d3be;
}

#avail-jobs .dept
{
    display:block;
}

/* --------------------------------------------------------------------------------------------- 
END: ABOUT
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: EDUCATION & KIDS
--------------------------------------------------------------------------------------------- */

#education-features,
#education-blog
{
    overflow:hidden;
    width:460px;
    padding-bottom:20px;
}

#education-features h3,
#education-features h3
{
    margin:10px 0px 0px 0px;
}

#education-features .feature
{
    border-bottom: 1px dashed #B6AD84;
}

#education-features .feature h3
{
    font-size:22px;
}

#education-features .feature p
{
    margin-top:10px;
}

#education-features .wrapper
{
    width: 520px;
    overflow:hidden;
}

#education-features .column
{
    margin:20px 20px 0px 0px;
    float:left;
    width:220px;
    overflow:hidden;
}

#education-features .column ul
{
    margin-bottom:30px;
}

#education-blog .wrapper
{
    width: 520px;
    overflow:hidden;
}

#education-blog .blog-latest
{
    border-bottom:dashed 1px #b6ad84;
}

#education-blog .blog-item
{
    margin:20px 20px 0px 0px;
    float:left;
    width:220px;
    overflow:hidden;
}

#education-blog .blog-info span
{
    border-left: 1px dotted #bdb9a9;
    padding:0px 10px;
    color:#8e897a;
}

#education-blog .blog-info span:first-child
{
    border-left:none;
    padding-left:0px;
}

#education-promo-link
{
    margin:0px 0px 20px 0px;
}

.education-promos .promos,
.education-promos .feature,
.education-promos .competition
{
    margin-bottom:30px;
}

.education-promos .feature h3 {
    margin: 10px 0 0;
}

.education-promos .competition img
{
    vertical-align:bottom;
}

.education-promos .competition .description
{
    display:block;
    padding:10px;
    background:#fff;
}

#dive-in
{
    position:relative;
}

#dive-in img
{
    position: absolute;
    top: -111px;
    left:0;
}

/* --------------------------------------------------------------------------------------------- 
END: EDUCATION & KIDS
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: INDEX PAGE
--------------------------------------------------------------------------------------------- */

#index-page
{
    width:700px;
    overflow:hidden;
}

#index-page .col-wrapper
{
    width:900px;
    overflow:hidden;
}

#index-page .column
{
    float:left;
    width:220px;
    margin-right:20px;
}

#index-page .index-item
{
    margin-bottom:30px;
}

/* --------------------------------------------------------------------------------------------- 
END: INDEX PAGE
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: RELATED CONTENT
--------------------------------------------------------------------------------------------- */

#related-content
{
    overflow:hidden;
    margin-top:30px;
}

#related-content h2.feature-heading
{
    border-bottom:dashed 1px #b6ad84;
    padding-bottom:10px;
    margin-bottom:0px;
    font-size: 12px !important;
}

#related-attachments
{
    float:left;
    width:460px;
    margin-right:20px;
}

#related-attachments a
{
    font-weight:bold;
    text-decoration:none;
}

#related-attachments a:hover
{
    text-decoration:underline;
}

#related-attachments .type
{
    float:right;
    padding:5px 10px;
    background:#d8d3be;
    color:#6a6860;
    font-size:11px;
    line-height:normal;
}

#related-attachments .description
{
    font-size:12px;
    color:#6a6860;
    display:block;
}

#related-attachments ul li
{
    border-top: 1px solid #d8d3be;
    background:none;
    margin:0;
    padding:10px 0px;
    overflow:hidden;
    position:relative;
}

#related-attachments ul li:first-child
{
    border-top: none;
}

#related-links
{
    float:left;
    width:220px;
}

/* --------------------------------------------------------------------------------------------- 
END: RELATED CONTENT
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: SLIDESHOW GALLERY
--------------------------------------------------------------------------------------------- */

#slideshow-gallery,
.slideshow-gallery
{
    overflow:hidden;
    margin:0px 0px;
    width:486px;
    padding-left: 100px;
}

#slideshow-gallery.wide,
.slideshow-gallery.wide {
    margin: 0;
    overflow: hidden;
    padding-left: 0px;
    width: 685px;
}

#slideshow-gallery .pagination,
.slideshow-gallery .pagination
{
    overflow:hidden;
    padding:7px 0px;
    font-size:12px;
    color:#666;
    border-top: solid 1px #D8D3BD;
}

#slideshow-gallery .details,
#slideshow-gallery .nav,
.slideshow-gallery .details,
.slideshow-gallery .nav
{
    float:left;
    width:50%;
}

#slideshow-gallery .nav,
.slideshow-gallery .nav
{
    text-align:right;
}

#slideshow-gallery .pagination li,
#page-content .slideshow-gallery .pagination li
{
    display:inline;
    border-right: solid 1px #d8d3be;
    background:none;
    padding:0px 5px;
    margin:0;
}

#slideshow-gallery .pagination ul,
#slideshow-gallery .pagination p,
.slideshow-gallery .pagination ul,
.slideshow-gallery .pagination p
{
    display: inline;
    margin:0;
    padding:0;
}

#slideshow-gallery .pagination ul,
.slideshow-gallery .pagination ul
{
    margin:0px 10px;
}

#slideshow-gallery .nav li:first-child,
.slideshow-gallery .nav li:first-child
{
    border-left:solid 1px #d8d3be;
}

#slideshow-gallery .image-nav,
.slideshow-gallery .image-nav
{
    padding:10px 0px;
    background: #B6AD84;
    margin-bottom:20px;
}

#slideshow-gallery .image-nav ul,
.slideshow-gallery .image-nav ul
{
    text-align:center;
    margin:0;
}

#slideshow-gallery .image-nav li,
#page-content .slideshow-gallery .image-nav li
{
    display:inline;
    background:none;
    padding:0;
    margin:0;
}

#slideshow-gallery .image-nav li:first-child,
.slideshow-gallery .image-nav li:first-child
{
    padding-left:0px;
}

#slideshow-gallery .image-nav a,
#slideshow-gallery .image-nav a:focus,
.slideshow-gallery .image-nav a,
.slideshow-gallery .image-nav a:focus
{
    text-decoration:none;
    outline:0;
}

#slideshow-gallery .image-nav img,
.slideshow-gallery .image-nav img
{
    vertical-align:middle;
}

#slideshow-gallery .image-nav a:hover img,
#slideshow-gallery .image-nav a.selected img,
.slideshow-gallery .image-nav a:hover img,
.slideshow-gallery .image-nav a.selected img
{
    border-color:#4E4C3C;
}

#slideshow-gallery .image,
.slideshow-gallery .image
{
    margin-bottom:10px;
    max-width: 100%;
    height: auto;
}

/* --------------------------------------------------------------------------------------------- 
END: SLIDESHOW GALLERY
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: JQUERY LIGHTBOX GALLERY
--------------------------------------------------------------------------------------------- */

#jquery-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20001;
    width: 100%;
    height: 500px;
}

#jquery-lightbox
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20002;
    text-align: center;
    line-height: 0;
}

#jquery-lightbox a img
{
    border: none;
}

#lightbox-container-image-box 
{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image
{
    padding: 10px;
}

#lightbox-loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav
{
    left: 0;
}

#lightbox-nav a
{
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev
{
    left: 0;
    float: left;
}

#lightbox-nav-btnNext
{
    right: 0;
    float: right;
}

#lightbox-container-image-data-box
{
    font: 12px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data
{
    padding: 0 10px;
    color: #666;
}

#lightbox-container-image-data #lightbox-image-details
{
    width: 100%;
    float: left;
    text-align: left;
}


/* --------------------------------------------------------------------------------------------- 
REMOVED BOLD FROM LIGHTBOX CAPTION

#lightbox-image-details-caption
{
    font-weight: bold;
}

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




#lightbox-image-details-currentNumber
{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose
{
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}


#lightbox-gallery
{

    background-color: #B6AD84;
    padding: 10px;
    margin:20px 0px;
}

.lightbox-color-red #lightbox-gallery-container #lightbox-gallery
{
    background-color: #FF0000 !important;
    padding: 10px;
    margin:20px 0px;
}


#lightbox-gallery ul
{
    list-style: none;
    text-align:center;
    padding:0px;
    margin:0px;
}

#lightbox-gallery ul li
{
    display: inline;
    padding:0px;
    margin:0px;
    background:none;
}

#lightbox-gallery ul img
{
    border: 5px solid #FFF;
}

#lightbox-gallery ul a
{
    text-decoration:none;
    outline:0;
}

#lightbox-gallery ul a:hover img
{
    border: 5px solid #4E4C3C;
}

#lightbox-gallery ul a:hover
{
    color: #fff;
}

#lightbox-nav-btnNext,
#lightbox-nav-btnPrev {
    opacity: .8;
}
#lightbox-image-details-caption {
    color: #333;
    font-size: 1.1em;
    margin-bottom: 0;
    display: block !important;
}

/* --------------------------------------------------------------------------------------------- 
END: JQUERY LIGHTBOX GALLERY
--------------------------------------------------------------------------------------------- */

/* COLLECTION HIGHLIGHTS */

#collection_highlight a img
{
    border: 0px;   
}
#collection_highlight
{
    padding-right: 30px;
    margin-bottom: 20px;
    width: 200px;
    height: 220px;
    float: left;
}

.highlight_description
{
    font-size: 12px;
}


/* WYSIWYG DROP DOWN STYLES */

.pdf
{
    margin-left: 0px  ! important;
}
.pdf li
{
    list-style-type:none;
    background: url(/__data/assets/image/0016/1627/pdf.gif) 0 0px no-repeat ! important;
    margin:0px 0px 0px 0px  ! important;
    padding-left:22px  ! important;
}


.feature-heading
{
       text-transform:uppercase;
 font-size:12px;
    color:#666241;
    letter-spacing:1px;
    margin-bottom:15px;
}

/* --------------------------------------------------------------------------------------------- 
START: COLLECTIONS SEARCH
--------------------------------------------------------------------------------------------- */


#tile

{
float: right;
}



/* --------------------------------------------------------------------------------------------- 
START: TAG CLOUDS
--------------------------------------------------------------------------------------------- */

.tag15
{
font-size: 24px;
vertical-align: baseline;
}


.tag14
{
font-size: 23px;
vertical-align: baseline;
}

.tag13
{
font-size: 22px;
vertical-align: baseline;
}

.tag12
{
font-size: 21px;
vertical-align: baseline;
}

.tag11
{
font-size: 20px;
vertical-align: baseline;
}

.tag10
{
font-size: 19px;
vertical-align: baseline;
font-align: bottom;
}

.tag9
{
font-size: 18px;
vertical-align: baseline;
}

.tag8
{
font-size: 17px;
vertical-align: baseline;
}

.tag7
{
font-size: 16px;
vertical-align: baseline;
}

.tag6
{
font-size: 15px;
vertical-align: baseline;
}

.tag5
{
font-size: 14px;
vertical-align: baseline;
}

.tag4
{
font-size: 13px;
vertical-align: baseline;
}

.tag3
{
font-size: 12px;
vertical-align: baseline;
}

.tag2
{
font-size: 11px;
vertical-align: baseline;
}

.tag1
{
font-size: 10px;
vertical-align: baseline;
}

#tagdiv

{
padding-right: 20px;
float: left;
}

#content_div_95543

{
width: 350px;
}


/* --------------------------------------------------------------------------------------------- 
START: CONTENT BOXES
--------------------------------------------------------------------------------------------- */

#page-content .conversation-box

{
    background: #346574;
    color: #fff;
    padding: 15px;
    margin-bottom: 74px;
    position: relative;
    -moz-box-shadow: 0px 0px 4px rgba(116,116,116,0.5);
    -webkit-box-shadow: 0px 0px 4px rgba(116,116,116,0.5);
    box-shadow: 0px 0px 4px rgba(116,116,116,0.5);
}

#page-content .conversation-box .callout-arrow

{
    background: url(http://www.nma.gov.au/__data/assets/image/0020/282260/callout-arrow.png) 0 0 no-repeat;
    display: block;
    height:41px;
    width: 44px;
    position: absolute;
    right: 38px;
    bottom: -41px;
}

#page-content .conversation-box h2, #page-content .conversation-box h3

{
    color: #f5f1dc;
    margin-top: 0;
}

#page-content .conversation-box a,
#page-content .conversation-box a:hover

{
    color: #fff;
    border-bottom-color: #fff;
}

#page-content .conversation-box ul li
{
    padding: 0;
    margin: 0 0 5px 0;
    background: none;
}

/* --------------------------------------------------------------------------------------------- 
START: FEATURE HEADINGS
--------------------------------------------------------------------------------------------- */

.olive-large
{
    font-size:27px!important;
    font-weight:normal;
    color: #656141;
}

/* --------------------------------------------------------------------------------------------- 
START: ECARDS
--------------------------------------------------------------------------------------------- */

#ecard-template, #ecard-template table {
    border: none;
    margin: 20px 0;
}

#ecard-template table {
    border: none;
    margin: 0;
}

#ecard-template td {
    border: none;
    padding: 0;
    margin: 0;
}

#ecard-template img {
    display: block; /* clear unwanted space below image */
    border: none; /* override global 3px borders */
}

#ecard-template .message {
    background-color:#000000;
    font-family: Georgia, times, serif;
    color:#FFFFFF;
    font-size:20px;
    padding-left:40px;
    padding-top:21px;
    text-align:center;
}

#ecard-template .message-summer-holidays {
    background-color:#000000;
    font-family: Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:22px;
    padding-left:40px;
    padding-bottom:10px;
    text-align:left;
    vertical-align:bottom;
}

#ecard-input-area {
    background: #eaeaea;
    border-top: 1px solid #d7d7d7;
    padding: 20px;
    margin: 0 auto 20px auto;
    width: 580px;
}

#ecard-input-area .field {
    float: left;
    margin: 0 0 10px;
    width: 285px;
}

#ecard-input-area .textfield {
    margin: 0 0 10px;
}

#ecard-input-area label {
    font-size: 12px;
    float: left;
    font-weight: bold;
    display: block;
    margin: 0 0 3px;
}

#ecard-input-area .text input {
    border: 1px solid #b2b2b2;
    background: #fff;
    color: #131313;
    font-size: 13px;
    padding: 5px;
    font-family: Arial, sans-serif;
    width: 273px;
}

#ecard-input-area .textarea {
    width: auto;
    float: none;
}

#ecard-input-area .textarea textarea {
    border: 1px solid #b2b2b2;
    background-color: #fff;
    color: #131313;
    font-size: 13px;
    padding: 5px;
    font-family: Arial, sans-serif;
    width: 568px;
}

#ecard-input-area .name {
    margin: 0 10px 10px 0;
}

#ecard-input-area input[type=submit] {
    padding: 5px;
}

#ecard-errors p, #ecard-errors ul  {
    margin: 10px 0;
    padding: 20px;
    border: dotted 1px #cc0000;
    background: #ffff99;
    color: #cc0000;
}

#messageCount {
    font-size: 11px;
}

#messageCount strong {
    color: #CC0000;
}

/* --------------------------------------------------------------------------------------------- 
START: CALENDAR
--------------------------------------------------------------------------------------------- */

.cal-item { border-top: 1px dashed #B1AB95; margin-bottom: 20px; padding: 10px; }
.cal-item-nodash { margin-bottom: 20px; padding: 10px; }
.cal-thumbnail { float: right; text-align: center; color: #999; font-size: 11px; margin: 0 0 20px 20px; }

.cal-item-nodash .cal-thumbnail { float: right; text-align: center; color: #999; font-size: 11px; margin-top: 20px}


#cal-listing h3 { margin-top: 0; }
.cal-item.odd { background: #f8f5e9; }
#cal-listing .category-terms-parent, #cal-listing .category-terms-parent * { display: inline;  }


/* --------------------------------------------------------------------------------------------- 
START: COOK
--------------------------------------------------------------------------------------------- */

.place
{
font-weight: bold;
font-size: 16px;
}



.short
{
    margin-top: -12px !important;
    font-style: italic;
}

#cooklisting

{
margin-left: 170px;
width: 400px;
margin-top: 5px;
}

#cooklisting P

{
margin-bottom: 0px;
}

.cookimageleft

{
float: left;
margin-bottom: 20px;
}

.cookimageleft a, .cookimageleft a:hover

{
border: none !important;
}

.margin-left50

{
margin-left: 50px;
}

.cook-caption
{
font-style:italic;
}

.cook-caption em
{
font-style:normal;
}

.image-noborder
{
padding-left: 15px;
    border:0 !important;

}

/* --------------------------------------------------------------------------------------------- 
START: MOBILE SITE
--------------------------------------------------------------------------------------------- */

.mobile-right
{
align: right;
width: 330px;
margin-left: 70px;
}

/* --------------------------------------------------------------------------------------------- 
START: GENERAL NEW
--------------------------------------------------------------------------------------------- */


.backtop
{
float: right;
margin-top: 22px;
}

/* --------------------------------------------------------------------------------------------- 
START: LIBRARY
--------------------------------------------------------------------------------------------- */


#libraryreferences P

{

  text-indent: -30px;
  padding-left: 30px;  
    
}


/* --------------------------------------------------------------------------------------------- 
START: INSIDE
--------------------------------------------------------------------------------------------- */



.inside-box /* Added by Fiona for inside homepage */
{
        background-color: #b6ad84;
 float:left;
    margin:0px;
    padding: 0px;
    margin-top: 15px;
}

.inside-section /* Added by Fiona for inside homepage */
{
     background-color: #fff;
    padding: 6px;
    margin: 10px;
}

/* --------------------------------------------------------------------------------------------- 
START: WARAKURNA
--------------------------------------------------------------------------------------------- */


#listing_warakurna > div > a
{
    border: none;
}


#listing_warakurna a img
{
    border: 0px;
    padding-bottom:4px;
}
#listing_warakurna
{
    padding: 10px;
    margin: 5px;
    width: 200px;
    height: 220px;
    float: left;
}


#listing_warakurna a, #listing_warakurna_artists a
{
    font-size: 12px;
        font-weight:bold;

}

#listing_warakurna_artists
{
    padding: 15px;
    margin: 5px;
    width: 130px;
    height: 185px;
    float: left;
}



.quoteBefore:before
{
font-size: 64px;
content: "\2018";
width: 20px;
height: 5px;
clear: both;
float: left;
margin-left: -20px;
margin-top: -20px;
font-family: serif;


}

.quoteAfter:after
{
font-size: 64px;
content: "\2019";
font-family: serif;
display: block;
float: right;
margin-top: -20px;
margin-left: 20px;
}


.quoteBoth:before
{
font-size: 64px;
content: "\2018";
width: 20px;
height: 5px;
clear: both;
float: left;
margin-left: -20px;
margin-top: -20px;
font-family: serif;


}


.quoteBoth:after
{
font-size: 64px;
content: "\2019";
font-family: serif;
display: block;
float: right;
margin-top: -20px;
margin-left: 20px;
}

/* --------------------------------------------------------------------------------------------- 
START: 3 COLUMN LAYOUT
--------------------------------------------------------------------------------------------- */


.column200

{
width: 200px;
margin-right: 35px;
float: left;
}

.column200Right
{
width: 200px;
margin-right: 0px;
float: left;
}

.column180

{
width: 180px;
margin-right: 40px;
margin-bottom: 8px;
float: left;
}


.column180Clear

{
width: 180px;
margin-right: 40px;
margin-bottom: 8px;
float: left;
clear: both;
}

/* --------------------------------------------------------------------------------------------- 
START: PATE
--------------------------------------------------------------------------------------------- */


.pateBlogImage
{
margin-top: -20px;

}


.cycling .banner-pate   /* Hides the pate shared banner when viewing people pages within the cycling online feature */
{
display: none;
}

.horses .banner-pate   /* Hides the pate shared banner when viewing people pages within the cycling online feature */
{
display: none;
}


/* --------------------------------------------------------------------------------------------- 
START: Engage and Learn dynamic calendar - left-col adaptation
--------------------------------------------------------------------------------------------- */


#left-col .event-listing
{
    padding:20px 0px 20px 0px;
    /*border-bottom: dashed 1px #b6ad84;*/    
}

#left-col .event-listing ul *
{
    list-style-type: none;
    font-size: 12px;
}

#left-col .event-listing li *
{
    display:block;    
}

#left-col .event-listing li
{
    padding-left:35px;
    background:none;
    position:relative;
    margin: 0 0 12px 0;
}

#left-col .event-listing a
{
    text-decoration:none;
    border:none;
    display: block;
}

.ie7 #left-col .event-listing a, .ie8 #left-col .event-listing a
{
    zoom: 1;
}

#left-col .event-listing .day {
    background: url(http://www.nma.gov.au/__data/assets/image/0013/5512/calendar.gif) no-repeat 0 -28px;
    height: 23px;
    left: 0;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    text-indent: 1px;
    font-size: 14px;
    top: 0;
    width: 26px;
    color:#46453d;
}

#left-col .event-listing a:hover .day
{
    background-position:0px 0px;
}

#left-col .event-listing .today .day,
#left-col .event-listing .today a:hover .day{
    background-position:0px -56px;
    color: #FFF;
}

#left-col .event-listing .time
{
    color:#26251c;
    font-size:12px;
}

/* --------------------------------------------------------------------------------------------- 
 ATSIP (First Australians) Masonry + Image Hover
--------------------------------------------------------------------------------------------- */

.ImageHoverCaption {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(http://www.nma.gov.au/__data/assets/image/0007/427462/trans-black-75.png);
    width: 100%;
    height: 100%;
}
.ImageHoverCaption p {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    margin: 20px 20px 10px;
}
.ImageHoverCaption p.attribution {    
    font-size: 16px;
    font-weight: normal;
}
.ImageHoverCaption a {
    background-image: url(http://www.nma.gov.au/__data/assets/image/0007/427462/trans-black-75.png);
}
#MasonryContainer .MasonryItem {
    line-height: 0;
}
#MasonryContainer .MasonryItem img {
    border: none;
}

/* --------------------------------------------------------------------------------------------- 
 ATSIP (First Australians) Image Hover
--------------------------------------------------------------------------------------------- */

.ImageHoverContainer {
    position: relative;
    width: 461px;
    line-height: 0;
}
#page-content .ImageHoverContainer img {
    border: none;
}
.ImageHoverCaptionFeature {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(http://www.nma.gov.au/__data/assets/image/0007/427462/trans-black-75.png);
    width: 100%;
    height: 100%;
}
.ImageHoverCaptionFeature p {
    color: #fff;
    font-weight: bold;
    margin: 20px 20px 10px;
    line-height: normal;
}
.ImageHoverCaptionFeature p.attribution {    
    font-weight: normal;
}
.ImageHoverCaptionFeature a.learn-more {
    color: #fff;
    padding: 5px 10px;
    background: #356575;
    border-radius: 2px;
    -moz-border-radius: 2px;
    text-decoration: none;
    line-height: normal;
}
.ImageHoverCaptionFeature a.learn-more:hover {
    background: #fff;
    color: #356575;
}


/* --------------------------------------------------------------------------------------------- 
 ATSIP (First Australians) Goree
--------------------------------------------------------------------------------------------- */

.goreeBox {
    margin-top: 30px;
    margin-bottom: 30px;
    border-right-color: #b1ab95;
    border-right-style: dashed;
    border-right-width: 1px;
}
.goreeBox .category {
    float: left;
    font-weight: bold;
}
.goreeBox .publishedDate, .conversation-box.goreeBoxFeature .publishedDate {
    float: right;
}
.conversation-box.goreeBoxFeature .category {
    float: left;
}
.goreeBox h2 {
    clear: both;
}
.goreeBox p {
    margin-right: 10px;
}
.goreeBox .imageWrapper {
    overflow: hidden;
}
.goreeBox .imageWrapper .image{
    float: left;
    padding-right: 20px;
}
.goreeBox .readMore{
    float: right;
}
#page-content .content-col-two .conversation-box.goreeBoxFeature {
    width: 200px;
    background-color: #8f0000;
}
#page-content .content-col-two .conversation-box.goreeBoxFeature .callout-arrow {
    background-image: url(http://www.nma.gov.au/__data/assets/image/0008/425582/callout-arrow-red.png);
}
.conversation-box.goreeBoxFeature h2 {
    clear: both;
}
.conversation-box.goreeBoxFeature img {
    max-width: 190px;
}
.goreePagination .previous {
    float: left;
}
.goreePagination .next {
    float: right;
}

/* --------------------------------------------------------------------------------------------- 
 Object Stories - Two Column Layout
--------------------------------------------------------------------------------------------- */

#two-column-layout-left {
    width: 340px;
    float: left;
}
#two-column-layout-right {
    width: 340px;
    margin-left: 20px;
    float: left;
}

/* --------------------------------------------------------------------------------------------- 
 Contributed Content - Pony Club
--------------------------------------------------------------------------------------------- */

/* Image contribute form */
.image-contribute-form #image_0_choose_server_file_button,
.image-contribute-form #image_0_use_editor_button {
    display: none !important;
}
.errors {
    color: #cc0000;
}
.image-contribute-form textarea {
    border: 1px solid #999999;
    padding: 5px 1%;
    width: 98%;
    box-shadow: 0 0 3px #D1D1D1;
    resize: vertical;
}
.image-contribute-form input[type="text"],
.image-contribute-form input[type="email"] {
    border: 1px solid #999999;
    padding: 5px;
    box-shadow: 0 0 3px #D1D1D1;
}
.image-contribute-form textarea:focus,
.image-contribute-form input[type="text"]:focus,
.image-contribute-form input[type="email"]:focus {
    box-shadow: 0 0 3px #c1c1c1;
    border-color: #888888;
}
.image-contribute-form .form-fields-group {    
    padding: 5px 10px 5px 10px;
    margin: 0px 5px;
}
#page-content .image-contribute-form .form-fields-group h2 {    
    margin-top: 0px;
}
.image-contribute-form .required {
    
}
.image-contribute-form label.required:after,
.image-contribute-form span.required:after {
    content: "*";
    color: #cc0000;
    font-size: 1.3em;
    line-height: 1em;
    padding-left: 4px;
}
.image-contribute-form .hide-from-view {
    position:absolute;
    top:-9999px;
    display:block;
    height:1px;
    width:1px;
    overflow:hidden;
}
.image-contribute-form .form-field {
    margin: 10px 0 15px;
}
.image-contribute-form label {
    font-weight: bold;
    font-size: 1.1em;
}
.story-listing {
    margin-bottom: 30px;
}
.story-listing .previous {
    float: left;
}
.story-listing .next {
    float: right;
}
.ilightbox .previous {
    float: left;
}
.ilightbox .next {
    float: right;
} 

/* iLightbox gallery */

#page-content .ilightbox .gallery-image-link img {
    border: 0;
}
#page-content .ilightbox .gallery-image-link {
    border: medium none;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    float: left;
}
#page-content .ilightbox .gallery-image-link:after {
    clear: both;
}
#page-content .ilightbox .gallery-image-zoom-icon {
    background:url(http://www.nma.gov.au/__data/assets/image/0010/428383/zoom-icon-white.png) 0 0 no-repeat;
    bottom: 5px;
    display: block;
    height: 32px;
    position: absolute;
    right: 5px;
    width: 32px;
}
#page-content .ilightbox .gallery-image-zoom-icon.dark {
    background:url(http://www.nma.gov.au/__data/assets/image/0009/428382/zoom-icon-dark.png) 0 0 no-repeat;
}
#page-content .ilightbox .caption_div {
    clear: both;
}
.ilightbox .header {
    margin-bottom: 30px;
}

/* Style for error messages on comments and guestbook */

p#error_msg,p#error_msg+ul {
    color: red;
}

/* Disclaimer on Australia's Horses pages under Horses in Australia feature */

#page-content .disclaimer {
    font-size: 12px;
    line-height: 16px;
}

/* --------------------------------------------------------------------------------------------- 
 Encounters Image Hover
--------------------------------------------------------------------------------------------- */

.EncountersContainer {
    position: relative;
    width: 230px;
    line-height: 0;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}
#page-content .EncountersContainer img {
    border: none;
}
.EncountersContainerCaption {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color:rgba(0, 0, 0, 0.9);
    /*background-image: url(http://www.nma.gov.au/__data/assets/image/0007/427462/trans-black-75.png);*/
    width: 100%;
    height: 100%;
}
.EncountersContainerCaption p {
    color: #fff;    
    margin: 10px 10px 10px;
    line-height: normal;    
}
.EncountersContainerCaption p.attribution {    
    font-weight: normal;
    font-size: 12px;
}
.EncountersContainerCaption a:link, .EncountersContainerCaption a:visited, .EncountersContainerCaption a:active {
    color: #46BBE2 !important; 
    border-bottom: 1px dotted #46BBE2 !important;
}

.EncountersContainerCaption a:hover {
    color: #B9E1EE !important; 
    border-bottom: 1px solid #B9E1EE !important;
}

/* --------------------------------------------------------------------------------------------- 
 Kspace - conversation-box overrides
--------------------------------------------------------------------------------------------- */

#page-content .conversation-box.kspace {
    background: #000000;
}

#page-content .conversation-box.kspace .callout-arrow {
    background-image: url(http://www.nma.gov.au/__data/assets/image/0009/453582/callout-arrow-kspace.png);
}

/* --------------------------------------------------------------------------------------------- 
 Masonry Lightbox - FreeWheeling overrides
--------------------------------------------------------------------------------------------- */

.vgallery-image.fw-border {
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 0px 1px 3px 2px rgba(204,204,204,1);
    -moz-box-shadow: 0px 1px 3px 2px rgba(204,204,204,1);
    box-shadow: 0px 1px 3px 2px rgba(204,204,204,1);  
}

.vgallery-image-info.vgallery-image-link.fw-caption {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    color: black;     
}

.vgallery-image.fw-border span.fw-date {
    float: left;
    margin: 5px 0px 5px 10px;
    font-size: 10px;
}

.vgallery-wrapper .previous {
    float: left;
}

.vgallery-wrapper .next {
    float: right;
}

/* --------------------------------------------------------------------------------------------- 
 Kspace Image Hover / Homepage
--------------------------------------------------------------------------------------------- */

.ksImageHomePadding {
    padding-right: 16px;
}
.ksHoverContainer {
    position: relative;
    width: 690px;
    height: 270px;
    overflow: hidden;
    line-height: 0;
    margin-bottom: 16px;
}
#page-content .ksHoverContainer img {
    border: none;
    width: 100%;
}
.ImageHoverCaptionFeature a.ksHoverBtn {
    color: #000000;
    padding: 5px 10px;    
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    text-decoration: none;
    line-height: normal;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-bottom: none !important;
}
.ImageHoverCaptionFeature a.ksHoverBtn:hover {
    background: #000000;
    color: #fff;
    border-bottom: none !important;
}

/* --------------------------------------------------------------------------------------------- 
 What's On/Exhibitions 
--------------------------------------------------------------------------------------------- */
#page-content .woExhibitionItem {
    overflow: auto;
    margin-bottom: 30px;
}
#page-content .woExhibitionItem img {
    margin-right: 10px;
    float: left;
    border: none;
}

/* --------------------------------------------------------------------------------------------- 
 Kaninjaku Timeline & lightbox customisations
--------------------------------------------------------------------------------------------- */
#page-content .canningTimeline {
    width:100%;
    overflow: auto;
    margin-top: 10px;
}
#page-content .canningTimeline p.leftCol {
    float: left;
    width: 15%;
}
#page-content .canningTimeline p.rightCol {
    float: right;
    width: 85%;
}
div#kaninjaku-lightBox p {
    margin-bottom: 10px;
}
div#kaninjaku-lightBox img {
    padding: 0px 10px 5px 0px;
    float: left;
}

div.exampleTextBox {
    border: 1px dashed black;
    padding: 15px;
    margin: 20px;
}

/* --------------------------------------------------------------------------------------------- 
 Encounters videos
--------------------------------------------------------------------------------------------- */
#vSearchListing {
    border-right-color: #b1ab95;
    border-right-style: dashed;
    border-right-width: 1px;
    float: left;
    width: 539px;
    margin-left: -20px;
}
#vSearchListing .vThumb {
    width: 240px;
    float: left;
    padding-left: 20px;
margin-bottom: 20px;
}
#vSearchListing h3 {
font-size: 14px;
    color: #8f0000;
    margin-bottom: 5px;
}
#vSearchListing h4 {
font-size: 12px;
margin-bottom: 10px;
}

#vSearchListing .vThumb:nth-child(odd) {
    clear: left;
}
/*override*/
#vSearchListing .vThumb img, #vSearchListing .vThumb a.thumb {
    border: none;
}
#vSearchNavigation {
    width: 145px;
    float: left;
    padding-left: 20px;
}
#vSearchNavigation h2 {
margin-top: 0;
}
#vSearchNavigation p.vPlace,#vSearchNavigationPage p.vPlace {
    text-transform: capitalize;
    display: none; /* we show after processing via JS */
}
#vSearchNavigationPage p.vPlace {
    float: left;
    padding-right: 20px;
}
#vSearchPagination {
    width: 530px;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    clear: left;
}
#vSearchPagination .next {
    float: right;
    margin-right: 30px;
}
#vSearchPagination .previous {
    float: left;
}
div.embedVideoWrapper {
    position: relative;
}
div.embedVideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
.EncountersVideosNestedContainer {
    margin: 0 -20px;
}
div.EncountersVideosNested {
    float: left;
    width: 340px;
    margin: 0 0 20px 20px;  
}
div.EncountersVideosNested.odd {
    clear: left;
}
div.EncountersVideosNested div.embedVideoWrapper {
    width: 340px;
    height: 191px;
    margin-bottom: 10px;
}*/
/* --------------------------------------------------------------------------------------------- 
 Blog
--------------------------------------------------------------------------------------------- */
div.blogBox {
    border-right: 1px dashed #b1ab95;  
    padding-right: 20px;
}
div.blogBox span.publishedDate {
    float: right;
    margin-top: 26px;
}
div.blogBox img.postImage {
    width: 240px;
    float: left;
    margin: 5px 20px 20px 0px;
}
div.blogBox p.postReadMore {
    font-weight: bold;
}
div.blogBox p.postByLine {    
    font-style: italic;
    float: left;
    clear: left;
}
p#postByLineArticle {    
    font-style: italic;
}
p#postBlogHomeLinkTop {    
    float: right;
}
p#postBlogHomeLinkBottom, p#postBlogHomeLinkTop {    
    font-weight: bold;
}
/*div.blogBox p.postTags {
    font-weight: bold;
    font-style: italic;
    float: left;
    clear: left;
}*/
div#blogPagination {
    /*border-right: 1px dashed #b1ab95;*/  
    padding: 20px 20px 20px 0px;
    margin-bottom: 10px;
    font-weight: bold;
}
div#blogPagination p.previous {
    float: right;
}
div#blogPagination p.next {
    float: left;
    margin-right: 10px;
}
div#blogPostPaginationTop {
    padding-bottom: 10px;
    font-weight: bold;
    /*border-bottom: 1px dashed #b1ab95;*/
    margin-bottom: 20px;
}
div#blogPostPaginationBottom {
    padding-top: 10px;
    font-weight: bold;
    /*border-top: 1px dashed #b1ab95;*/
}
div#blogPostPaginationTop a.pl-page-prev, div#blogPostPaginationBottom a.pl-page-prev {
    float: right;
}
div#blogPostPaginationTop a.pl-page-next, div#blogPostPaginationBottom a.pl-page-next {
    float: left;
}
/* AddThis */
.addthis_sharing_toolbox {
    float: right;
}
#atstbx a.at-share-btn {
    border: none;
}
/* Comments */
.commentForm #image_0_choose_server_file_button, .commentForm #image_0_use_editor_button {
    display: none !important;
}
.commentForm textarea {
    border: 1px solid #999999;
    padding: 5px 1%;
    width: 98%;
    box-shadow: 0 0 3px #D1D1D1;
    resize: vertical;
    font-family: Helvetica, Arial, sans-serif;
}
.commentForm input[type="text"], .commentForm input[type="email"] {
    border: 1px solid #999999;
    padding: 5px;
    box-shadow: 0 0 3px #D1D1D1;
}
.commentForm textarea:focus, .commentForm input[type="text"]:focus, .commentForm input[type="email"]:focus {
    box-shadow: 0 0 3px #c1c1c1;
    border-color: #888888;
}
#page-content .commentForm .form-fields-group h3 {
    margin-top: 0px;
}
#page-content .commentForm h2 {
    margin-top: 0px;
    float: right;
}
.commentForm label.required:after, .commentForm span.required:after {
    content: "*";
    color: #cc0000;
    font-size: 1.3em;
    line-height: 1em;
    padding-left: 4px;
}
.commentForm .hide-from-view {
    position:absolute;
    top:-9999px;
    display:block;
    height:1px;
    width:1px;
    overflow:hidden;
}
.commentForm hr.dashed {
    margin: 10px 0px 20px 0;
}
.commentForm #recaptcha_area {
    margin-bottom: 15px;
}
.commentForm .form-fields-group-captcha {
    margin-bottom: 20px;
}
.commentForm .form-fields-group-captcha .captcha {
    float: left;
}
.commentForm .form-fields-group-captcha .submit-button {
    float: right;
    margin-top: 40px;
    margin-right: 50px;
}
/* --------------------------------------------------------------------------------------------- 
 Custom buttons
--------------------------------------------------------------------------------------------- */
#page-content a#exhibitionBtn {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: right;
}
/* variants */
#page-content a#exhibitionBtn.playSchool {
    margin: 30px 0 35px 25px;
    background: #fdfdfd;
    border: 2px solid #2f70a0;
    color: #2c2b27;
}
#page-content a#exhibitionBtn.playSchool:hover {
    background: #2f70a0;
    color: #fdfdfd;
}
#page-content a#exhibitionBtn.ahow {   
    background: #fdfdfd;
    border: 2px solid #000;
    color: #000;
}
#page-content a#exhibitionBtn.ahow:hover {
    background: #000;
    color: #fdfdfd;
}
/* --------------------------------------------------------------------------------------------- 
 Defining Moments
--------------------------------------------------------------------------------------------- */
#page-content .featuredMoment {
    width: 200px;
    height: 220px;
    float: left;
    padding-right: 30px;
    margin-bottom: 20px;
}
#page-content .fMoment {
    width: 200px;
    height: 240px;
    float: left;
    padding-right: 30px;
}
ul#horizontalAnchors {
    margin-top: 15px;
}
ul#horizontalAnchors li {
    float:left;
    display:block;
    margin:0 0 5px 0;
    padding: 5px 30px 0 0;
    width: 200px;
    /*border-right: #d8d3bd solid 1px;*/
    background: none;
    font-weight: bold;
}
/*back to top button*/
#page-content a#scrollToTop.dm {
    width:80px;
    padding:5px;
    text-align:center;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none;
    position:fixed;
    top: 90%;
    right:40px;
    display:none;
    border-radius: 0.25em;
    background: #193B54;
    border-bottom: none;
}
#page-content a#scrollToTop.dm:link, #page-content a#scrollToTop.dm:visited, #page-content a#scrollToTop.dm:active {
    color: #fff;
}
#page-content a#scrollToTop.dm:hover, #page-content a#scrollToTop.dm:focus {
    background: #346474;
    border-bottom: none;
}
#tagCollection {
    display: block;
}
#tagCollection .tagGroup {
    display: block;
    margin: 0 0 5px 0;
}
#tagCollection .tagGroup .tag {
    padding: 0;
    margin: 0 5px;
}
/* --------------------------------------------------------------------------------------------- 
 jQuery slideToggle
--------------------------------------------------------------------------------------------- */
#page-content #slideToggle:before {
    content:"+";
    font-weight: bold;
    background: #346474;
    border: 1px solid white;
    padding: 0 3px;
    margin-left: 2px;
    margin-right: 4px;
    color: #fff;
}
#page-content #slideToggle.expanded:before {
    content: "−";
    font-weight: bold;
    background: #346474;
    border: 1px solid white;
    padding: 0 3px;
    margin-left: 2px;
    margin-right: 4px;
    color: #fff;
}
#slideToggle:hover {
    cursor: pointer;
    cursor: hand;
}
#backToTop {
    float: right;
    clear: both;
    margin-top: 20px;
}
#page-content h4#slideToggle {
    color: #346474;
}
/* --------------------------------------------------------------------------------------------- 
Unpack the museum
--------------------------------------------------------------------------------------------- */
#unpackMuseum .vgallery-image-info {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    margin: 5px 0;
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/* colours */
#unpackMuseum .vgallery-image.red .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #d63232;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.red .vgallery-image-info:hover {
    background: #d63232;
    color: #fdfdfd;
}
#unpackMuseum .vgallery-image.black .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #2c2b27;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.black .vgallery-image-info:hover {
    background: #2c2b27;
    color: #fdfdfd;
}
#unpackMuseum .vgallery-image.purple .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #660066;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.purple .vgallery-image-info:hover {
    background: #660066;
    color: #fdfdfd;
}
#unpackMuseum .vgallery-image.green .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #4c934c;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.green .vgallery-image-info:hover {
    background: #4c934c;
    color: #fdfdfd;
}
#unpackMuseum .vgallery-image.yellow .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #ffff7f;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.yellow .vgallery-image-info:hover {
    background: #ffff7f;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.purple .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #934c93;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.purple .vgallery-image-info:hover {
    background: #934c93;
    color: #fdfdfd;
}
#unpackMuseum .vgallery-image.blue .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #004c99;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.blue .vgallery-image-info:hover {
    background: #004c99;
    color: #fdfdfd;
}
#unpackMuseum .vgallery-image.pink .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #ffc0cb;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.pink .vgallery-image-info:hover {
    background: #ffc0cb;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.default .vgallery-image-info {
    background: #fdfdfd;
    border: 3px solid #346474;
    color: #2c2b27;
}
#unpackMuseum .vgallery-image.default .vgallery-image-info:hover {
    background: #346474;
    color: #fdfdfd;
}
/* --------------------------------------------------------------------------------------------- 
Play School
--------------------------------------------------------------------------------------------- */
#page-content .playSchool .slideshow_container {
    background-color: #2f70a0;
}
h2#psQuizHeading {
    margin-top: 20px;
}
#psQuizHeading + .clearfix {
    margin-bottom: 20px;
}
#psWrapper img {
    float: left;
}
#psWrapper .quizLauncher {
    float: left;
}
/* --------------------------------------------------------------------------------------------- 
Generic buttons
--------------------------------------------------------------------------------------------- */
#page-content a.nmaBtn {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    padding: 5px 20px;
    margin: 20px 20px 20px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0.25em;
    font-weight: 700;
    border: 2px solid #fdfdfd;
}
#page-content a.nmaBtn.black {
    background: #000;
    color: #fff;
}
#page-content a.nmaBtn.black:hover, #page-content a.nmaBtn.black:focus {
    background: #fff;
    color: #000;
    border: 2px solid #000;
    border-radius: 0.25em;
}
#page-content a.nmaBtn.blue {
    background: #346474;
    color: #fff;
}
#page-content a.nmaBtn.blue:hover, #page-content a.nmaBtn.blue:focus {
    background: #fff;
    color: #346474;
    border: 2px solid #346474;
    border-radius: 0.25em;
}
#page-content a.nmaBtn.red {
    background: #8f0000;
    color: #fff;
}
#page-content a.nmaBtn.red:hover, #page-content a.nmaBtn.red:focus {
    background: #fff;
    color: #8f0000;
    border: 2px solid #8f0000;
    border-radius: 0.25em;
}
/* --------------------------------------------------------------------------------------------- 
Calendar search styles
--------------------------------------------------------------------------------------------- */
form#search_page_324663 input[type="text"] {
	padding: 10px;
	margin-bottom: 10px;
	border: solid 2px #c9c9c9;
	transition: border 0.3s;
	width: 400px;
}
form#search_page_324663 input[type="text"]:focus, form#search_page_324663 input[type="text"].focus {
	border: solid 2px #969696;
}
form#search_page_324663 ul li {
	background: none;
	margin: 10px 0;
}
form#search_page_324663 ul li label {
	margin-left: 10px;
	padding-top: 10px;
}
form#search_page_324663 ul li input[type="checkbox"] {
	vertical-align: middle;
}
form#search_page_324663 input[type="submit"] {
	padding: 5px 20px;
	margin: 10px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 0.25em;
	font-weight: 700;
	border: 2px solid #fdfdfd;
	background: #346474;
	color: #fff;
}
form#search_page_324663 input[type="submit"]:hover {
	background: #fff;
	color: #346474;
	border: 2px solid #346474;
}