/* -- General Styles -- */

/* Begin Meyer CSS reset. http://meyerweb.com/eric/tools/css/reset/index.html */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: url('../images/fondo-body.png') repeat-y scroll center top #E6E6E6;
    background-color: #E6E6E6;
    background-image: url('../images/fondo-body.png');
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: center top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
small {
  font-size: 0.75em;
}

small {
  font-size: 0.75em;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Meyer CSS reset */

body {
	/* margin-left: 50px; */
 	/* width: 43.75em; */
	font-family: Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	/* Set relative positioning here before Google translate does */
	position:relative;
}

#outer-wrapper {
	width: 948px;
	margin: 0px auto;
}

/*
body#layout-1024 {
  width:  908px;
}

body#layout-542 {
  width: 600px;
}
*/

ol {
	margin-left: 3em;
	margin-bottom: 1em;
	list-style-type: decimal;
}

sup {
	font-size: 0.75em;
	vertical-align: super;
}

#main-body ul li ul {
	margin-top: 16px;
	list-style-type: circle;
}

em {
  font-style:italic;
}

h3, h4 {
	margin-bottom: 1em;
}

h4.larger {
  font-size:115%;
}

a:link,
a:active {
  color: #08b;
  text-decoration: none;
}

a:visited {
	color: #08b;
  /* color: #81857a; old busted low-contrast grey */
	/* color: #6C62A6; new delightful grape */
	text-decoration: none;
}

a:hover {
	color: #0d0d0d;
}

.pink {
	color: #f09;
}

dt{font-weight: bold;}
dd{margin: 0 0 1em 0;}

/* -- Transparent PNGs in IE6 -- */

img, li {
  behavior: url(/js/iepngfix.htc);
}

#topbar {
	overflow: auto;
}

/* -- Gray "B" Graphic (not on home page) -- */

img#logo-top {
  position: absolute;
	top: 0;
	z-index: 0;
}

div#logo-top {
  position: absolute;
  width: 800px;
  height: 285px;
  background-repeat: no-repeat;
  /* Adjust top to the relative positioning of body */
	top: -16px;
	z-index: -1;
}

/* -- Brooklyn Musueum Logo (not on home page) -- */

img#main-logo {
	margin-top: 0.625em;
  position: relative;
  z-index: 1;
}

div#main-logo {
	padding-top: 0.625em;
	width: 263px;
  height: 102px;
  background-repeat: no-repeat;
  background-position: 0 0.625em;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* -- Page Title -- */

h1#page-title {
	font-size: 120%;
  margin-top: -25px;
	position: relative;
	z-index: 1;
}

#page-title-thin {
	width: 700px;
	font-size: 120%;
  margin-top: -25px;
	position: relative;
	z-index: 1;	
}

span.section-title{
	color:#333;
}

/* -- Colored Bars -- */

#colorbar {
	margin-top: 10px;
	height: 20px;
	position: relative;
}

.colorbar-1024-solid {
	background: #fff url(../images/colorbar-1024-solid.gif) no-repeat top;
}

.colorbar-1024-thin-leftnav {
	background: #fff url(../images/colorbar-1024-thin-leftnav.gif) no-repeat top;
}

.colorbar-1024-thin-leftnav-equal-divisions {
	background: #fff url(../images/colorbar-1024-thin-leftnav-equal-divisions.gif) no-repeat top;
}

.colorbar-1024-wide-leftnav {
	background: #fff url(../images/colorbar-1024-wide-leftnav.gif) no-repeat top;
}

.colorbar-1024-wide-leftnav-equal-divisions {
	background: #fff url(../images/colorbar-1024-wide-leftnav-equal-divisions.gif) no-repeat top;
}

.colorbar-800-solid {
	width: 700px;
	background: #fff url(../images/colorbar-800-solid.gif) no-repeat top;
}

.colorbar-800-thin-leftnav {
	width: 700px;
	background: #fff url(../images/colorbar-800-thin-leftnav.gif) no-repeat top;
}

.colorbar-800-wide-leftnav {
	width: 700px;
	background: #fff url(../images/colorbar-800-wide-leftnav.gif) no-repeat top;
}


