/* "All" media style document. This is mainly screen media though. */


/* -- General Styles -- */

body, div, td, th, li, ul, ol, dd, 
form, select, input, textarea, 
h1, h2, h3, h4, h5, h6, acronym, a { 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

body {
  width: 43.75em;
  padding-left:0px;
  margin-left:50px;
}

body#layout-1024 {
  width:56.7em;
}

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

a img {
  margin-bottom:-3px;
  border-width: 0;
  background: top left no-repeat;
  padding-right: 0px;
  margin-left:5px;
}

li {
  font-size:90%;
}

em {
  font-style:italic;
}

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

a:link,
a:active,
a:hover {
  color: #0099bb;
  text-decoration: none;
}

a:visited {
  color: #81857a;
  text-decoration: none;
}

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

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

/* -- Home Page Feature Graphic -- */

#featureBackground {
  z-index: 0;
  position:absolute;
  left:0px;
  top:0px;
}

#logoHighlight {
  position:relative;
  top:25px;
  left:0px;
  z-index: 2;
  margin: 0;
}

#logoBrooklyn {
  position:relative;
  left:18.4375em;
  top: -51px;
  z-index: 2;
  /*position: absolute;
  left: 345px;
  top: 155px;
  z-index: 2;*/
}

#featureText {
  /*margin-top:13px;
  padding-top:13px;*/
  /*margin-bottom:10px;
  padding-bottom:10px;*/
  */
  color:#333;
  position:relative;
  top: -1.15em;
  z-index: 2;
}

#featureText h1 {
  font-size: 105%;
  /*padding:0.3em 0 0.3em 0;*/
}

#featureText a {
  color:#333;
  font-weight:900;
}

#featureText a:hover {
  color:#0099bb;
  font-weight:900;
}

#featureText h2 {
  font-size: 100%;
  padding:0.31em 0 0.31em 0;
}


/* -- First Saturdays -- */

p#firstSaturdays {
  text-align:right;
  float:right;
  display:block;
  margin-right:0px;
  margin-top:-0.65em;
  padding-right:0px;
  z-index:15;
  font-size:115%;
  color: #0099bb;
  font-weight:bold;
  line-height: .95em;
}

p#firstSaturdays img  {
  margin-bottom:-5px;
  margin-left: 0px;
}

a#firstSatLink  {
  text-decoration: none;
  color: #0099bb;
}

#firstSaturdays a:hover  {
  color: #0099bb;
}

/* -- On View and News And Events Slots -- */

h1#on-view,
h1#newsevents,
h1#bloggers { 
  width: 100%;
  z-index: 5;
  position: relative;
  font-size:105%;
  color:#0099bb;
  margin-bottom:0.3em;
}

h1#on-view {
  padding-top: 0.9em;
  margin-top: 1em;
}

h1#newsevents {
  /*
  padding-top:5.45em;
  margin-top:1em;
  */
}

div.slot1,
div.slot2,
div.slot3 {
  border-top:1px solid #b7b9b3;
  border-bottom:1px solid #b7b9b3;
  padding-bottom:0.3125em;
  padding-top:0.3125em;
  margin-bottom:1.3625em;
  margin-top: 0;
  margin-left:0;
  margin-right:0;
  z-index: 50;
  position: relative;
  float: left;
  width: 33.2%;
  background-color: white;
  height:4.375em;
}

/* Temporarily adjusting the width of the slots because Coptic doesnt fit in slot 2 */

div.slot2 {
  width: 33.8%;
}

div.slot3 {
  width: 32.6%;
}

div.slot1 img,
div.slot2 img,
div.slot3 img {
  display:block;
  float:left;
  padding-right:5px;
  z-index: 5;
  position:relative;
  margin: 0;
}

div.slot2 img,
div.slot3 img {
  border-left: 1px solid #b7b9b3;
  padding-left:5px;
}

div.slot1 p,
div.slot2 p,
div.slot3 p {
  z-index: 5;
  font-size: 75%;
  margin: 0;
}

