/************************************
 Standard HTML styles
 ************************************/
html {
  overflow-y: scroll; /* force right hand scrollbar to stop page jumping */
  font-size: 100%;
  padding: 0;
  margin: 0;
}
body {
  position: relative;
  background: #555555;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 12px;
  font-family: Helvetica, Verdana, sans-serif;
}
h1, h2, h3, p, td, div, input {
  font-family: Helvetica, Verdana, sans-serif;
}

h1 {
  font-size: 22px;
  font-weight: normal;
  padding: 0;
  margin: 0 0 20px 0;
}
h2 {
  font-size: 16px;
  padding: 0;
  margin: 0 0 10px 0;
}

p {
  padding: 0;
  margin: 0 0 10px 0;
}

a {
  color: #FFFFFF;
  text-decoration: underline;
  outline: none; /* hide dotted outline in Firefox */
}
a:hover, a:active {
  color: #FFFFFF;
  text-decoration: none;
  outline: none; /* hide dotted outline in Firefox */
}

img {
  border: none;
}
iframe {
  overflow-y: none; /* override html style*/
  background: transparent;
}

body#frame {
  background: transparent
}

/************************************
 Styles for moa header and footer
 ************************************/

#moaheader {
  margin: 0 -30px;
  /* height: 60px; */
  font-size:90%;line-height:1.5em;
  font-family: Helvetica, Verdana, Arial, sans-serif;
}
#moaheader ul {
  list-style-type: disc;
  margin: 0 0 1.5em;
  padding-left: 0;
}
#moafooter {
  margin: 0 -30px 10px -30px;
  padding: 0;
  font-size:90%;line-height:1.5em;
  font-family: Helvetica, Verdana, Arial, sans-serif;
}
#moafooter ul {
  list-style-type: disc;
  margin: 0 0 1.5em;
  padding-left: 0;
}


/* Header
-------------------------------------------------------------- */
#header {text-align:left;background:#555; width: 920px;margin:0 30px 10px;}