/* -- General styling for main well -- */

#main-body {
	background-color: #fff;
	position: relative;
  z-index: 1;
	overflow: hidden;
	line-height: 1.25em;
	color: #333;
	zoom: 1; /* give #main-body layout to fix z-index issues on ie6. when we lose ie6, we can lose this rule */
}

#main-body-banner-wrapper {
  overflow: hidden;
}

#main-body-banner-wrapper #main-body {
  clear:left;
}

#main-body a,
#rightbar a,
.right-column a,
.right-column-1024 a,
#calendar,
#content a { 
	font-weight: bold; /* bold a in main well */
}

.center-column {
	width: 536px;
	float: left;
}

.right-column {
	font-size: 0.8em;
	margin-left: 16px;
	width: 189px;
	float: left;
	position: relative;
	color: #333;
	background: #fff;
}

.right-column p {
	line-height: 1.25em;
}

.right-column-title {
	font-weight: bold;
	margin-bottom: 12px;
}

.right-column-component-group {
	overflow: hidden;
	margin-bottom: 12px;
}

.right-column p {
	clear: both;
	margin-bottom: 12px;
}

.main-right-column {
	float: left;
	width: 742px;
}

#main-body .main-right-column {
	margin-left: 16px;
}

.three-column-dev {
	padding-left: 16px;
}

.three-column-generic {
	padding-left: 16px;
}

ul {
	list-style: disc; 
	margin-left: 2em;
}

#main-body ul li {
	margin-bottom: 1em;
}

.top-image {
	position: relative;
	width: 740px;
	margin-bottom: 16px;
}

/* main well image with caption (e.g. /about/building): */

.image-element-holder {
  position:relative;
  /*width:536px;*/
  margin-bottom:1em;
}

.image-element-holder .image-element .image-element-caption {
  /*position:absolute;*/
  /*bottom:0;*/
  /*left:335px;*/
  font-size:65%;
  /*padding-left:10px;*/
  line-height:1.3em;
  background-color:#FFF;
  width:100% /*335px;*/
}




/* -- Left Navigation -- */

.left-navs { 
	font-size: 17px; 
	position: relative;
	overflow: hidden;
	width: 150px;
  /*height: 500px;*/
	background-color: #fff;
	float: left;
	padding-right: 0px;
	margin-bottom: 16px;
}

.left-nav-in-legacy-layout {
	width: 132px;
	margin-bottom: 50px;
}

.left-navs .left-navs {
	width: 100%;
	margin-bottom: 0;
}

.left-nav-base-height {
  height:500px;
  float:left;
}

.left-nav,
#main-body .left-nav,
ul#left-navigation {
	font-size: 0.75em;
	line-height: 1.333em;
	float: left;
	margin-left: 0;
	width: 100%;
	list-style: none;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}

.left-nav .left-nav,
#main-body .left-nav .left-nav,
ul#left-navigation li ul {
	margin: 0;
	/* font-size: 100%; */
	zoom: 1;		/* IE7 */
}

.left-nav-title {
	font-weight: bold;
	/* color: #08b; */
}

.left-nav li,
#main-body .left-nav li,
ul#left-navigation li {
	overflow: hidden;
  color: #4B5143;
	margin-bottom: 0;
	width: auto;
}

.left-nav a {
	display: block;
	width: inherit;
	height: inherit; 
	border-bottom: 1px solid #ddd;
	padding: 3px 0px 3px 0px;
	zoom: 1; /* IE6 */
}

#main-body .left-nav a {
	font-weight: normal; /* bold a in main well */
}

.left-nav .left-nav a {
	/* border-bottom: 0; */
}

.left-nav .left-nav li,
#main-body .left-nav .left-nav li,
ul#left-navigation li ul li,
.with-title li {
	margin-left: 6px; 
}

ul#left-navigation li {
	padding-right: 0;
}

a.expanded {
	border: 0;
	padding-bottom: 0;
}

.left-nav a.children-selected {
	/* color: #3b5f95 !important; */
	font-weight: bold !important; /* bold a in main well */
}

.left-nav a.selected {
	font-weight: bold !important; /* bold a in main well */
}