p.slot-title {
  font-size:80% ! important;
  font-weight:bold;
  color:#333;
  margin:0;
  padding-top:5px;
  padding-bottom:1px;
}

p.slot-title a {
  font-weight:bold;
  text-decoration:underline;
  color:#333;
  margin:0;
}

/* 
p.slot-title + p {
  z-index: 5;
  font-size:75%;
  margin:0;
}
*/


/* -- Home Page Zippers -- */

div#zippers {
  position: relative;
  top: -1.5em;
}

p.zipper,
p.emergency-zipper {
  font-weight:normal;
  color:#666;
  font-size:85%;
  margin:0;
  padding-left:0;
  padding-top:0.96em;
  width:100%;
  z-index: 2;
  clear:left;
}

p.zipper a,
p.emergency-zipper a {
  font-weight:bold;
  text-decoration:underline;
  color:#0099bb;
}

p.zipper a:hover,
p.emergency-zipper a:hover {
  font-weight:bold;
  text-decoration:underline;
  color:#0099bb;
}

p.emergency-zipper {
  color:#FF0099;
  font-weight:bold;
}

  /* -- Blog Entry Zippers -- */

h1#bloggers {
  padding-top:1.15em;
  padding-bottom: 0.3125em;
  margin-top:-0.5em;
  border-bottom: 1px solid #b7b9b3;
}

h1#bloggers a:link,
h1#bloggers a:hover,
h1#bloggers a:active,
h1#bloggers a:visited {
  color: #0099bb;
  text-decoration: none;
}

div#blog-zippers p.zipper {
  background-color: #ecf9ff;
  padding-bottom: 1em;
  border-bottom: 1px dotted #cccccc;
  margin:0;
}

/* -- Footer -- */

#footer {
	width: 56.75em;
	}

ul#footerLinks {
  font-size:85%;
  line-height:2em;
  color:#000;
  border-top:1px solid #b7b9b3;
  width:100%;
  left:0px;
  z-index: 2;
  position:relative;
  margin-top:3.47em;
  margin-bottom:0.74em;
  list-style: none;
  display: block;
  padding-top:2em;
  padding-bottom:0.74em;
  clear:left;
}

ul#footerLinks a:link{
  color:#0099bb;
  font-weight:700;
}

ul#footerBottom a:link{
  color:#69d3f7;
}

ul#footerLinks a:visited,
ul#footerBottom a:visited {
  color:#81857a;
}

ul#footerLinks a:hover,
ul#footerBottom a:hover {
  color:#0099BB;
}

span.footerTitle {
  color:#333;
  font-weight:700;
  margin-right:0.75em;
}

ul#footerLinks img{
  margin-right:10px;
  margin-bottom:-8px;
}

ul#footerBottom {
  font-size:85%;
  line-height:2em;
  color:#000;
  width:100%;
  left:0px;
  z-index: 2;
  position:relative;
  list-style: none;
  display: block;
  padding-top:0.74em;
  margin:0;
}


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

ul#footerBottom li.first {
  margin-left: 0;
  border-left: none; 
  padding-left:0;
}


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

img#logo-top {
  z-index:1;
  position: absolute;
  top:0px;
  margin-bottom:10px;
  text-decoration: none;
}


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

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


/* -- Page Title -- */

h1#page-title {
  z-index:100;
  padding-bottom:0;
  margin-top:-25px;
  margin-bottom:0;
  width:100%; 
  position: relative;
  font-size:120%;
}

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


/* -- Colored Bars -- */

#left-bar {
  position:relative;
  z-index:200;
  float:left;
  width:9.125em;
  background:#fff;
  border-top:0.125em solid #4B5242;
  border-right:1px solid white;
  padding-bottom:3px;
  margin:10px 0 0 0;
}

#center-bar{
  position:relative;
  z-index:200;
  float:left;
  width:22.4em; 
  background:#FFFFFF;
  border-right:1px solid white;
  border-top:0.125em solid #0099BB;
  padding-bottom:3px;
  margin:10px 0 0 0;
}