#supernav {width:920px;text-align:left;padding:15px 0 0;float:left;margin-bottom:0;height:10px;}
.supernav li {position:relative;display: inline;float:left;margin:0;padding-left:5px;padding-right:5px;border-right:1px solid #888;line-height:.75em; }
.supernav li.last {padding-right:0;border-right:0;}
.supernav li a:link, .supernav li a:visited {font-size:.85em;text-decoration:none;color:#fff;font-weight:bold;}
.supernav li a:active, .supernav li a:hover { text-decoration:none;color:#78786f;}	

#topnav {width:920px;text-align:left;float:left;margin-top:10px;margin-bottom:0;}
.topnav {width: 920px;margin:0;}
.topnav li {position:relative;display: inline;float:left;margin:0;padding-left:1px;padding-right:1px;border-right:1px solid #888; }
.topnav li.last {padding-right:0;border-right:0;}
.topnav li a:link, .topnav li a:visited { font-size:1em;text-decoration:none;color:#fff;padding:3px 5px;background:#555;height:15px;}
.topnav li a:active, .topnav li a:hover { text-decoration:none;color:#78786f;background:#4f4f4f;}	

.current-about .about a:link, .current-about .about a:visited {color:#78786f;}
.current-renewal .renewal a:link, .current-renewal .renewal a:visited {color:#78786f;}
.current-exhibits .exhibits a:link, .current-exhibits .exhibits a:visited {color:#78786f;}
.current-events .events a:link, .current-events .events a:visited {color:#78786f;}
.current-collections .collections a:link, .current-collections .collections a:visited {color:#78786f;}
.current-programs .programs a:link, .current-programs .programs a:visited {color:#78786f;}
.current-rentals .rentals a:link, .current-rentals .rentals a:visited {color:#78786f;}
.current-shop .shop a:link, .current-shop .shop a:visited {color:#78786f;}
.current-join .join a:link, .current-join .join a:visited {color:#78786f;}
.current-home .home a:link, .current-home .home a:visited {color:#78786f;}
.current-blog .blog a:link, .current-blog .blog a:visited {color:#78786f;}
.current-contact .contact a:link, .current-contact .contact a:visited {color:#78786f;}

#topnav {z-index:1001;}
#topnav li ul {display: none; position: absolute; top: 10px; left: 0;  width: 150px;  margin-left:-1px;padding: 0 0 5px;  background: #78786f;border-left:1px solid #fff; }
#topnav li:hover ul { display: block; }
#topnav li ul li {float: none;border-right:none;}
#topnav li ul li a {padding: 3px 12px; display: inline-block; background-image:none;text-indent: 0px;height:12px;text-transform:uppercase;color:#000}
#topnav li ul li a {display: block;font-size:.8em;font-weight:bold;border-left:none;cursor: pointer;}
#topnav li ul li a:hover { color: #fff;text-decoration:none;}

/* Bottom Navigation
-------------------------------------------------------------- */
#bottomnav {display:block;width:920px;text-align:left;padding:0 30px;margin:0;}
#bottomnav ul {margin:0;padding:0;}
#bottomnav li {float:left;margin:0;list-style:none;}

#bottomnav li a:focus, 
#bottomnav li a:hover     { color: #fff;}
#bottomnav li a           { color: #fff;text-decoration: none;font-weight:bold;width:124px;height:40px;padding:20px;display:block; }

#bottomnav li.one a {background:#89a254;border-right:#a2c137 20px solid;}
#bottomnav li.one a:focus, #bottomnav li.one a:hover {background:#7a7d6c;border-right:#a2c137 20px solid;}

#bottomnav li.two a {background:#adca44;border-right:#a3a633 20px solid;}
#bottomnav li.two a:focus, #bottomnav li.two a:hover {background:#a2c137;border-right:#a3a633 20px solid;}

#bottomnav li.three a {background:#abaa40;border-right:#e3b925 20px solid;}
#bottomnav li.three a:focus, #bottomnav li.three a:hover {background:#a3a633;border-right:#e3b925 20px solid;}

#bottomnav li.four a {background:#ecc12e;border-right:#cb6425 20px solid;}
#bottomnav li.four a:focus, #bottomnav li.four a:hover {background:#e3b925;border-right:#cb6425 20px solid;}

#bottomnav li.five a {background:#cc6a33;border-right:#cc6a33 20px solid;}
#bottomnav li.five a:focus, #bottomnav li.five a:hover {background:#cb6425;border-right:#cc6a33 20px solid;}

/* Footer
-------------------------------------------------------------- */
#footer {text-align:left;width:920px;padding:10px 30px;color:#fff;font-size:.89em;}

#footer p.copyright {float:left;margin-right:10px;}
#footer ul {float:left;margin-top:1px;}
#footer li {float:left;display:inline;margin:0;padding:5px 5px 2px;list-style:none;border-right:1px solid #CCC;line-height:.5em;}
#footer li.last {border-right:none;}
#footer li a:focus, 
#footer li a:hover     { color: #000;}
#footer li a           { color: #fff;text-decoration: none;}


/************************************
 Common styles
 ************************************/

span.specialchars {
  font-family: "DejaVu Sans", "HelveticaNeueLTStd-Roman", Helvetica, Verdana, sans-serif;
  font-size: 86%;
}

a span {
  cursor: pointer;
}

a.button,
a.currentbutton {
  display: inline-block;
  vertical-align: middle;
  /*font-weight: bold;*/
  font-size: 13px;
  height: 30px;
  margin-right: 4px; /* space between link and next inline element */
  padding-right: 8px; /* sliding doors padding */
  text-decoration: none;
}
a.button { background: transparent url('../images/nav/btn_large_right.png') no-repeat scroll top right; }
a.currentbutton { background: transparent url('../images/nav/btn_large_selected_right.png') no-repeat scroll top right; }

a.button span,
a.currentbutton span {
  display: block;
  line-height: 24px;
  padding: 3px 0 3px 8px;
  text-align: center;
}
a.button span { background: transparent url('../images/nav/btn_large_left.png') no-repeat; }
a.currentbutton span { background: transparent url('../images/nav/btn_large_selected_left.png') no-repeat; }

a.button:hover,
a.button:active,
a.currentbutton:hover,
a.currentbutton:active {
  background-position: bottom right;
}
a.button:hover span,
a.button:active span,
a.currentbutton:hover span,
a.currentbutton:active span {
  background-position: bottom left;
}

/* Required sliding door button styles: */
button { 
  position: relative;
  border: 0; 
  padding: 0;
  cursor: pointer;
  overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
  border: none;  /* overrides extra padding in Firefox */
}

button span { 
  position: relative;
  display: block; 
  white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari and Google Chrome only - fix margins */
  button span {
    margin-top: -1px;
  }
}


/* General sliding door button styles */
/* e.g. simple search */
button.button { 
  padding: 0 6px 0 0; 
  margin-right: 5px;
  height: 30px;
  font-size: 13px; 
  text-align: center; 
  background: transparent url('../images/nav/btn_large_right.png') top right no-repeat;
}
  
button.button span {
  padding: 0 0 0 6px; 
  margin: 0;
  line-height: 30px;
  height: 30px;
  background: transparent url('../images/nav/btn_large_left.png') top left no-repeat;
  color:#fff; 
}

button.button:hover,
button.button:active {
  background-position: bottom right;
}
button.button:hover span,
button.button:active span {
  background-position: bottom left;
}


a.link {
  position: relative;
  background: transparent url('../images/nav/btn_link_right.png') no-repeat scroll top right;
  display: inline-block;
  vertical-align: middle;
  /*font-weight: bold;*/
  height: 21px;
  line-height: 21px;
  margin-right: 3px;
  margin-bottom: 3px;
  padding-right: 8px; /* sliding doors padding */
  text-decoration: none;
}
a.link span {
  background: transparent url('../images/nav/btn_link_left.png') no-repeat;
  display: block;
  line-height: 17px;
  padding: 2px 0 2px 8px;
}
a.link:hover,
a.link:active {
    background-position: bottom right;
}
a.link:hover span,
a.link:active span {
    background-position: bottom left;
}


a.remove {
  position: relative;
  background: transparent url('../images/nav/btn_remove_right.png') no-repeat scroll top right;
  display: inline-block;
  vertical-align: middle;
  /*font-weight: bold;*/
  height: 21px;
  line-height: 21px;
  margin-right: 3px;
  /* margin-bottom: 5px; */
  padding-right: 8px; /* sliding doors padding */
  text-decoration: none;
}
a.remove span {
  background: transparent url('../images/nav/btn_remove_left.png') no-repeat;
  display: block;
  line-height: 17px;
  padding: 2px 0 2px 23px;
}
a.remove:hover,
a.link:active {
    background-position: bottom right;
}
a.remove:hover span,
a.link:active span {
    background-position: bottom left;
}


a.filter {
  background: transparent url('../images/nav/btn_filter_right.png') no-repeat scroll top right;
  display: inline-block;
  vertical-align: middle;
  /*font-weight: bold;*/
  height: 42px;
  margin-right: 6px;
  margin-bottom: 10px;
  padding-right: 15px; /* sliding doors padding */
  text-decoration: none;
}
a.filter span {
  background: transparent url('../images/nav/btn_filter_left.png') no-repeat;
  display: block;
  line-height: 32px;
  padding: 5px 0 5px 15px;
}
a.filter:hover,
a.filter:active {
    background-position: bottom right;
}
a.filter:hover span,
a.filter:active span {
    background-position: bottom left;
}
a.currentfilter {
  background: transparent url('../images/nav/btn_filter_selected_right.png') no-repeat scroll top right;
  display: inline-block;
  vertical-align: middle;
  /*font-weight: bold;*/
  height: 42px;
  margin-right: 6px;
  margin-bottom: 10px;
  padding-right: 15px; /* sliding doors padding */
  text-decoration: none;
}
a.currentfilter span {
  background: transparent url('../images/nav/btn_filter_selected_left.png') no-repeat;
  display: block;
  line-height: 32px;
  padding: 5px 0 5px 15px;
}


/******************************************
Common styles for left hand navigation
*****************************************/

div#logo {
  position: absolute;
  top: 15px;
  left: 9px;
  height: 40px;
  z-index: 20;
}
div#tabbednav {
  position: relative;
  width: 128px;
  height: 425px;
  padding-top: 110px;
  margin-left: 7px;
  background: url(../images/nav/tabs_vertical.png) top right no-repeat;
  z-index: 10;
}

div#tabbednav div {
  height: 30px;
  margin-bottom: 15px;
}
div#tabbednav div.nolink {
  border-right: 1px solid #FFFFFF;
}

div#tabbednav a,
div#tabbednav a.current {
  color: #FFFFFF;
  display: block;
  /*font-weight: bold;*/
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  text-decoration: none;
  padding-left: 12px;
}
div#tabbednav a { background: transparent url('../images/nav/tab.png') no-repeat scroll top left; }
div#tabbednav a.current { background: transparent url('../images/nav/tab_selected.png') no-repeat scroll top left; }

div#tabbednav a:active,
div#tabbednav a:hover,
div#tabbednav a.current:hover,
div#tabbednav a.current:active {
  background-position: bottom left;
}

div#tabbednav div.doubleline a,
div#tabbednav div.doubleline a.current {
  font-size: 12px;
  line-height: 13px;
  padding-top: 2px;
  height: 28px !important;
  height /**/: 30px;
  
}


/******************************************
Common styles for bottom hand navigation
*****************************************/

div#navigationwrapper {
  position: relative;
  height: 50px;
  clear: both;
}
div#navigation {
  margin: 0 0 20px 20px;
}
div#navigation .divider {
  display: none;
}
div#navigation a,
div#navigation a.current {
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  /*font-weight: bold;*/
  font-size: 13px;
  height: 30px;
  margin-right: 8px; /* space between link and next inline element */
  padding-right: 8px; /* sliding doors padding */
  text-decoration: none;
}
div#navigation a { background: transparent url('../images/nav/btn_navbar_right.png') no-repeat scroll top right; }
div#navigation a.current { background: transparent url('../images/nav/btn_navbar_selected_right.png') no-repeat scroll top right; }

div#navigation a span,
div#navigation a.current span {
  display: block;
  line-height: 24px;
  padding: 3px 0 3px 8px;
  text-align: center;
}
div#navigation a span { background: transparent url('../images/nav/btn_navbar_left.png') no-repeat; }
div#navigation a.current span { background: transparent url('../images/nav/btn_navbar_selected_left.png') no-repeat; }

div#navigation a:hover,
div#navigation a.current:hover,
div#navigation a:active,
div#navigation a.current:active {
  background-position: bottom right;
}
div#navigation a:hover span,
div#navigation a.current:hover span,
div#navigation a:active span,
div#navigation a.current:active span {
  background-position: bottom left;
}

/************************************
 Common styles for all scrollbars
 ************************************/

/* scroll buttons */
#left a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/nav/btn_navbar_prev.png) top left no-repeat;
  text-indent: -5000px;
}
#left a:hover {
  background-position: bottom left;
}
#right a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/nav/btn_navbar_next.png) top left no-repeat;
  text-indent: -5000px;
}
#right a:hover {
  background-position: bottom left;
}