.left-nav a.last-child {
	border-bottom: 1px solid #999; 
}

.left-nav a.children-selected:hover {
	color: #08b !important;
}

.with-title {
	margin-bottom: 1.5em;
}

.left-nav a:link,
.left-nav a:visited,
.left-nav a:active,
ul#left-navigation a:link,
ul#left-navigation a:visited,
ul#left-navigation a:active,
ul#left-navigation li.selected ul a {
	color: #4B5143;
}

.left-nav a.selected,
.left-nav a:hover,
ul#left-navigation li.selected a,
ul#left-navigation li.selected ul li.selected a {
	color: #08b !important; /* !important for IE6 */
}

/* -- Intro block -- */
#intro_block {
  width:760px;
  height:480px;
  margin-left:16px;
  float:left;
}

/* -- General text markup -- */

p {
	margin-bottom: 1em;
}

#main-body p, #main-body li, #main-body blockquote {
  max-width:536px;
}

span.bcad {
  font-variant: small-caps;
}

p.caption {
  font-size:0.75em;
  margin-top: 0;
  padding-bottom: 1em;
}

span.title {
  font-style:italic;
}

p.headline {
	margin-bottom:0.5em;
	font-weight:bold;
}

span.headline {
  font-weight:bold;
}

p.headline-caption {
  font-size: 0.75em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.left-inset {
  float: left;
  padding-right: 0.625em;
}

.section-clear {
	clear: both;
	overflow: hidden;
	margin-bottom: 1em;
}

p.image-only img{
  padding: 1em 0;
}

/*---new button style---*/
a.button, input.button{
	border: 1px #1f9ed0 solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: .25em .35em;
	background-color: #09B;
	color: #FFF;
	width: auto;
	background-image: -moz-linear-gradient(bottom, #0298d2, #22b8f2);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #09B), color-stop(1,#22b8f2));
	cursor: pointer;
}
a.button-wide, input.button-wide{
	border: 1px #1f9ed0 solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #09B;
	padding: .25em 2.35em;
	color: #FFF;
	width: auto;
	background: -moz-linear-gradient(bottom, #0298d2, #22b8f2);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #09B), color-stop(1,#22b8f2));
	cursor: pointer;
	font-weight: bold;
}

a.button:hover, a.button-wide:hover, 
input.button:hover, input.button-wide:hover{
		background-color: #09B;
		background: -moz-linear-gradient(bottom, #22b8f2,#0298d2);
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0,#22b8f2), color-stop(1, #09B));
}
  /* -- Pagination arrows -- */

.pagination-arrow { 
  margin-bottom: -2px;
}

  /* - -Pagination --*/

.pages {
  margin-bottom:0.625em;
  text-align:center;
  font-weight:bold;
}

ul.pagination{
	margin: 0;
	padding: 0;
	text-align:center;
}
ul.pagination li{
	list-style: none;
	display: inline;
	padding: 0 4px;
}
/* -- General: Help popup box -- */

div#help-display {
  border: 20px solid #666666;
  padding: 1em;
  background-color: #eee;
  width: 20em;
  position: fixed;
  top: 300px;
  left: 600px;
  z-index: 700;
  display: none;
}

div#help-display-close {
  padding-top: 1em;
}

div#help-display-close a {
  float:right;
}
 
div#help-display-close a:hover {
  cursor: pointer;
}

/* --- Forms --- */

div.form-component {
  padding-top:0.5em;
  padding-bottom:0.5em;
}

div.form-input {
  width:33.8em;
}
div.form-left {
  float:left;
  width:11.3em;
}
div.form-right {
  float:left;
  width:22.5em;
}
div.form-right textarea,
div.form-right select,
div.form-right .text-input
{
  width:22.5em;
}

/* --- Vertical Alignment --- */

div.vert-outter {
  position:relative;
  height:100%;
}

div.vert-inner-335px {
  position:absolute;
  font-size:75%;
  left:345px;
  bottom:0;
}

body#layout-1024 div.vert-inner-335px {
  width: 15em;
  left: 552px;
}