#right-bar {
  position: relative;
  z-index:200;
  background:#fff;
  border-top:0.125em solid #4B5242;
  float: left;
  width: 12em;
  padding-bottom:3px;
  margin:10px 0 0 0;
}

#ext-right-bar {
  position: relative;
  z-index:200;
  background:#fff;
  border-right:1px solid white;
  border-top:0.125em solid #4B5242;
  float: left;
  width: 12em;
  padding-bottom:3px;
  margin:10px 0 0 0;
}

#far-right-bar {
  position: relative;
  z-index:200;
  background:#fff;
  border-top:0.125em solid #0099BB;
  float: left;
  width: 12.875em;
  padding-bottom:3px;
  margin:10px 0 0 0;
}

/* -- Left Navigation -- */

ul#left-navigation {
  font-size:0.85em;
  position:relative;
  clear: left;
  float: left;
  width: 10.8088em;
  background:#fff;
  margin-right: 1px;
  margin-bottom: 100px;
  z-index:500;
  border-right: 1px solid #cccccc;
  padding: 0 0 0 0 ;
}

ul#left-navigation li {
  border-bottom: 1px solid #999999;
  list-style-type: none;
  padding: 3px 4px 3px 6px;
  color: #4B5143;
  text-indent: -3px;
  width:10em;
}

ul#left-navigation li.selected {
  background: url(../images/_placeholders/blt-01.gif) 0px 7px no-repeat;
  border-bottom: 2px solid #0099BB;
  font-weight: bold;
  color: #0099BB;
  margin: 0 0 -1px 0;
}

ul#left-navigation li ul{
  font-weight: normal;
  margin: -3px 0 5px 0;
}

ul#left-navigation li ul li.selected {
  font-weight: bold;
  color: #0099BB;
  margin: 0 0 2px 0;
  background: url(../images/_placeholders/blt-01.gif) 0px 10px no-repeat;
}

ul#left-navigation li.selected a:link,
ul#left-navigation li.selected a:visited,
ul#left-navigation li.selected a:hover,
ul#left-navigation li.selected a:active {
  color: #0099BB;
}

ul#left-navigation a:link,
ul#left-navigation a:visited,
ul#left-navigation a:active {
  text-decoration: none;
  margin: 0 0 0 3px;
  color: #4B5143;
}

ul#left-navigation a:hover {
  margin: 0 0 0 3px;
  color: #0099BB;
  text-decoration: none;
}

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

div#main-body ul li ul {
  margin-top: 0.75em;
}

/* -- Exhibition list -- */

div.exhibition-list {
  position:relative;
  float:left;
  background-color: #FFFFFF;
  z-index:108;
  width:47em;
  margin-bottom:1.25em;
}

div.exhibition-list p#no-exhibs-in-list {
  padding-left: 0.75em;
}

div.exhibition-list p#touring-contact-message {
  padding-left: 108px;
  font-size:0.75em;
  margin-bottom: 2em;
}

div.exhibition-list h2 {
  font-size:1.125em;
  padding-left:0.555em;
  padding-bottom:0.278em;
  clear:left;
}

p.exhibition {
  font-size: 0.75em;
  margin-top: 0;
  margin-bottom: 1em;
  width:100%;
  height:79px;
  line-height: 1.25em;
  clear:left;
}

p.exhibition a { 
  text-decoration:underline;
  color:black;
}

p.exhibition img {
  float:left;
  position:relative;
  background-color:white;
  padding-left:0.75em;
  padding-right:0.75em;
  padding-bottom:0.75em;
  margin-top: 0;
  width: 80px;
  height: 70px;
}

p.exhibition span.exhibition-title {
  font-weight: bold;
}

div.exhibition-list h2.blue-top {
  margin-top:0.5em;
  border-top: 0.111em solid #0099bb;
  padding-top:0.278em;
}

div.exhibition-list p.notice {
  padding-left: 0.75em;
}