/* for safari, to prevent selection problem  */
div.scrollbar, div.track, div.dragBar, div.up, div.down, div.up, div.down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div.scrollbar img {
    display:block; 
}


/************************************
 Page wrapper and layout styles
 ************************************/

#pagewrapper {
  position: relative;
  width: 920px;
  margin: 0 auto;
  text-align: left;
}
#contentwrapper {
  position: relative;
  background: #646460;
  width: 920px;
}
#content {
  overflow: hidden;
}

/* style used to hold fading background images */
#pagebackground {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#pagebackground img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
}

#leftcolumn {
  position: relative;
  float: left;
  width: 135px;
  margin-right: 10px;
  height: 550px;
  padding: 0px;
}

#rightcolumn {
  position : relative;
  float: left;
  width: 775px;
}

#fullwidth {
  position : relative;
}

#simplesearchform {
  position: relative;
  float: right;
  width: 250px;
  margin-top: 25px;
}
#simplesearchform #formleft {
  position: relative;
  float: left;
  width: 175px;
  z-index: 100;
}
#simplesearchform #formright {
  position: relative;
  z-index: 50;
}
#simplesearchform input {
  margin-top: 5px;
  border: 1px solid #777566;
  width: 160px;
  font-size: 12px;
  padding: 1px 3px;
}

/************************************
 Styles for home page
 ************************************/

div#homelogo {
  padding: 30px 0 0 60px;
  margin: 50px 0 50px 0;
}

div#homenav {
  padding: 0 60px 0 60px;
  margin: 0;
}
div.homenavitem {
  float: none;
  width: 700px;
  padding: 0;
  margin: 0 0 50px 0;
}

#homesearchform {
  width: 350px;
  height: 100px;
  margin-top: 25px;
}
#homesearchform #formleft {
}
#homesearchform #formright {
  margin-top: 10px;
}
#homesearchform input {
  border: 1px solid #777566;
  font-size: 16px;
  padding: 3px 3px;
  width: 305px;
}

body#home #content {
  font-size: 18px;
}

#homeobjects {
  clear: both;
  margin-left: 60px;
}
#homeobjects .resultrow {
}

#homefooter {
  clear: both;
  height: 60px;
}

body#home a.button {
  display: inline-block;
  vertical-align: middle;
  /*font-weight: bold;*/
  font-size: 21px;
  height: 48px;
  margin-right: 6px; /* space between link and next inline element */
  padding-right: 12px; /* sliding doors padding */
  text-decoration: none;
}
body#home a.button { background: transparent url('../images/nav/btn_home_right.png') no-repeat scroll top right; }

body#home a.button span {
  display: block;
  line-height: 40px;
  padding: 4px 0 4px 12px;
  text-align: center;
}
body#home a.button span { background: transparent url('../images/nav/btn_home_left.png') no-repeat; }

body#home a.button:hover,
body#home a.button:active {
  background-position: bottom right;
}
body#home a.button:hover span,
body#home a.button:active span {
  background-position: bottom left;
}

/* Specific sliding door button styles */
body#home button.button { 
  padding: 0 12px 0 0; 
  height: 48px;
  font-size: 21px; 
  text-align: center; 
  background: transparent url('../images/nav/btn_home_right.png') top right no-repeat;
}
body#home button.button span {
  line-height: 40px;
  padding: 4px 0 4px 12px;
  height: 40px !important;
  height/**/: 48px;
  background: transparent url('../images/nav/btn_home_left.png') top left no-repeat;
  color:#fff;
}
body#home button.button:hover,
body#home button.button:active {
  background-position: bottom right;
}
body#home button.button:hover span,
body#home button.button:active span {
  background-position: bottom left;
}


/************************************
 Styles for explore pages
 ************************************/

div#exploresummary {
  margin-top: 25px;
  height: 84px;
  line-height: 18px;
}
h1.explore {
  width: 450px;
  height: 35px;
  background: url(../images/titles/title-explore-small.png) top left no-repeat;
  text-indent: -2000px;
  margin: 0;
}
div#exploresummary p {
  margin: 0 0 6px 0;
}

div#explorefilters {
  width: 675px;
  margin-bottom: 10px; /* extra spacing between filters and lists of links */
}

div#explorefilters a.button,
div#explorefilters a.currentbutton {
  margin-right: 10px;
  margin-bottom: 10px;
}
div#explorefilters .divider {
  display: none;
}

div#explorecontinents {

}
div#explorecontinents .divider {
  display: none;
}
div#explorecontinents a.button,
div#explorecontinents a.currentbutton {
  margin-right: 10px;
  margin-bottom: 10px;
}

div#exploreatoz {
  width:520px;
}
div#exploreatoz .divider {
  display: none;
}
div#exploreatoz a.button,
div#exploreatoz a.currentbutton {
  margin-right: 10px;
  margin-bottom: 10px;
}
div#exploreatoz a.button span,
div#exploreatoz a.currentbutton span {
  width: 14px; /* equates to 30px with padding from parent style */
}

div#exploreatoz .disabledletter {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px; 
  text-decoration: none;
}


/************************************
Styles for explore pages
************************************/