div.vert-inner-130px {
  position:absolute;
  bottom:0;
  left:140px;
}

div.vert-inner-podcast {
 /*
 position:absolute;
  bottom:0px;
  left:345px;
*/

}

/* --- Validation --- */

div#error-display, #loading-dialog {
  position:absolute;
  top:10em;
  left:18em;
  width:12.8125em;
  z-index:2000;
  border:3px solid black;
  padding:0.33em;
  background:white;
  display:none;
  border:2px solid #FF0099;
  background-color:#FFFFFF;
  font-weight:bold;
  color:#666666;
}

div#error-display-x {
  text-align:right;
}

div#error-display-msg {
  width:11em;
}
div.error-display-err {
  margin-bottom:0.5em;
}

/* -- Footer -- */

#footer {
	clear: both;
	color: #666;
	width: 948px;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	border-top: 1px solid #ccc;
	padding-top: 32px;
	padding-bottom: 16px;
	margin: auto;
	margin-top: 16px;
	border-bottom: 1px solid #ccc; 
}

#footer p {
	font-size: 1em;
}

#footer a {
	font-weight: bold;
}

.footer-section { 
	float: left;
	width: 300px;
	margin-right: 38px;
}

.final-footer-section {
	margin-right: 0px;
	width: 262px;
}

.footer-header {
	font-size: 18px; 
	margin-bottom: 4px;
}

.second-footer-header {
	margin-top: 32px;
}

#footer-bottom {
	font-size: 0.8em;
	margin-left: 0;
	margin-top: 16px;
	margin-bottom: 16px;
}

#footer-bottom a {
	color: #333;
}

#footer-bottom li {
  display: inline;
  border-left: 1px solid #b7b9b3;
  padding-right: 0.37em;
  padding-left: 0.37em;
}

#footer-bottom .first {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

#subway-display {
	margin: 0;
}

#subway-numbers {
	vertical-align: middle;
	margin-right: 8px;
	height: 20px;
}

#admission {
	width: 200px; 
	margin-bottom: 16px;
}

#footer #social-media-links {
	overflow: hidden;
  margin-top:22px;
  margin-bottom: 5px;
  list-style:none;
}

#social-media-links li#last-social-media-link {
	margin-right: 0;
	/*margin-top: 12px;*/
}

img#read-our-blog {
	padding-left: 10px;
}

#social-media-links a {
	display: block;
	/*height:36px;
	width:36px;*/
  height:30px;
  width:30px;
  background-size:cover;
  margin-top:0px;
}

#social-media-links li {
	overflow:hidden;
	float:left;
	margin-right:10px;
  margin-top:0px;
  height:30px;
  width:30px;
}

#social-icon-facebook {
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/facebook-gray.jpg);
}

#social-icon-facebook:hover {
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/facebook-blue.jpg);
}

#social-icon-twitter {
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/twitter-gray.jpg);
}

#social-icon-twitter:hover {
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/twitter-blue.jpg);
}

#social-icon-instagram {
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/instagram-gray.jpg);
}

#social-icon-instagram:hover {
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/instagram-blue.jpg);
}

#social-icon-tumblr {
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/tumblr-gray.jpg);
} 

#social-icon-tumblr:hover { 
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/tumblr-blue.jpg);
}

#social-icon-youtube {
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/youtube-gray.jpg);
} 

#social-icon-youtube:hover { 
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/youtube-blue.jpg);
}

#social-icon-blog { 
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/bkmtech-gray.jpg);
}

#social-icon-blog:hover { 
  background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/30px/bkmtech-blue.jpg);
}

/*IE8 v Retina displays, round 1: fight! */
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
  #social-icon-facebook {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/facebook-gray.png);
  }

  #social-icon-facebook:hover {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/facebook-blue.png);
  }

  #social-icon-twitter {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/twitter-gray.png);
  }

  #social-icon-twitter:hover {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/twitter-blue.png);
  }

  #social-icon-instagram {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/instagram-gray.png);
  }

  #social-icon-instagram:hover {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/instagram-blue.png);
  }

  #social-icon-tumblr {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/tumblr-gray.png);
  } 

  #social-icon-tumblr:hover { 
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/tumblr-blue.png);
  }

  #social-icon-youtube {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/youtube-gray.png);
  } 

  #social-icon-youtube:hover { 
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/youtube-blue.png);
  }

  #social-icon-blog {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/bkmtech-gray.png);
  }

  #social-icon-blog:hover {
    background-image:url(//s3.amazonaws.com/campaniacrbc.it-public../images/website/social/100px/bkmtech-blue.png);
  }
}