/* -- Two Column Layout, Including Upcoming/Simple Exhibitions and Exhibition Highlights -- */

div.two-column {
  position:relative;
  float:left;
  background-color: #FFFFFF;
  z-index:108;
  margin-bottom:3.125em;
  margin-right:0;
  width: 33.938em;
  padding:0 0 3.125em 0.3125em;
  color:#333;
}

body#layout-1024 div.two-column,
div.two-column-1024 {
  position:relative;
  float:left;
  background-color: #ffffff;
  z-index:200;
  margin-bottom:3.125em;
  margin-right:0; 
  width: 732px;
  padding:0 1.25em 3.125em 0.3125em;
  color:#333;
}

div.two-column p { 
  line-height: 1.25em;
  margin: 0 0.625em 1em 0;
  clear: left;
}

div.two-column a:link, 
div.two-column a:hover, 
div.two-column a:active { 
  color: #0099BB;
  text-decoration: none;    
}
  
div.two-column a:visited { 
  text-decoration: none;
  color:#8c9263;
}

    /* -- Two Col: Graffiti-style button for "Return", beneath exhib highlight -- */

div.two-column a.return-button {
  font-size:0.8em;   
  font-weight:bold;
  margin:0;
  line-height:1.25em;
  padding-left: 0.4em;
  display: block;
  height: 1.25em;
  width: 10.928em;
  text-transform:uppercase;
}

div.two-column a.return-button:link {
  color: white;
  font-weight: bold;
  background-color: #333;
  text-decoration: none;
}

div.two-column a.return-button:visited {
  color: white;
  font-weight: bold;
  background-color: #333;
  text-decoration: none;
}

div.two-column a.return-button:hover {
  color: white;
  font-weight: bold;
  background-color: #0099bb;
  text-decoration: none;
}

div.two-column a.return-button:active {
  color: white;
  font-weight: bold;
  background-color: #333;
  text-decoration: none;
}

     /* -- Two Col: Banner image -- */

div.two-column img#banner-image {
  width: 542px;
  margin-bottom: 1em;
}

div.two-column img#banner-image-with-caption {
  width: 542px;
  margin-bottom: 0;
}

     /* -- Two Col: Component: Image within content,
           width of middle column,
           caption to the right 
           WORK IN PROGRESS --*/

div.two-column div.image-element {
  backbround-color: red;
}

div.two-column div.image-element img {
  width: 335px;
  float:left;
  clear: left;
}
 
div.two-column div.image-element p.caption {
  float: left;
  clear: none;
  width: 15em;
  margin: 0 0 0 1.667em;
  position: relative; 
  bottom: 0;
}

p.image-element {
  font-size:75%;
  padding-top: 0;
  width: 96%;
  text-align: bottom;
  padding-bottom: 1em;
}

span.caption335 {
  display:block;
  width: 335px;
}

div.two-column p.image-element img {
  margin: 0 1.667em 0 0;
  vertical-align: bottom;
}

div.two-column p.image-element {
}

div.two-column p.right-image-element {
  padding-bottom:0;
  margin-bottom:0;
}

div.two-column p.right-image-element img {
  margin-right:10px;
  float:left;
  text-align:top;
}

     /* -- Two Col: Component: Unordered list -- */

div.two-column ul {
  clear: left;
  margin-left: 1em;
  margin-bottom: 1em;
}

div.two-column ul.indent {
  margin-left: 2em ! important;
}

div.two-column ul li {
  margin-bottom: 0.5em;
}

     /* -- Two Col: Component: Previous and Next links -- */