/* lists of links */
#linklists {
  position: relative;
  width: 700px; /* four columns */
  border-bottom: 1px solid transparent; /* this required to stop floated ul interferring with the scrolling */
}

#linklists ul {
  list-style: none;
  width: 175px;
  margin: 0;
  padding: 0;
  float: left;
}
#linklists li {
  list-style: none;
  margin: 0 0 13px 0;
  padding: 0;
}

/*************************************
 Styles for Places / Explore the Globe explore page
************************************/

body.explore_places_continents {
}
body.explore_places_atoz {
}
body.explore_places {
}

div.browselinkswrapper {
  position:relative;
  width: 380px; /* width of two linklists and the scrollbar */
  height: 367px; 
  overflow: auto;
}

div.browselinks {
  width: 350px; /* width of two linklists */
  height: 367px;
  overflow: hidden;
  position: relative;
}

div.browselinkswrapper div.scrollbar {
  display:block;
  position:absolute; 
  right:0; 
  top:0;
  width:30px; 
  height: 367px; /* match scroll bar height to contents of scroll area */
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  padding: 0px;
}

div.browselinkswrapper div.track { 
  position:absolute; 
  top: 0; right: 0;
  width: 30px;
  height: 290px; /* match track height to scrollbar */
  background: transparent url(../images/nav/scrollbar_track.png) center top repeat-y;
  padding: 0;
}

div.browselinkswrapper div.dragBar {
  position:absolute;
  top: 0; right: 0;
  width: 30px;
  height:30px;
  background: transparent url(../images/nav/btn_navbar_slider_vertical.png) top right no-repeat;
  margin: 0;
}

div.browselinkswrapper div.dragBar_mousedown {
  background: transparent url(../images/nav/btn_navbar_slider_vertical.png) top left no-repeat;
}

div.browselinkswrapper div.up {
  background: transparent url(../images/nav/btn_navbar_up.png) top right no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 38px;
  left: 0;
}
div.browselinkswrapper div.up_mousedown {
  background: transparent url(../images/nav/btn_navbar_up.png) top left no-repeat;
}
div.browselinkswrapper div.down {
  background: transparent url(../images/nav/btn_navbar_down.png) top right no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
}
div.browselinkswrapper div.down_mousedown {
  background: transparent url(../images/nav/btn_navbar_down.png) top left no-repeat;
}
div.browselinkswrapper div.up a,
div.browselinkswrapper div.down a {
  display: block;
  width: 100%;
  height: 100%;
}

div.browselinkswrapper div.scroll_disabled {
  background: transparent url(../images/nav/btn_navbar_disabled.png) top right no-repeat;
}

body.explore_places #linklists {
  width: 350px; /* only two columns */
}

/*************************************
 Legacy Styles for Timeline explore page
************************************/
body.explore_dateperiods #resultswrapper {
  position:relative;
  width: 760px; 
  height: 200px; 
  margin: 0;
  overflow: hidden;
}
body.explore_dateperiods #results {
  position:relative;
  width: 760px; 
  height: 200px; 
  overflow: hidden;
  padding-left: 0;
}
body.explore_dateperiods div#scrollbarwrapper {
  position: relative;
  width: 760px;
  height: 30px;
}
body.explore_dateperiods div#scrollbar {
  position: relative;
  height: 30px;
}
body.explore_dateperiods div#scrollbar div.left {
  position: absolute;
  top: 0;
  right: 40px;
}
body.explore_dateperiods div#scrollbar div.right {
  position: absolute;
  top: 0;
  right: 0;
}

body.explore_dateperiods div#dragBar { 
  position:absolute; 
  left:0; 
  width: 30px; height: 30px;
  background: transparent url(../images/nav/btn_navbar_slider.png) top left no-repeat;
}
body.explore_dateperiods div#dragBar.active { 
  background-position: bottom left;
}
body.explore_dateperiods div#track { 
  position: absolute; 
  left: 0; 
  bottom: 0;
  width: 680px; 
  height: 30px;
  background: transparent url(../images/nav/scrollbar_track_horizontal.png) center left repeat-x;
  padding: 0;
}

div#dateperiodfilters {

}
div#dateperiodfilters a.filter {
  font-size: 11px;
  padding-right: 10px; /* sliding doors padding */
}
div#dateperiodfilters a.filter span {
  padding: 5px 0 5px 9px;
}
div#dateperiodfilters a.currentfilter {
  font-size: 11px;
  padding-right: 10px; /* sliding doors padding */
}
div#dateperiodfilters a.currentfilter span {
  padding: 5px 0 5px 9px;
}

body.explore_dateperiods #linklists {
  width: 760px;
}
body.explore_dateperiods #linklists ul {
  width: 250px;
}
body.explore_dateperiods #linklists li {

}


/*************************************
 Styles for Timeline explore page
************************************/
body.explore_dateranges #resultswrapper {
  position:relative;
  width: 760px; 
  height: 200px; 
  margin: 0;
  overflow: hidden;
}
body.explore_dateranges #results {
  position:relative;
  width: 760px; 
  height: 200px; 
  overflow: hidden;
  padding-left: 0;
}
body.explore_dateranges div#scrollbarwrapper {
  position: relative;
  width: 760px;
  height: 30px;
}
body.explore_dateranges div#scrollbar {
  position: relative;
  height: 30px;
}
body.explore_dateranges div#scrollbar div.left {
  position: absolute;
  top: 0;
  right: 40px;
}
body.explore_dateranges div#scrollbar div.right {
  position: absolute;
  top: 0;
  right: 0;
}

body.explore_dateranges div#dragBar { 
  position:absolute; 
  left:0; 
  width: 30px; height: 30px;
  background: transparent url(../images/nav/btn_navbar_slider.png) top left no-repeat;
}
body.explore_dateranges div#dragBar.active { 
  background-position: bottom left;
}
body.explore_dateranges div#track { 
  position: absolute; 
  left: 0; 
  bottom: 0;
  width: 680px; 
  height: 30px;
  background: transparent url(../images/nav/scrollbar_track_horizontal.png) center left repeat-x;
  padding: 0;
}

div#daterangefilters {

}
div#daterangefilters a.filter {
  font-size: 11px;
  padding-right: 10px; /* sliding doors padding */
}
div#daterangefilters a.filter span {
  padding: 5px 0 5px 9px;
}
div#daterangefilters a.currentfilter {
  font-size: 11px;
  padding-right: 10px; /* sliding doors padding */
}
div#daterangefilters a.currentfilter span {
  padding: 5px 0 5px 9px;
}