#misc-info-links {
	/*width: 908px;*/
	width:708px;
	float:left;
	padding-top: 16px;
	list-style: none;
	overflow: visible;
	margin: 0 auto;
	font-size: 0.875em; 
	height: 2em;
}

#misc-info-links a {
  color: #888;
}

#misc-info-links li {
  float: left;
	margin: 0 8px 0px 0px;
	padding-left: 8px;
	border-left: 1px solid #ccc;
}

#misc-info-links li.first {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

#footer ul {
	margin: 0;
}

.google_translate_footer_container {
  float:right;
  margin-top:12px;
  display:inline;
  width:165px;
  height:30px;
}

/* -- Tabs: variable width -- */

.return-and-title-wrapper {
	width: 908px;
	position: relative;
	background: #fff;
	overflow: hidden;
}

.return-to-exhibition, 
#tab-content-title {
	display: block;
	float: right;
	padding-top: 16px;
}

#tab-content-title {
	float: left;
}

#main-body .tabs-container,
.tabs-container {
	position: relative;
	background: #fff;
	overflow: hidden;
	height: 30px;
}

.tabs-container .tabs-left,
#main-body .tabs-container .tabs-left {
	float: left;
	left: 0;
	background-image: url('../images/exhibition3_tab_line.gif');
	background-repeat: repeat-x;
	width: 100%;
}

#tab-content {
	clear: both;
	position: relative;
	background: #fff;
	padding-top: 16px	;
}

.variable-width-tabs,
#main-body .variable-width-tabs,
.fixed-width-tabs {
	font-size: 100%;
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	position: relative;
	float: right;
	left: 5px;
}

.variable-width-tabs li,
.fixed-width-tabs li {
	line-height: 1em;
	height: 30px;
	display: block;
	font-weight: bold;
	float: left;
	width: 130px;
	text-align: center;
	z-index: 2;
}

.fixed-width-tabs li {
	width: 76px;
	background: #eee url('../images/tab-deselected-space.gif') no-repeat scroll top;
}

.fixed-width-tabs li.tab-selected {
	background: #fff url('../images/tab-selected-space.gif') no-repeat scroll top;
}

/* This is semi-hacky to get things working in IE6 */
.variable-width-tabs li {
	width: 0;
	white-space: nowrap;
}

.variable-width-tabs > li {
	width: auto;
}

.tab-wrap1, 
.tab-wrap2,
.tab-wrap3 {
	height: 30px;
}

.tab-wrap1 {
	background: transparent url('../images/tab-middle.gif') repeat-x scroll top;
}

.tab-selected .tab-wrap1 {
	background: transparent url('../images/tab-selected-middle.gif') repeat-x scroll top; 
}

.tab-wrap2 {
	background: transparent url('../images/tab-left.gif') no-repeat scroll top left;
}

.tab-selected .tab-wrap2 {
	background: transparent url('../images/tab-selected-left.gif') no-repeat scroll top left;
}

.tab-wrap3 {
	background: transparent url('../images/tab-right.gif') no-repeat scroll top right;
}

.tab-selected .tab-wrap3 {
	background: transparent url('../images/tab-selected-right.gif') no-repeat scroll top right;
}

.variable-width-tabs li a,
.fixed-width-tabs li a {
	color: #08b;
	margin: 0;
	display: block;
	text-decoration: none;
	padding: 8px 15px 8px 10px;
}

.variable-width-tabs li.tab-selected a,
.fixed-width-tabs li.tab-selected a {
	color: #000;
}

.youtube-frame {
	margin-bottom: 25px;
}

/* --------- Slimbox Lightbox ---------- */

.lightbox-gallery {
	overflow: auto;
	text-align: center;
}