div.two-column p.prev-link {
  float: left;
  clear: left;
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

div.two-column p.next-link {
  width: 50%;
  text-align: right;
  float: right;
  clear: right;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

     /* -- Two Col: Component: Image list
           100px square images
           with headline and text to the right -- */

div.two-column div.image-list {
  width: 100%;
  height:5.125em;
  clear:left; 
  margin:0;
}

div.two-column div.image-list img {
  float:left;
  position:relative;
  background-color:white;
  padding-left:0.75em;
  padding-right:0.75em;
  padding-bottom:0.75em;
  margin: 0;
}

div.two-column div.image-list h2 {
  font-size:1em;
  width:26.125em;
  float:left;
  position:relative;
  margin: 0 0 auto 0;
  padding-top:0;
  font-weight: bold;
}

div.two-column div.image-list p {
  width:26.125em;
  float:left;
  clear:none;
  position:relative;
  margin: 0 0 auto 0;
}

div.two-column div.image-list div.para-replace {
  width:26.125em;
  float:left;
  clear:none;
  position:relative;
  margin: 0 0 1em 0;
}

/* NEW VERSION */

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

div.two-column div.left-image-list img,
div.two-column div.left-image-list a img {
  margin: 0 1em 1em -116px;
  padding: 0;
  float:left;
}
    
div.two-column div.left-image-list h2 {
  font-size:1em;
  margin: 0;
  padding:0;
  font-weight: bold;
}

div.two-column div.left-image-list p {
  margin: 0 0 auto 0;
  padding: 0;
}

div.two-column div.image-list div.para-replace {
  margin: 0 0 1em 0;
  padding: 0;
}

div.paragraph {
  margin: 0 0 1em 0;
}

div.para-replace ul {
  margin-top:0.5em;
  margin-bottom:-1.5em !important;
}

/* -- Two column layout: 542 width -- */
body#layout-542 div.two-column {
  width: 34.25em;
}

/* -- Things That Span Both Columns of Three Column Layout -- */

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

     /* -- Three Col: Banner image -- */

img#banner-img {
  width: 542px;      
  position:relative;
  z-index:108;
  margin-bottom: 1em;
}

div.three-column img#banner-image {
  width: 542px;      
  margin-bottom:1em;
}

/* -- Center Column of Three Column Layout -- */

div.center-column {
  position:relative;
  float:left;
  background-color: #ffffff;
  z-index:200;
  margin-bottom:3.125em;
  margin-right:0;
  width: 20.9375em;
  padding:0 1.25em 3.125em 0.3125em;
  color:#333;
}

div.center-column-1024 {
  position:relative;
  float:left;
  background-color: #ffffff;
  z-index:200;
  margin-bottom:3.125em;
  margin-right:0;
  width: 34.5em;
  padding:0 1.25em 3.125em 0.3125em;
  color:#333;
}
div.center-column p {
  line-height: 1.25em;
}

div.center-column p:first-child {
  margin-top: 0;
}

div.center-column a:link,
div.center-column a:hover,
div.center-column a:active {
  color: #0099BB;
  text-decoration: none;
}

div.center-column a:visited {
  text-decoration: none;
  color:#8c9263;
}

     /* -- Center Col: Component: Unordered list -- */
  
div.center-column ul {  
  clear: left;
  margin-left: 1em;
  margin-bottom: 1em;
}

div.center-column ul.indent {
  margin-left: 2em ! important;
}

div.center-column ul li {
  margin-bottom: 0.5em;
}

    /* -- Center Col: Graffiti-style button for "Return", beneath exhib highlight -- */

div.center-column a.return-button {
  font-size:0.8em;
  font-weight:bold;
  margin:0;
  line-height:1.25em;
  padding-left: 0.4em;
  display: block;
  height: 1.25em;
  width: 10.928em;
  text-transform:uppercase;
}

div.center-column a.return-button:link {
  color: white;
  font-weight: bold;
  background-color: #333;
  text-decoration: none;    
}

div.center-column a.return-button:visited {
  color: white;
  font-weight: bold;
  background-color: #333;
  text-decoration: none;
}

div.center-column a.return-button:hover {
  color: white;
  font-weight: bold;
  background-color: #0099bb;
  text-decoration: none;
}

div.center-column a.return-button:active {
  color: white;
  font-weight: bold;
  background-color: #333;
  text-decoration: none;
}

/* -- Right Column of Three Column Layout -- */