div.primaryfilters {
  height: 72px;
  margin-top: 20px; /* padding between scrollbar and primary dateranges */
  margin-bottom: -1px; /* overlap primary and secondary nav by 1px */
}
div.primaryfilters span.notlinked {
  display: inline-block;
  height: 72px;
}
div.primaryfilters span.linked {
  display: inline-block;
  height: 72px;
  background: url(../images/nav/bg_primary_linked.gif) bottom center no-repeat;
}
div.primaryfilters span.first {
  display: inline-block;
  height: 72px;
  background: url(../images/nav/bg_primary_first.gif) bottom center no-repeat;
}
div.primaryfilters span.middle {
  display: inline-block;
  height: 72px;
  background: url(../images/nav/bg_primary_middle.gif) bottom center no-repeat;
}
div.primaryfilters span.last {
  display: inline-block;
  height: 72px;
  background: url(../images/nav/bg_primary_last.gif) bottom center no-repeat;
}

div.secondaryfilters {
  clear: left;
  height: 53px;
  margin-bottom: 20px; /* padding between secondary dateranges and dynasty periods */
}
div.secondaryfilters span.first {
  display: inline-block;
  padding-top: 11px;
  height: 53px !important;
  height /**/:42px;
  background: url(../images/nav/bg_secondary_first.gif) top center no-repeat;
}
div.secondaryfilters span.middle {
  display: inline-block;
  padding-top: 11px;
  height: 53px !important;
  height /**/:42px;
  background: url(../images/nav/bg_secondary_middle.gif) top center no-repeat;
}
div.secondaryfilters span.last {
  display: inline-block;
  padding-top: 11px;
  height: 53px !important;
  height /**/:42px;
  background: url(../images/nav/bg_secondary_last.gif) top center no-repeat;
}

body.explore_dateranges #linklists {
  width: 760px;
}
body.explore_dateranges #linklists ul {
  width: 250px;
}
body.explore_dateranges #linklists li {

}


/************************************
 Styles for advanced search page
************************************/

form#advanced_search label {
  display: inline-block;
  width: 150px;
}

/************************************
 Styles for search results page
************************************/

div#searchsummary {
  position: relative;
  padding-top: 25px;
  margin-left: 145px;
  height: 110px;
}
div#searchsummary p {
  margin: 0 0 6px 0;
}

#scrollstatus {
  display: none;
  /*
  position: absolute;
  top: 0;
  left: 500px;
  width: 200px;
  */
}
#resultswrapper {
  position:relative;
  width: 920px; 
  height: 425px; 
  margin: 0;
  overflow: hidden;
}
#results {
  position:relative;
  width: 920px; 
  height: 525px; 
  overflow: hidden;
  padding-left: 20px;
}

.resultpage {
  position: relative;
  float: left;
}
.odd {
  /* background: #E6E6E6; */
}
.resultcolumn {
  width: 117px;
  height: 525px;
  position: relative;
  float: left;
  margin: 0 0 0 0;
}
.resultrow {
  position: relative;
  float: left;
  margin: 0 15px 15px 0;
  padding: 0;
  width: 102px;
  height: 200px;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  color: #A5A397;
}
.resultrow a {
  color: #A5A397;
  text-decoration: none;
}
.resultrow div {
  position: relative;
  width: 102px;
  height: 102px;
  margin-bottom: 5px;
}
.resultrow div img {
  position: absolute;
  left: 0;
  bottom: 0;
  border: 1px solid #FFFFFF;
  max-height: 100px;
  max-width: 100px;
}
.resultrow a span {
  color: #FFFFFF !important;
}

body#searchresults div#scrollbarwrapper {
  position: absolute;
  width: 380px;
  height: 30px;
  bottom: 20px;
  right: 20px;
}
body#searchresults div#scrollbar {
  position: relative;
  height: 30px;
}
body#searchresults div#scrollbar div.left {
  position: absolute;
  top: 0;
  right: 40px;
}
body#searchresults div#scrollbar div.right {
  position: absolute;
  top: 0;
  right: 0;
}

body#searchresults div#dragBar { 
  position:absolute; 
  left:0; 
  width: 30px; height: 30px;
  background: transparent url(../images/nav/btn_navbar_slider.png) top left no-repeat;
}
body#searchresults div#dragBar.active { 
  background-position: bottom left;
}
body#searchresults div#track { 
  position:absolute; 
  left:0; 
  bottom:0;
  width: 300px; 
  height:30px;
  background: transparent url(../images/nav/scrollbar_track_horizontal.png) center left repeat-x;
  padding:0;
}

/************************************
 Styles for advanced search filters
 ************************************/

body#searchfilter {
  background: #646460 url(../images/backgrounds/bg646460.gif); /* background image to make sure whole background is filled on FF on Mac*/
}

body#searchfilter #pagewrapper {
  margin: 30px 0 0 30px;
  width: auto;
}

body#searchfilter #contentwrapper {
  width: auto;
}

body#searchfilter div#filterintro {
  height: 120px;
  line-height:18px;
}
body#searchfilter div#filterintro h1 {
  margin: 2px 0 5px 0;
}
body#searchfilter div#filtersummary {
  height: 65px;
  line-height:18px;
}
body#searchfilter div#filtersummary h1 {
  margin: 2px 0 5px 0;
}

body#searchfilter div#explorefilters {
  width: 555px;
  height: 80px;
}

body#searchfilter div.browselinkswrapper {
  position:relative;
  width: 555px; /* width of three linklists and the scrollbar */
  height: 293px; 
}

body#searchfilter div.browselinks {
  width: 525px; /* width of three linklists */
  height: 293px;
}

body#searchfilter div.browselinkswrapper div.scrollbar {
  height: 293px; /* match scroll bar height to contents of scroll area */
}

body#searchfilter div.browselinkswrapper div.track { 
  height: 213px; /* match track height to scrollbar */
}

body#searchfilter #navigationwrapper {
  margin-top: 20px;
}

/************************************
 Styles for search results sort popup
 ************************************/

body#sortfilter {
  background: #646460;
}

body#sortfilter #pagewrapper {
  margin: 20px 0 0 30px;
  width: auto;
}
body#sortfilter #contentwrapper {
  width: auto;
}

#sortfilters div {
  margin-bottom: 30px;
}
#sortfilters a.button,
#sortfilters a.currentbutton {
  margin-right: 20px;
}
#sortfilters a.button span,
#sortfilters a.currentbutton span {
  width: 150px;
  text-align: left;
}


/************************************
 Styles for object result and person result page
 ************************************/

body#result p.label {
  font-family: Helvetica, Verdana, sans-serif;
color: #c7c7ba;
}

div#resultsummary {
  margin-top: 25px;
  height: 50px;
}
div#resultsummarylarge {
  margin-top: 25px;
  height: 85px;
}

a.audio {
  position: relative;
  background: transparent url('../images/nav/btn_audio.png') top left no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: middle;
}
a.audio span {
  display: none;
}
a.audio:active {
    background-position: bottom left;
}
a.audio:active span {
  display: none;
}