.lightbox-thumb {
	display: block;
	float: left;
	margin: 0 16px 16px 0;
}

/* The !important flag used here because slimbox.css 
	 loads after general.css. Other solutions are welcome. */

#lbPrevLink:hover {
	background: transparent url('../images/slimbox-back.gif') no-repeat 0 15% !important;
}

#lbNextLink:hover {
	background: transparent url('../images/slimbox-next.gif') no-repeat 100% 15% !important;
}

#lbCloseLink { 
	width: 82px !important;
	height: 29px !important;
	margin: 0 !important;
	background: transparent url('../images/slimbox-close.gif') no-repeat center !important;
}

.lbLoading {
	background: #fff url('../images/slimbox-loading.gif') no-repeat center !important;
}

#lbBottom {
	font-size: 1em !important;
}

#lbCaption {
	font-weight: normal !important;
}

#lbNumber {
	margin-top: 0.5em !important;
}

/* --------- Mediabox Lightbox ---------- */

/*
#mbCenter{
  width: 980px !important;
  height: 630px !important;
}

#mbContainer{
  -height: 600px !important;
}

#mbMedia iframe{
  width: 980px !important;
  height: 600px !important;
}

#mbBottom{
  width: 970px !important;
  padding: 5px !important;
}
*/


/* ------------------- Social Buttons and Hashtag ------------------- */

#social-buttons-horizontal {
	height: 50px;
	margin-bottom: 16px;
	overflow: visible;
}

#social-buttons-horizontal .twitter-share-button,
#social-buttons-horizontal .facebook-like-button {
	display: block;
	float: left;
	margin-right: 6px;
  margin-bottom: 10px;
}

#social-buttons-horizontal .facebook-like-button {
  margin-right:-10px;
}

.hashtag-link {
  font-size:30px;
  height:30px;
  display:inline-block;
  float:left;
  margin-left:10px;
}

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

Legacy alignment rules
	In effect in:
		/visit/
		/exhibitions/online/edo/
		/exhibitions/basquiat/
		/exhibitions/decorative_arts/period_rooms/
		/education/
		/about/
		/eascfa/
		/features/
		Various legacy CMS components
		
*/

.three-column {
  position:relative;
  float:left;
  background-color: #FFFFFF;
  z-index:108;
  margin-right:0;
  width: 33.938em;
  color:#333;
}

.right-column-legacy,
.right-column-legacy-exhibition {
	font-size: 0.8em;
	width: 166px;
	margin-left: 0;
	padding-left: 16px;
	overflow: hidden;
}

.right-column-legacy-exhibition p {
	border-bottom: 1px solid #00ADEF;
	padding-bottom: 1em;
}

.right-column-legacy-exhibition .square-image {
	font-weight: bold;
}

a.right-button,
.right-column-legacy-button {
  margin-top: 6px;
  padding-left: 0.4em;
  padding-bottom: 0;
  height: 1.25em;
  display: block;
  line-height:1.25em;
  text-transform: uppercase;
}

a.right-button-longtext {
  font-size:0.8em;
	margin: 0;   
  margin-top: 6px;           
  padding-left: 0.5325em; 
  padding-bottom:0;
  width: 16.5625em;
  height: 1.5625em;
  display: block;
  line-height:1.5625em;
  text-transform:uppercase;
}

a.right-button:link,
.right-column-legacy-button:link,
a.right-button-longtext:link {
  color: white;
  font-weight: bold;
  background: #333;
  text-decoration: none
}

a.right-button:visited,
.right-column-legacy-button:visited,
a.right-button-longtext:visited {
  color: white;
  font-weight: bold;
  background: #333;
  text-decoration: none
}

a.right-button:hover,
.right-column-legacy-button:hover,
a.right-button-longtext:hover {
  color: white;
  font-weight: bold;
  background: #0099bb;
  text-decoration: none
}

a.right-button:active,
.right-column-legacy-button:active,
a.right-button-longtext:active {
  color: white;
  font-weight: bold;
  background: #333;
  text-decoration: none
}

.right-column-legacy-thumbnail {
	display: block;
	margin-top: 6px;
	margin-right: 5px;
	float: left;
}