div.right-column {
  font-size:0.8em;
  padding-left: 8px;
  width: 13.5em;
  z-index:200;
  background-color:white;
  position: relative;
  float: left;
  border-left:1px solid #B7B9B3;
  margin: 0;
}

div.right-column p {
  margin: 1em 0 0 0;
  border-bottom: 1px solid #00adef;
  padding: 0 0 1em 0;
  font-weight:bold;
  color:#333;
  line-height:1em;
}

div.right-column a img {
  border-style: none;
  margin: 0;
  padding: 0;
}

div.right-column a.right-button {
  width: 13.5em;
}

div.right-column a.right-button-longtext {
}

div.right-column p.square-image {
  padding-bottom: 0.4em;
}

div.right-column p.square-image a img {
  margin: 0 0.6em 0.6em 0;  
  padding: 0;
}

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

div.right-column p#right-element-1 {
  margin-top: 0;
}


/* -- Opencollection Search Widget -- */

form.opencollection-search-form {
  margin-top:1em;
  padding-bottom:1em;
}

input.opencollection-search-input {
  border: solid #0099BB 1px;
  font-weight:normal;
  margin-right:0.2em;
}

p.opencollection-search-restrict, p.opencollection-search-scope {
  font-size:0.8em;
  padding:0px;
  margin:0px;
  padding-top:0.4em;
  line-height: 1.5em;
}

p.opencollection-search-scope input#search-scope-tags-only {
  margin-left:1em;
}

p.opencollection-search-restrict label {
  margin-left: 2em;
  margin-top: -1.5em;
  display: block;
}


/* -- General text markup -- */

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 {
 font-weight:bold;
 margin-bottom:0.5em ! important;
}

span.headline {
  font-weight:bold;
}

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

a.right-button {
  line-height:1.25em;
  margin-top: 7px;
  padding-left: 0.4em;
  padding-bottom:0;
  display: block;
  height: 1.25em;
  width: 13em ! important;
  text-transform:uppercase;
}

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

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

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

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

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

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

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


/* -- Exhibition pages -- */

p.exhibition-dates-location {
  font-weight:bold;
}


/* -- Podcasts -- */

div.podcast {
 /*margin:0 0 1em 0;*/
 padding:0;
}

ul.podcast-options {
  /*margin-left: 1.5em ! important;*/
  margin-top:0.25em ! important;
  margin-bottom: 1.5em ! important;
}

ul.podcast-options li {
  margin-bottom: 0.5em;
  padding-left:0;
  margin-left:0;
}

p.podcast-summary {
  padding-top: 0.5em;
  padding-bottom: 1.125em;
}

/* -- First Saturday Schedule -- */

div#fsat-schedule {
  margin-left: 9.1875em;
  margin-top:-2.5em;
}

div#fsat-schedule h3 {
  font-size: 1em;
}

div#fsat-schedule p.fsat-theme {
}

div#fsat-schedule p.fsat-event-heading {
  font-weight:bold;
  margin: 2em 0 0.5em 0;
  padding: 0;
}

div#fsat-schedule p#target-sponsor {
  margin-top: 1.5em;
}

/* -- Community section -- */

  /* -- Pagination arrows -- */

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

  /* -- Thumbnail rows (ie in Network section) -- */

div.three-thumbnail-row {
  clear:both;
}

div.three-thumbnail-row a img {
  margin: 0.75em;
}

  /* -- New Network section -- */

p.network-option {
  border-top: 1px solid #cccccc;
  padding-top: 1.25em;
  margin-bottom: 1.25em;
  height: 6.25em;
}

p.network-option#facebook {   
  border-style: none ! important;
}

p.network-option a img {
  position:relative;
  float: left;
  padding-right: 1.25em; 
}

p.network-option a img#add-artshare {
  padding-top: 0.625em;
}

p.flickr-commons-item {
  padding-top: 1em;
}

p.flickr-commons-item img {
  float: left;
  padding: 0 1em 1em 0;
}

  /* -- Definition lists (ie How To in photos section) -- */