/* column layouts */
div#resultcolumn1 {
  position: relative;
  float: left;
  width: 250px;
}
div#resultcolumn2 {
  position: relative;
  float: left;
  width: 250px;
}
div#resultcolumn3 {
  position: relative;
  float: left;
  width: 250px;
}
div#resultcolumn1and2 {
  position: relative;
  float: left;
  width: 500px;
}
div#resultcolumn2and3 {
  position: relative;
  float: left;
  width: 500px;
}
div#resultcolumn1and2and3 {
  position: relative;
  float: left;
  width: 750px;
}


a.magnify {
  position: relative;
  background: transparent url('../images/nav/btn_link_magnify.png') top left no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
}
a.magnify span {
  display: none;
}
a.magnify:hover,
a.magnify:active {
    background-position: bottom left;
}
a.magnify:hover span,
a.magnify:active span {
  display: none;
}

/* item results on person detail page */
body.result_person #resultswrapper {
  position:relative;
  width: 775px; 
  height: 425px; 
  margin: 0;
  overflow: hidden;
}
body.result_person #results {
  position:relative;
  width: 775px; 
  height: 425px; 
  overflow: hidden;
  padding-left: 0;
}

body.result_person div#scrollbarwrapper {
  position: absolute;
  width: 380px;
  height: 30px;
  bottom: 20px;
  right: 20px;
}
body.result_person div#scrollbar {
  position: relative;
  height: 30px;
}
body.result_person div#scrollbar div.left {
  position: absolute;
  top: 0;
  right: 40px;
}
body.result_person div#scrollbar div.right {
  position: absolute;
  top: 0;
  right: 0;
}

body.result_person div#dragBar { 
  position:absolute; 
  left:0; 
  width: 30px; height: 30px;
  background: transparent url(../images/nav/btn_navbar_slider.png) top left no-repeat;
}
body.result_person div#dragBar.active { 
  background-position: bottom left;
}
body.result_person div#track { 
  position:absolute; 
  left:0; 
  bottom:0;
  width:300px; 
  height:30px;
  background: transparent url(../images/nav/scrollbar_track_horizontal.png) center left repeat-x;
  padding:0;
}

div#moretextlist {
  position: absolute; /* required stop graphics on rest of page getting affected by accordian */
  top: 25px;
  left: 0px;
  padding: 0px;
  margin-top: 0;
  margin-right: 15px;
  overflow: hidden; /* required to avoid problems with relative divs within accordian */
  width: 240px;
}

div#moretextlist h3 {
  background: transparent url('../images/nav/btn_accordian_right.png') no-repeat scroll top right;
  display: inline-block;
  vertical-align: middle;
  height: 21px;
  width: auto;
  margin: 0 3px 5px 0;
  padding-right: 8px; /* sliding doors padding */
  text-decoration: none;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
}

div#moretextlist h3 span {
  background: transparent url('../images/nav/btn_accordian_left.png') no-repeat;
  display: block;
  line-height: 15px;
  padding: 3px 0 3px 20px;
}

div#moretextlist div.active h3 {
  background-position: bottom right;
  cursor: default;
}
div#moretextlist div.active h3 span {
  background-position: bottom left;
}

div.moretext {
  position: relative; /* required to avoid problems with accordian & scrollbars together */
  padding: 0 0 0 0;
}

/* scrolling text areas */
div.itemtextwrapper {
  position:relative;
  width: 240px; 
  height: 280px;
  overflow: auto;
}

div.itemtext {
  width: 215px;
  height: 275px;
  overflow: hidden;
  position: relative;
}

div.itemtextcontent {
  line-height: 22px; /* large line height to accomodate inline links */
}

/* scroll bars */
div.itemtextwrapper div.scrollbar {
  display:block;
  position:absolute; 
  right:0; 
  top:0;
  width:24px; 
  height:275px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  padding: 0px;
}

div.itemtextwrapper div.track { 
  position:absolute; 
  top: 0; right: 0;
  width: 24px;
  height: 215px;
  background: transparent url(../images/nav/scrollbar_track.gif) center top repeat-y;
  padding: 0;
}

div.itemtextwrapper div.dragBar {
  position:absolute;
  top: 0; right: 0;
  width: 24px;
  height:20px;
  background: transparent url(../images/nav/scrollbar_dragbar.gif) center top repeat-y;
  margin: 0;
}

div.itemtextwrapper div.up {
  background: transparent url(../images/nav/btn_scrollbar_up.png) top left no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 30px;
  left: 0;
}
div.itemtextwrapper div.up_mousedown {
  background: transparent url(../images/nav/btn_scrollbar_up.png) top right no-repeat;
}
div.itemtextwrapper div.down {
  background: transparent url(../images/nav/btn_scrollbar_down.png) top left no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
}
div.itemtextwrapper div.down_mousedown {
  background: transparent url(../images/nav/btn_scrollbar_down.png) top right no-repeat;
}
div.itemtextwrapper div.up a,
div.itemtextwrapper div.down a {
  display: block;
  width: 100%;
  height: 100%;
}

div.itemtextwrapper div.scroll_disabled {
  background: transparent url(../images/nav/btn_scrollbar_disabled.png) top right no-repeat;
}


.morelinks,
.placelinks {
  padding: 0;
  line-height: 22px; /* large line height to accomodate inline links */
}
.morelinks p.label,
.placelinks p.label {
  line-height: 14px; /* large line height to accomodate inline links */
}

#smallimage {
  width: 150px;
}
#smallimage p.image {
  position: relative;
  display: inline-block;
}
#smallimage p.image a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/nav/bg_magnify.png) bottom right no-repeat;
}
#smallimage p.image a:hover,
#smallimage p.image a:active {
  background: url(../images/nav/bg_magnify_hi.png) bottom right no-repeat;
}
#smallimage img {
  border: 1px solid #FFFFFF;
}

#mediumimage {
  width: 500px;
}
#mediumimage p.image {
  position: relative;
  display: inline-block;
}
#mediumimage p.image a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/nav/bg_magnify.png) bottom right no-repeat;
}
#mediumimage p.image a:hover,
#mediumimage p.image a:active {
  background: url(../images/nav/bg_magnify_hi.png) bottom right no-repeat;
}
#mediumimage img {
  border: 1px solid #FFFFFF;
}

#largeimage {
  margin-bottom: 0;
  text-align: right;
}
#largeimage p.image {
  position: relative;
  display: inline-block;
}
#largeimage p.image a {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 45px; /* width: 100% */
  height: 45px; /* height: 100% */
  background: url(../images/nav/bg_magnify.png) bottom right no-repeat;
}
#largeimage p.image a:hover,
#largeimage p.image a:active {
  background: url(../images/nav/bg_magnify_hi.png) bottom right no-repeat;
}
#largeimage img {
  border: 1px solid #FFFFFF;
  max-width: 100%;
}

/* caption contain copyright info */
#largeimagecaption {
  text-align: right;
  margin-bottom: 20px;
}
#largeimagecaption p {
  margin: 0 0 5px 0;
}