.two-column-1024 {
	float: left;
	position: relative;
}

.two-column,
.three-column,
.center-column-legacy {
	zoom: 1;
	margin: 0;
	padding-left: 16px;	
}

.two-column {
	/* position: relative;
	left: -3px; */
	width: 546px;
	border: 1px solid #fff; /* ie6 won't calculate width correctly without this */
}

.two-column #banner-img {
	width: 540px;
}

.two-column .image-element {
	width: 540px;
}

.center-column-legacy {
	width: 360px;
	margin-bottom: 16px;
}

.center-column-legacy-1024 {
	padding-left: 16px;
}

#banner-image,
#banner-img {
  margin-bottom: 16px;
}

.three-column-banner {
	position: relative;
	padding: 0 0 16px 0; 
}

.right-column .image-caption {
	font-weight: normal;
	line-height: 1.25em;
	clear: both;
}

div.left-image-list {
  -width: 26em;
  clear:left;
  -margin:0 0 2em 116px;
  padding: 0;
}

div.left-image-list div.left-image-text {
  float:left;
  width:400px;
  padding-bottom:15px;
}

.left-image-list img,
.left-image-list a img {
  -margin: 0 1em 1em -116px;
  -padding: 0;
  padding: 0 15px 15px 0;
  float:left;
  width:auto;
}


#bg-padder {
	background-color: #fff;
	position: relative;
	float: left;
	padding-left: 16px; 
}

.button,
p.catalogue {
	font-weight: bold;
}

.image-caption-image {
	margin-bottom: 16px;
}



/*=======Audio======*/
div.audio_outer{
	clear:both;
	padding: 0 0 2em 0;
	overflow: hidden;
}
h3.audio_heading{
/* 	font-style: italic; */
}
img.audio_image{
	float: left;
	margin: 0 1em 1em 0;
	display: block;
}
div.audio_inner{
	float:left;
}
ul.audio_tour {
  margin: 0 0 1em 2em;
}
#main-body ul.audio_tour li {
  margin:0.25em 0 0 0;
}

p.podcast-summary{
	margin: 0;
}



/* Light Box ("mediaboxAdv") Overrides (see /css/mediaboxAdvBlack21.css for defaults)  */

 body #mbBottomContainer, body #mbTop {
  background-color: #fff;
}

#mbCenter .left-container {
  float:left;
  padding:20px;
}

#mbCenter .left-container img {
  width:636px;
}

#mbCenter .left-container p {
  width:636px;
  font-color: #888;
  font-size:14px;
  line-height: 20px
}

#mbCenter .right-container {
  float:right;
  padding:20px 20px 20px 0;
}

#mbCenter .right-container p {
  color: #333;
  font-size: 16px;
  line-height: 22px;
}

.mbLoading {
  background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#mbPrevLink:hover {
  -background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#mbNextLink:hover {
  -background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

body #mbBottom {
  font-size: 12px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
}

#mbCustomBottomBar {
  display:inline;
}

#mbCustomBottomBar ul {
  list-style:none;
}

#mbCustomBottomBar ul li {
  display:block;
  width:16px;
  height:16px;
  float:left;
  margin-right:8px;
}

#mbCustomBottomBar ul a {
  display:block;
  width:16px;
  height:16px;
}

#mbCustomBottomBar a.next {
  background: transparent url(../images/icons/rArrow.jpg) 0 0 no-repeat ;
  opacity:0.4;
}

#mbCustomBottomBar li.active a.next {
  opacity:1;
}

#mbCustomBottomBar a.dot {
  background: transparent url(../images/icons/dot_aaa.png) center center no-repeat;
}

#mbCustomBottomBar li.active a.dot {
  background: transparent url(../images/icons/dot_0088bc.png) center center no-repeat;
}

#mbCustomBottomBar a.previous {
  background: transparent url(../images/icons/lArrow.jpg) no-repeat 0 0;
  opacity:0.4;
}

#mbCustomBottomBar li.active a.previous {
  opacity:1;
}

#mbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
  margin: 5px 0;
  font-size:0.9em;
  text-indent:-10000px;
}

