body { font-family:  Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; }

a, a:visited { color: #c25b1c; text-decoration: none; }
a:hover { color: #999; }


h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, 'Times New Roman', serif; margin: 0; padding: 0; font-weight: normal; }
h1 { font-size: 190%;  }
h2 { font-size: 180%; margin: 0 0 3px; color: #82432E; border-bottom: 1px dotted #B8B06C; }
h3 { font-size: 155%; margin: 20px 0 12px 0; color: #555; }
h4 { font-size: 120%; margin: 8px 0; }
h5 { font-size: 110%; }
p { margin: 0px; font-size: 110%; line-height: 140%; }
img { border: 0px; }
hr { border: 0px; background-color: #B8B06C; height: 1px; }

p.note { font-size: 90%; color: #555; }

div#header, div#content, div#footer, div.navigation { width: 760px; margin: 0 auto; }
div#header-container { }
div#header { padding-top: 8px; }
div#content { margin-top: 10px; }
div#footer { font-size: 85%; color: #555; padding: 6px 0; margin-top: 15px; clear: both; border-top: 1px solid #999; }

div.navigation-container { background-color: #c5d4dc; height: 2.3em; }
div.navigation { font-family: Arial, Helvetica, sans-serif; }
div.navigation ul.menu { list-style-type: none; margin: 0; padding: 0; }
div.navigation ul.menu li { float: left; margin-right: 10px; }
div.navigation ul.menu a { display: block; text-decoration: none; padding: 5px 8px; font-size: 125%; font-weight: bold; }
div.navigation ul.menu a, div.navigation ul.menu a:visited { color: #24477b; }
div.navigation ul.menu a:hover { color: #427998; }

div.navigation div.submenu ul { list-style-type: none; margin: 0; padding: 0; }
div.navigation div.submenu ul li { padding: 6px 0; border-bottom: 1px solid #ccc; }

.clear { height: 0px; line-height: 0px; font-size: 0%; clear: both; }

div.image-box { }
div.image-box img { display: block; margin: 0 auto; }
div.image-box img.with-border { padding: 5px; border: 1px solid #ccc; }

div.content-box { width: 240px; float: left; margin-right: 15px; }
div.content-box h2, div.content-box h3 { color: #222; border: none; }
div.content-box p { font-size: 95%; line-height: 1.5em; color: #333; }
div.content-box img { display: block; margin: 0 auto; }

div.featured-image { float: right; padding: 10px; }
div.featured-image img { padding: 3px 0 3px 8px; }
div.featured-image div.caption { text-align: right; }
div.caption { font-size: 90%; color: #555; }

ul.artworks { list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 3px; }
ul.artworks li { margin: 0 0 10px 0; padding-left: 0px; }
ul.artworks span.name, .artwork-metadata .name { }
ul.artworks span.location, .artwork-metadata .location { }
ul.artworks span.title, .artwork-metadata .title { font-weight: bold; }
ul.artworks span.time, .artwork-metadata .time { }
ul.artworks span.media, .artwork-metadata .media { color: #555; font-size: 90%; }
ul.artworks span.dimensions, .artwork-metadata .dimensions { color: #555; font-size: 90%; }
ul.artworks span.collection-number, .artwork-metadata .collection-number { color: #777; font-size: 90%; }
ul.artworks div.supplemental-information, .artwork-metadata div.supplemental-information { color: #333; margin: 5px 10px 15px 10px; }
ul.artworks div.supplemental-information p, .artwork-metadata div.supplemental-information p { text-indent: 12px; margin-botom: 5px; font-size: 90%; }

div.artwork-metadata { margin: 8px 0 13px 17px; }
table.artwork-metadata { width: 100%; }
table.artwork-metadata td { vertical-align: top;  }
.artwork-metadata {}
.artwork-metadata .cr { font-size: 90%; color: #777; }

div.image-nav { font-size: 90%; margin: 3px 0 12px 0; }

div.image-list div.artwork-metadata { margin: 0 20px 0 0; float: left; width: 220px; }
div.image-list img { float: left; margin-bottom: 20px; }

div.address, div.event { font-size: 110%; }
div.address p, div.event p { font-size: 100%; }

div.address { margin: 3px 0 7px 0; font-size:90%; color: #555; }
div.address span.location-name { font-weight: bold; color: #333; font-size: 120%; }

div.event { margin-bottom: 5px; }
div.event span.title { color: #333; font-weight: bold; }

img.exhibition-image { margin:10px 0;padding:5px; border: 1px solid #ccc; }

table.artworks { margin: 10px auto; border-collapse: collapse; }
table.artworks td { vertical-align: center; text-align: center; padding: 15px 10px; }
table.artworks td img { padding: 8px 10px; border: 1px solid #F3F3F3; background-color: #D4D9CA; }
img.artwork-image { padding: 21px; border: 1px solid #ccc; background-color: #F3F3F3; }