#largeimagecaption a {
  text-decoration: none;
}
#largeimagecaption a:hover {
  text-decoration: underline;
}

/* alternative text when museum doesn't have permissions to show image */
#largeimagecopyright {
  border: 1px solid #FFFFFF;
  padding: 120px 60px 0 60px;
  width: 378px !important;
  width /**/: 498px;
  height: 253px !important;
  height /**/: 373px;
}


/************************************
 copyright/creativecommons popups
 ************************************/

body#copyrightinfo, 
body#creativecommonsinfo {
  background: #646460;
}

body#copyrightinfo #pagewrapper,
body#creativecommonsinfo #pagewrapper {
  margin: 20px 30px 0 30px;
  width: auto;
}
body#copyrightinfo #contentwrapper,
body#creativecommonsinfo #contentwrapper {
  width: auto;
}

#copyrightinfo p.btn_close,
#creativecommonsinfo p.btn_close {
  text-align: right;
  padding-top: 5px;
}

#copyrightinfo div,
#creativecommonsinfo div {
  margin-bottom: 30px;
}
#copyrightinfo a.button,
#copyrightinfo a.currentbutton,
#creativecommonsinfo a.button,
#creativecommonsinfo a.currentbutton {
  margin-right: 0;
}
#copyrightinfo a.button span,
#copyrightinfo a.currentbutton span,
#creativecommonsinfo a.button span,
#creativecommonsinfo a.currentbutton span {
  text-align: left;
}


/************************************
 Zoomify page
 ************************************/

div#zoom {
	position: relative;
	margin: 20px;
}

div#zoomsummary {
	margin: 20px 20px 0 20px;
}


/************************************
 Explore the Globe section
 ************************************/
div#globesummary {
  margin-top: 25px;
  height: 85px;
}
h1.globe {
  width: 500px;
  height: 35px;
  background: url(../images/titles/title-explore-globe-small.png) top left no-repeat;
  text-indent: -2000px;
  margin: 0;
}
div#globesummary p {
  margin: 0 0 10px 0;
}

#map3dGlobeWrapper {
  position: relative;
  height: 400px;
  width: 400px;
  border: 1px solid #FFFFFF;
  overflow: hidden;
  z-index: 100;
}

#map3dGlobe {
  position: relative;
  height: 400px;
  width: 400px;
  margin: 0;
  z-index: 50;
}

.globecolumn1 {
  position: relative;
  float: left;
  width: 400px;
}
.globecolumn2 {
  position: relative;
  float: left;
  padding-left: 15px;
  width: 345px !important;
  width /**/: 360px;
}

.globecolumn2 #iframeLinks {
  border: 1px solid #FFFFFF;
  width: 345px;
  height: 400px;
}
.globecolumn2 #iframeHints {
  margin-top: 10px;
  text-align: right;
}

body.globe_places div.browselinkswrapper {
  width: 325px;
  height: 380px;
  margin: 10px 0 0 10px;
}
body.globe_places div.browselinks {
  height: 380px;
  width: 325px;
}
body.globe_places div.browselinkswrapper div.scrollbar {
  height: 380px; /* match scroll bar height to contents of scroll area */
}
body.globe_places div.browselinkswrapper div.track { 
  height: 305px; /* match track height to scrollbar */
}

body.globe_places #linklists ul {
  width: 140px;
}

a.link_australia,
a.link_continent,
a.link_country,
a.link_state,
a.link_area,
a.link_place {
  position: relative;
  background: transparent url('../images/nav/btn_globe_right.png') no-repeat scroll top right;
  display: inline-block;
  vertical-align: middle;
  /*font-weight: bold;*/
  height: 21px;
  line-height: 21px;
  margin-right: 3px;
  margin-bottom: 5px;
  padding-right: 8px; /* sliding doors padding */
  text-decoration: none;
}

a.link_australia span,
a.link_continent span,
a.link_country span,
a.link_state span,
a.link_area span,
a.link_place span {
  display: block;
  line-height: 16px;
  padding: 3px 0 3px 22px;
}
a.link_australia span { background: transparent url('../images/nav/btn_globe_left_australia.png') no-repeat scroll top left; }
a.link_continent span { background: transparent url('../images/nav/btn_globe_left_continent.png') no-repeat scroll top left; }
a.link_country span { background: transparent url('../images/nav/btn_globe_left_country.png') no-repeat scroll top left; }
a.link_state span { background: transparent url('../images/nav/btn_globe_left_state.png') no-repeat scroll top left; }
a.link_area span { background: transparent url('../images/nav/btn_globe_left_area.png') no-repeat scroll top left; }
a.link_place span { background: transparent url('../images/nav/btn_globe_left_place.png') no-repeat scroll top left; }

a.link_australia:active,
a.link_continent:active,
a.link_country:active,
a.link_state:active,
a.link_area:active,
a.link_place:active {
  background-position: bottom right;
}
a.link_australia:active span,
a.link_continent:active span,
a.link_country:active span,
a.link_state:active span,
a.link_area:active span,
a.link_place:active span {
  background-position: bottom left;
}

/************************************
 Google earth baloon 
 ************************************/
#googleMap {
  float: right;
  width: 365px;
  margin-right: 15px;
}
#map3d {
  height: 365px;
  width: 365px;
  border: 1px solid #FFFFFF;
}
#map3dControls {
  padding-top: 10px;
  text-align: left;
}

#map3dSearch {
  height: 968px;
  width: 968px;
  border: 1px solid #FFFFFF;
}

#mapcontrols{
  width: 970px;
  padding-top: 25px;
  text-align: left;
}

#map3dControls a.switchview {
  color: #FFFFFF;
  display: inline-block;
  background: transparent url('../images/nav/btn_navbar_right.png') no-repeat scroll top right;
  vertical-align: middle;
  /*font-weight: bold;*/
  font-size: 13px;
  height: 30px;
  padding-right: 8px; /* sliding doors padding */
  text-decoration: none;
  float: right;
}
#map3dControls a.switchview span {
  display: block;
  background: transparent url('../images/nav/btn_navbar_left.png') no-repeat;
  line-height: 24px;
  padding: 3px 0 3px 8px;
  text-align: center;
}
#map3dControls a.switchview:active {
  background-position: bottom right;
}
#map3dControls a.switchview:active span {
  background-position: bottom left;
}


#map3dControls a.zoomin,
#mapcontrols a.zoomin,
#map3dControls a.zoomout,
#mapcontrols a.zoomout,
#map3dControls a.movenorth,
#mapcontrols a.movenorth,
#map3dControls a.movesouth,
#mapcontrols a.movesouth,
#map3dControls a.moveeast,
#mapcontrols a.moveeast,
#map3dControls a.movewest,
#mapcontrols a.movewest {
  display: inline-block;
  height: 30px;
  width: 30px;
  text-decoration:none;
  margin-right:10px;
}