#mbCaption, #mbNumber {
  margin-right: 71px;
}

#mbCaption {
  font-size:0.8em;
}

/*** Newsletter Signup ***/
#mc_embed_signup {
	font-family: Arial, Helvetica, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  color: #333;
  background-color: #fff;
  z-index: 3001;
}

#mc_embed_signup h2 {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 15px;
  text-align: center;
}

#mc_embed_signup .mc-field-group {
  font-size:16px;
}

#mc_embed_signup .mc-field-group input {
  width: 450px;
  height: 30px;
  font-size: 18px;
  background-color: #eee;
  border: #ccc solid 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 2px 2px 6px 4px #ccc;
  -moz-box-shadow: inset 2px 2px 6px 4px #ccc;
  box-shadow: inset 2px 2px 6px 4px #ccc;
  margin: 10px 5px;

  background: rgb(204,204,204);
  background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 27%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(27%,rgba(238,238,238,1)));
  background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 27%);
  background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 27%);
  background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 27%);
  background: linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 27%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}

#mc_embed_signup .readable_button {
  font-size: 16px;
  padding: 8px;
  float: right;
  margin-top:10px;
	margin-right:10px;
}

#striped-rows {
  padding-bottom: 10px;
}

#striped-rows table {
  width: 100%;
}

#striped-rows td {
  padding: 8px 20px 8px 20px;
}

#striped-rows .name {
  /*margin-left: 30px;*/
  max-width: 450px;
  /*padding-left: 10px*/
}

#striped-rows .value {
  text-align: right;
  margin-right: 30px;
  max-width: 150px;
  /*padding: 10px;*/
}

#striped-rows .gray {
  background-color: #eeeeee;
}

.middle {
  vertical-align: bottom;
}

#fundraiser_ad h1 {
	font-size:24px;
	font-weight:bold;
	color:#08B;
	font-family: Arial, Helvetica, sans-serif;
	line-height:30px;
	margin-bottom:10px;
	margin-right:15px;
}

#fundraiser_ad p {
	color:#333;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right:15px;
	max-width:800px; /* override the non-js fundraiser page default column width */
}

#fundraiser_video_container {
	text-align:left;
	width:400px;
	height:333px;
	float:left;
	margin-left:25px;
	margin-right:20px;
}
#t0 {
    margin-left: 0px;
    margin-bottom: 5px;
    border-right: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 10px;
    font-size: 11pt;
    font-family: verdana;
    vertical-align: top;
    color: #6B727F;
    background-color: #F4F4F5;
}
#pageTitle {/* ROSARIO */
	/*width: 700px;*/
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-family: 	verdana;
	font-size: 		12pt;
	font-weight: 	bold;
	font-style: 	italic;
	color: #224563;	

}

div#contentCrbcmaps{

/*width: 942px;*/
    width:   992px;
    height:	 100%;
    min-height:540px;
    padding-top: 	0px;
    padding-bottom:	0px;
    padding-left: 	0px;
    margin-left:  	0px;
    margin-bottom:  0px;
	margin-top:  	0px;
    float:left;
   
    background-repeat: 		repeat-y;

    text-align: 	left;
    border-top: 	0px solid #ff0000;
	border-right: 	0px solid #ff0000;
    border-left: 	0px solid #ff0000;
	border-bottom: 	0px solid #ff0000;
   	/*background-color: 	#FFFFFF;*/
}
div#map {
    width: 588px;
    height: 439px;
    border: 2px solid #E8F3BF;
    margin-top: 0px;
    margin-left: 5px;
    float: left;
}
.shadow-bringer {
    width: 290px;
    height: 100%;
    min-height: 180px;
    margin: 5px auto;
    padding: 5px;
    background: #ffffd8;
    border: 1px solid #c4c4c4;
}
.shadow {
    -moz-box-shadow: 3px 3px 4px #888;
    -webkit-box-shadow: 3px 3px 4px #888;
    box-shadow: 3px 3px 4px #888;

    /*
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;

    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    */

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#6e6e6e')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#6e6e6e');
}

div#help {
    width: 938px;
    float:left;
}