dl {
  margin-top:0;
  padding-top:0;
}

dt {
  font-weight: bold;
  padding-bottom:0.3125em;
}

dd {
  font-weight: normal;
  padding-bottom: 0.75em;
}

  /* -- Thumbnails and descriptions (ie podcasts) -- */

p.thumb{
  float:left;
  clear:left ! important;
  margin-right:0.6125em;
}

p.desc{
  height:100px;
  font-weight:bold;
  clear:none ! important;
}
 
  /* -- Videos -- */

div.community-videos p#video-alert {
  color:red;
  margin-top: 0.625em;
}

div.community-videos p.thumbnail {
  border-top: 1px dotted #cccccc;
  padding-top:0.625em;
  padding-bottom:0.625em;
  float:left;
  clear:left ! important;
  width:8.5em;
  margin:0;
}

div.community-videos p.info {
  border-top: 1px dotted #cccccc;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  padding-left:0.25em;
  float: left;
  clear:none ! important;
  width: 24em;
  margin: 0 0 0 0px;
}

div.community-videos span.running-time {
  font-weight:bold;
  font-size: 0.8em;
  display:block;
}

div.community-videos span.description {
  padding-top:0.625em;
  padding-bottom:0.625em;
  display: block;
}

div.community-videos span.tags {
  font-size: 0.8em;
  padding-top:1em;
  padding-bottom:1em;
  display: block;
}

div.community-videos span.datestamp-and-categories {
  font-size: 0.8em;
  display:block;
}

div.community-videos span.user {
  font-size: 0.8em;
  display:block;
}

div.community-videos span.view-count {
  font-size: 0.8em;
  display:block;
}

  /* - -Pagination --*/

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

  /* -- VVC -- */

h3.vvc-anchor,
h3.vvc-subhead {
  font-size:1em;
  padding-top:0.3125em;
}

h4#how {
  padding-top:1.5625em;
}

h4#contact {
  padding-top:1.5265em;
}

p.winner span.place {
  font-weight:bold;
}

  /* -- Spring Video Project --*/

h3.springvideo {
  padding-top: 1em;
  padding-bottom: 1em;
}

  /* -- Podcasts -- */

div.podcast div.audio-player {
  margin: 0.1875em 0 1em 0;
  padding: 0;
}

div.podcast span.podcast-title {
  font-weight:bold;
}

div.podcast hr { 
  margin-bottom: 2em; 
}

/* -- Careers -- */

ul.careers {
  font-size: 1.125em;
  list-style:none;
  margin-left:0 ! important;
  margin-top: 1em ! important;
  font-weight: bold;
}

ul.careers li {
  margin: 0.3em 0 ! important;
}

p.address {
  margin-left: 2em ! important;
}

div.career-description ul {
  padding-left: 0.75em ! important;
}

/* --- Floor Plans --- */

div#floorplan-img,
div#legend-img {
  padding-bottom:1em;
}

div.floorplan-section-header {
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
}

div.floorplan-list ul{
  padding-left:0.5em;
  padding-bottom:0.75em;
}

/* --- Education --- */
.block-image  {
	float: left;
	position:relative;
	display:block;
	margin-left:0px;
	margin-right:10px;
}

p.left-image {
	padding-right:10px;
	line-height: 125%;
	margin: 0px 10px 10px 0;
}


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

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

/* -- Gray button styling to be used with Click widget 
      (based on Login form styling in tmpl_login.css    -- */

div#email-notification-widget input.gray-button {
  font-size: 0.9em;
  background-color: #666666;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  width: auto;
  padding: 0.25em 1em;
  margin: 0.25em;
}

/* -- Q&A (Graffiti exhibit, for example) -- */

p.qanda {
  padding-left: 6em;
}

p.qanda strong {
  width: 6em;
  display: block;
  float: left;
  margin-left: -6em;
}

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

ul.bibliography li {
	padding-left: 2em;
	text-indent: -2em;
}



/* -- General: Help popup box -- */

div#help-display {
  border: 20px solid #666666;
  padding: 1em;
  background-color: white;
  width: 20em;
  position: fixed;
  top: 200px;
  left: 300px;
  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;
}

/* -- Tabs -- */


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

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

.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 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	position: relative;
	float: right;
	left: 5px;
}

.variable-width-tabs li {
	line-height: 1em;
	height: 30px;
	display: block;
	font-weight: bold;
	float: left;
	width: 130px;
	text-align: center;
	z-index: 2;
	background: #eee url('../images/kiosk_tab.gif') no-repeat scroll top;
}

li.tab-selected {
	background: #fff url('../images/kiosk_tab_selected.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 {
	color: #09b;
	margin: 0;
	display: block;
	text-decoration: none;
	padding: 8px 20px 8px 15px;
}

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


/* TEMPORARY DUPLICATION OF NAVIGATION.CSS to handle shop */

.skiplinks {
	margin-left: -1000px;
	position: relative;
	float: left;
}

em.accesskey {
  /* border-bottom: 0.2em solid; */
  font-style: normal;
}

#topbar {
	clear: both;
}

#navigation {
	position: relative;
	line-height: 1em;
	width: 56.75em;
	height: 3.75em;
	z-index: 10;
}

#main-nav {
  color: #333;
  font-size: 0.8125em;
  font-weight: bold;
  position: relative;
	margin: 16px 0 0 0;
  z-index: 10;
	padding: 0 0 10px 0;
  border-bottom: 1px solid #999;
	-webkit-text-size-adjust: none;
}

#main-nav .highlight a {
	color: #09b;
}

#main-nav li {
	font-size: 100%; 	/* remove when tmpl_b.css is gone */
  display: inline;
  list-style: none;
  padding-right: 0.7em;
}

#main-nav a {
  color: #333;
}

#main-nav a:hover {
  color: #09b;
  border-bottom: 2px solid #09b;
}

#main-nav #posse-login {
	position: absolute;
	right: 0;
	padding-right: 0;
}

#utility-nav {
	font-size: 75%;
	width: 57.7em;	/* IE 6 & 7 need to be told */
	line-height: 0.8em;
	margin-top: 6px;
  font-weight: bold;
  position: absolute;
	right: 0;
  z-index: 10;
	/* float: right; */
}

#utility-nav li {
	font-size: 100%;
	display: block;
	float: left;
}

#site-search fieldset {
	border: 0;  /* margin, border, and padding rules to fight tmpl_b.css */
	padding: 0;
	margin: 0;
	height: 24px;
}

#top-nav-search-input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	display: block;
	float: left;
	margin: 0 0.2em 0 0;
  border: 1px solid #666; 
  background: #f6f6fd;
	width: 13em;
	padding: 2px 4px;
	height: 20px;
}

#top-nav-search-submit {
	display: block;
	float: right;
}

#utility-nav #top-nav-search-li {
	margin-left: 1em;
	float: right;
}

#utility-nav a {
  color: #4b5141;
	display: block;
	margin-left: 1em;
	padding-top: 0.8em;
	padding-left: 1.9em;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#utility-nav a:hover {
  color: #09b;
}

a#linkHome {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_home.gif);
	padding-left: 2.2em;
}

a#linkFaq {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_faq.gif);
	padding-left: 1.5em;
}

a#linkAccess {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_access.gif);

}

a#linkDirections {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_directions.gif);
	padding-left: 2em;
}

a#linkContact {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_contact.gif);
	padding-left: 1.5em;
}

a#linkSubscribe {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_envelope.gif);
	padding-left: 2em;
}

a#linkHome:hover {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_homeo.gif);
}

a#linkFaq:hover {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_faqo.gif);
}

a#linkAccess:hover {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_accesso.gif);
}

a#linkDirections:hover {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_directionso.gif);
}

a#linkContact:hover {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_contacto.gif);
}

a#linkSubscribe:hover {
  background-image: url(http://www.brooklynmuseum.org/images/utility-nav/trim/icon_envelopeo.gif);
}