#map3dControls a.zoomin span,
#mapcontrols a.zoomin span,
#map3dControls a.zoomout span,
#mapcontrols a.zoomout span,
#map3dControls a.movenorth span,
#mapcontrols a.movenorth span,
#map3dControls a.movesouth span,
#mapcontrols a.movesouth span,
#map3dControls a.moveeast span,
#mapcontrols a.moveeast span,
#map3dControls a.movewest span,
#mapcontrols a.movewest span {
  display: none;
}

#map3dControls a.zoomin,
#mapcontrols a.zoomin {
  background: transparent url('../images/nav/btn_zoom_in.png') no-repeat top right;
}

#map3dControls a.zoomout,
#mapcontrols a.zoomout {
  background: transparent url('../images/nav/btn_zoom_out.png') no-repeat top right;
}

#map3dControls a.movenorth,
#mapcontrols a.movenorth {
  display: none;
  /*background: transparent url('../images/nav/btn_link_north.png') no-repeat top right;*/
}

#map3dControls a.movesouth,
#mapcontrols a.movesouth {
  display: none;
  /*background: transparent url('../images/nav/btn_link_south.png') no-repeat top right;*/
}

#map3dControls a.moveeast,
#mapcontrols a.moveeast {
  display: none;
  /*background: transparent url('../images/nav/btn_link_east.png') no-repeat top right;*/
}

#map3dControls a.movewest,
#mapcontrols a.movewest {
  display: none;
  /*background: transparent url('../images/nav/btn_link_west.png') no-repeat top right;*/
}

#map3dControls a.zoomin:active,
#mapcontrols a.zoomin:active,
#map3dControls a.zoomout:active,
#mapcontrols a.zoomout:active,
#map3dControls a.movenorth:active,
#mapcontrols a.movenorth:active,
#map3dControls a.movesouth:active,
#mapcontrols a.movesouth:active,
#map3dControls a.moveeast:active,
#mapcontrols a.moveeast:active,
#map3dControls a.movewest:active,
#mapcontrols a.movewest:active {
  background-position: bottom right;
  text-decoration:none;
}

#map3dSearch {
  height: 500px;
  width: 500px;
  border: 1px solid #FFFFFF;
}

#mapcontrols{
  /*display: none;*/
}

a.balloon {
      background:  url('../images/nav/view_objects_btn.png') no-repeat center center;
      width: 70px;
      height: 21px;
      display:inline-block;
      padding:0px 15px 0px 15px; 
}

a.balloon:hover {
      background:  url('../images/nav/view_objects_btn_hi.png') no-repeat center center;
      width: 70px;
      height: 21px;
      display:inline-block;
      padding:0px 15px 0px 15px; 
}

a.balloon span{
  display:none;
}

.cesium-infoBox-description .balloonbutton {
  margin:10px 0px 10px 0px;
}

.balloonheading{
  font-size: 12px;
  margin: 5px 0 5px 0;
  padding: 0;
  text-align: center;
}
.balloontext{
  font-size: 12px;
  text-align: center;
}
.balloonbutton{
  margin: 10px 0px 0px 10px;
  text-align:center;
}


/************************************
   media tab  
************************************/

#mediaresults {
  position:static;
}

.mediaimage{
  display: block;
  position: relative;
  width: 700px; /* extra two pixels for white image border */
  margin: 0;
}

.mediaimage .caption_top {
  position: absolute;
  top: 10px;
  left: 525px;
  font-weight: bold;
}
.mediaimage .caption_top .captiontext {}
.mediaimage .caption_top .madeby {}

.mediaimage .caption_bottom {
  position: absolute;
  bottom: 30px;
  left: 525px;
}
.mediaimage .caption_bottom .creditline {}
.mediaimage .caption_bottom .photographer {}
.mediaimage .caption_bottom .creativecommons {}

.mediaimage .caption_bottom a {
  text-decoration: none;
}
.mediaimage .caption_bottom a:hover {
  text-decoration: underline;
}

.mediaimage p.image,
.mediaimage p.video {
  position: relative;
  width: 502px; /* extra two pixels for white image border */
  margin-bottom: 25px;
}
.mediaimage p.image img,
.mediaimage p.video img {
  position: static;
  bottom: 0;
  left: 0;
  border: 1px solid #FFFFFF;
}
.mediaimage p.image a,
.mediaimage p.video a {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 45px !important;
  height: 45px;
}
.mediaimage p.image a {
  background: url(../images/nav/bg_magnify.png) bottom right no-repeat;
}
.mediaimage p.image a:hover,
.mediaimage p.image a:active {
  background: url(../images/nav/bg_magnify_hi.png) bottom right no-repeat;
}
.mediaimage p.video a {
  background: url(../images/nav/bg_play.png) bottom right no-repeat;
}
.mediaimage p.video a:hover,
.mediaimage p.video a:active {
  background: url(../images/nav/bg_play_hi.png) bottom right no-repeat;
}



/************************************
 Styles for where next pages
 ************************************/

body#wherenext div#rightcolumn {
  padding-top: 60px;
}

/* Where next title positioning and graphic */
h1.wherenext {
  height: 60px;
  background: url(../images/titles/title-where-next.png) top left no-repeat;
  text-indent: -2000px;
}

div.wherenextcontent {
  font-size: 18px;
  line-height: 30px;
  width: 1560px;
}

/* Page title positioning */
div.wherenextcontent h2 {
  font-weight: normal;
  font-size: 36px;
  line-height: 45px;
  height: 72px; /* 80px - remove space above body text in line height */
  margin: 0px;
}

/* Image and caption styles */
div.wherenextcontent .wherenextimage img {
  margin-top: 8px; /* add space above body text in line height */
  margin-bottom: 5px;
}
div.wherenextcontent div.wherenextcaption {
  text-align: right;
  font-style:italic; 
  margin-right: -20px;
  height: 30px;
}

/* Column widths and spacing */
div.wherenextcontent .column1of3 {
  position: relative;
  float: left;
  width: 480px;
  padding-right: 20px;
  margin-right: 20px;
}
div.wherenextcontent .column2of3 {
  position: relative;
  float: left;
  width: 480px;
  padding-right: 20px;
  margin-right: 20px;
}
div.wherenextcontent .column3of3 {
  position: relative;
  float: left;
  width: 480px;
  padding-right: 20px;
}
div.wherenextcontent .columnfooter {
  clear: left;
}

/* Exra space below and above images and captions */
div.wherenextcontent .column1of3 .wherenextimage {
  margin-bottom: 35px;
}
div.wherenextcontent .column2of3 .wherenextimage {
  margin-top: 55px;
}
div.wherenextcontent .column3of3 .wherenextimage {
  margin-bottom: 35px;
}




/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }