body {font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 13px; line-height: 1.36; text-align: center; background: #1296D3; color: #000;} a {text-decoration: none; color: #1296D3; font-weight: bold;} a:hover {text-decoration: underline;} a:active {color: #0976bd;} a img {border: none;} h1 {margin: 0; width: 358px; float: left;} h1 a {height: 92px; width: 358px; display: block; background: url(../images/agologo-92.gif);} h1 span {display: none;} h2 {color: #000; size: 24px; margin-top: 22px;} hr { background-color: #ccc; border: none; clear:both; color:#ccc; height:1px; } .margin {width: 900px; margin: auto; text-align: left; padding: 0px 15px; clear: both;} .image a {display: block;} .moreinfo {width:12px; height:12px; background:url(../images/moreinfo.png) no-repeat; text-indent:-4000em; margin: 3px 0; display: block; float: right;} /* Header */ #header {color: #fff; overflow: hidden;} #header a {color: #fff;} #header a:active {color: #e0e0e0;} .accessibility {display: none;} #topnav {font-size: 14px; float: right; margin: 18px 0; text-align: right;} #topnav p {float: right; margin: 0; padding: 5px 18px;} #topnav span {padding: 0 .5em;} #topnav a.selected {color: #000;} #searchForm {float: right; width: 135px;} #searchForm fieldset {border: none; text-align: right; padding: 0; margin: 0; background: white; } #searchForm legend, #searchForm label {display: none;} #searchForm input { vertical-align:middle; } #q { background:#FFFFFF none repeat scroll 0 0; border:0 none; color:#999; font-family:Arial,Helvetica,sans-serif; font-size:14px; height:18px; padding:5px; width: 97px;} #mainnav {clear: both; width: 900px; overflow: auto; margin: 0; padding: 18px 0 0 0; font-size: 15px;} #mainnav li {display: block; text-align: center; padding: .75em 0; margin: 0; background: #41abdc; background-image: url(../images/blue.gif); background-repeat: repeat-y; background-position: right; float: left;} #mainnav span {display: none; margin: 0; padding: 0;} #mainnav .selected {background: #fff; background-image: url(../images/blue.gif); background-repeat: repeat-y; background-position: right; } #mainnav .selected a { color: #000;} #home {width: 66px;} #visit {width: 61px;} #whatson {width: 98px;} #exhibits {width: 110px;} #collections {width: 110px;} #education {width: 102px;} #learning {width: 93px;} #membership {width: 119px;} #shop {width: 68px;} #dine {width: 59px;} li#tickets {width: 116px; background: #000; background-image: none;} /* Footer */ #footer {background: url(../images/agologo-135.gif); background-position: top right; background-repeat: no-repeat; color: #fff; overflow: visible;} #footer a {color: #fff;} #footer a:active {color: #e0e0e0;} #footer ul {width: 765px; padding: 0; margin: 0;} #footer ul li {list-style: none; display: block; float: left; margin: 0; padding: 0;} #footer ul li a {display: block; float: left; width: 102px; height: 34px; border-right: 1px solid #1296D3; border-bottom: 1px solid #1296D3; margin: 0; padding: 9px 0 9px 50px;} #footer ul li a.blog {background: url("../images/icons/ago_32.png") no-repeat 9px 9px #41ABDC;} #footer ul li a.podcast {background: url("../images/icons/podcast_32.png") no-repeat 9px 9px #41ABDC;} #footer ul li a.enews {background: url("../images/icons/email_32.png") no-repeat 9px 9px #41ABDC;} #footer ul li a.twitter {background: url("../images/icons/twitter_32.png") no-repeat 9px 9px;} #footer ul li a.facebook {background: url("../images/icons/facebook_32.png") no-repeat 9px 9px;} #footer ul li a.tumblr {background: url("../images/icons/tumblr_32.png") no-repeat 9px 9px;} #footer ul li a.youtube {background: url("../images/icons/youtube_32.png") no-repeat 9px 9px;} #footer ul li a.flickr {background: url("../images/icons/flickr_32.png") no-repeat 9px 9px;} #footer ul li a.linkedin {background: url("../images/icons/linkedin_32.png") no-repeat 9px 9px;} #footer p { padding: 24px 0 0 9px; clear: both; width: 765px;} #footer p span {padding: 0 .5em;} /* Home */ #main {background: #fff; overflow: hidden; min-width: 930px; border-top: 3px solid #fff; border-bottom: 3px solid #fff;} #homealerts {clear: both; margin: 3px 0 5px 0; width: 100%; overflow: hidden;} #homealerts p {margin: 9px 0;} .hometoday {width: 441px; float: left; white-space:nowrap; overflow: hidden;} .homehours {color: #999; width: 441px; float: right; text-align: right;} .homeavailability {border-top: 1px solid #ccc; clear: both; } .homeavailability strong { } #exhibitions {margin: 18px 0px 18px 0px; overflow: hidden; float: left;} #exhibitions h2 {display: none;} #exhibitions .hero {margin-bottom: 18px; border: 1px solid #ccc;} #exhibitions .hero a img {width: 592px; height: 295px;} #exhibitions .item {width: 135px; height: 208px; border-bottom: 1px solid #ccc; color: #999; float: left; margin-right: 18px;} #exhibitions .item p { margin: 9px 0px 0px 13px;} #exhibitions div.homeb5 {margin-right: 0;} #exhibitions .moreinfo {float:right;} .whatsnew {width: 288px; float: left; padding: 0 18px 18px 0;} .whatsnew h2 {font-size: 14px; margin: 0 0 9px 0;} .whatsnew h2 a {color: #000;} .whatsnew .item {border-top: 1px solid #ccc; clear: both;} .whatsnew .item h3 {font-weight: lighter; color: #666; font-size: 14px; margin: 9px 0 0 0;} .whatsnew .item p {margin: 9px 0;} .whatsnew .item .image, .whatsnew .item .thumb {float: right; padding-top: 9px; width: 80px; margin-left: 18px;} .whatsnew ul {list-style: none; padding-left: 0; margin: 0 0 9px 0;} .whatsnew ul li {border-top: 1px solid #ccc; padding: 9px 0;} #twitter_update_list {font-size: 16px;} #twitter_update_list a {font-weight: lighter; color: #999; display: block; font-size: 13px !important;} #twitter_update_list span a {font-weight: bold; color: #1296D3; display: inline; font-size: 16px !important;} .whatsnew .blogposts {color: #999;} .whatsnew .blogposts li a {font-size: 14px;} #aod {width: 288px; float: right; padding-bottom: 18px; height: 366px; } #aod h2 {font-size: 14px; margin: 0 0 9px 0; padding: 0 0 9px 0; border-bottom: 1px solid #ccc; } #aod h2 a {color: #000;} #aodslideshow {} .ads {border-top: 1px solid #ccc; width: 100%; overflow: hidden; padding: 18px 0 15px 0; clear: both;} .ads span {float: left; display: block;} .ads span.middle {margin: 0 18px;} /* Listing */ #leftnav {width: 288px; float: left; font-size: 14px; padding-top: 18px;} #leftnav h2 {font-size: 18px; font-weight: lighter; color: #666; margin: 0 0 9px 0;} #leftnav ul {padding: 0; margin: 0 0 18px 0; list-style: none;} #leftnav ul li {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 9px; padding: 9px 0 9px 16px;} #leftnav ul li ul {list-style: disc; margin: 6px 0 3px 20px;} #leftnav ul li ul li {border: none; margin-bottom: 0; padding: 3px;} #leftnav ul li a.selected { color: #000; background:url(../images/blackarrow.gif) no-repeat; background-position: right; width: 240px; display: block; padding-right: 28px;} #leftnav ul li ul li a.selected { color: #000; background:url(../images/blackarrow.gif) no-repeat; background-position: right; width: 220px; display: block; padding-right: 28px;} #leftnav div {border: 1px solid #ccc; padding: 9px 18px; margin-bottom: 18px;} #leftnav div a {color: #666; font-weight: lighter;} #leftnav div.image {border: none; padding: 0;} .listing {width: 594px; float: right;} .listing .item {clear: both; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;} .listing .item .thumb {width: 80px; float: right; padding: 14px 0 9px 18px} .listing .item .thumb img {width: 80px} .listing .item h3 {margin: 0; padding: 14px 0 0 18px; font-size: 14px;} .listing .item p {margin: 0px; padding: 9px 0 18px 18px;} .listing .swatch0 {border-top: 1px solid #ccc; margin-top: 9px;} .paging {padding: 0; list-style: none; text-align: right;} .paging li {display: inline;} .paging a {text-decoration: none; padding: 2px 5px;} .paging .selected a {background: #F26631; color: #fff;} #utilities { clear:both; float:none; padding-bottom: 9px;} #contactus form h2 { font-size: 14px; margin-top: 8px;} #contactus legend {display: none;} #contactus fieldset {border: none; margin: 0; padding: 0;} #contactus fieldset div { padding: 9px 0 9px 0;} #contactus label {font-weight: bold; color: #333; display: block; margin-bottom: 6px;} #contactus .text {width: 288px; border: 1px solid #ccc; padding: 6px;} .listingfooter {clear: both;} /* Exhibition Landing */ .exhibitionlanding h2 { width: 594px; display: block; float: left; margin: 9px 0 0 0;} .exhibitionlanding .documentcontent {width: 288px; float: right;} .exhibitionlanding .listing {width: 594px; clear: left; float: left; margin-bottom: 18px;} .exhibitionlanding .manylistings {clear: left; width: 612px; float: left; margin-bottom: 18px;} .exhibitionlanding .manylistings .singlelisting {width: 288px; float: left; margin: 0 18px 18px 0;} .exhibitionlanding .manylistings .singlelisting h3 { font-size: 18px; margin: 0 0 9px 0;} .exhibitionlanding .manylistings .singlelisting h3 a {color: #666; font-weight: lighter; } .exhibitionlanding .manylistings .singlelisting .item {clear: both; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; } .exhibitionlanding .manylistings .singlelisting .item .thumb {width: 80px; float: right; padding: 14px 0 9px 18px} .exhibitionlanding .manylistings .singlelisting .item .thumb img {width: 80px} .exhibitionlanding .manylistings .singlelisting .item h4 {margin: 0; padding: 14px 0 0 18px; font-size: 14px;} .exhibitionlanding .manylistings .singlelisting .item p {margin: 0px; padding: 0px 0 18px 18px;color: #666; margin-top: 0; font-style: italic;} .exhibitionlanding .manylistings .singlelisting .swatch0 {border-top: 1px solid #ccc; margin-top: 9px;} /* Detail */ .detail #content {width: 594px; float: left;} /* .backto {margin: 0; padding-top: 6px;} #related {width: 252px; border: 1px solid #ccc; float: right; padding: 18px; margin-bottom: 18px;} #related h3 {border: none; font-size: 14px; font-weight: bold; margin: 0;} #related ul {padding: 0px; margin-left: 24px; margin-bottom: 0;} #related li {padding: 4px;} */ #related {width: 288px; float: right; margin-bottom: 18px;} #related .item {clear: both; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;} #related .item .thumb {width: 80px; float: right; padding: 14px 0 9px 18px} #related .item .thumb img {width: 80px} #related .item h3 {margin: 0; padding: 14px 0 14px 18px; font-size: 14px;} #related .item p {display: none;} #related .swatch0 {border-top: 1px solid #ccc; margin-top: 9px;} #related-blog {width: 252px; border: 1px solid #ccc; float: right; padding: 18px; margin-bottom: 18px; clear: right; color: #666;} #related-blog a {color: #64B35E;} #related-blog h3 {border: none; font-size: 14px; font-weight: bold; margin: 0;} #related-blog h3 a {color: #000;} #related-blog ul {padding: 0px; margin-left: 24px; margin-bottom: 0;} #related-blog li {padding: 4px;} /* Swatches */ .swatch0, .homeb0 {background-image: url(../images/swatch70.gif); background-repeat: repeat-y; } .swatch1, .homeb1 {background-image: url(../images/swatch5.gif); background-repeat: repeat-y; } .swatch2, .homeb2 {background-image: url(../images/swatch6.gif); background-repeat: repeat-y; } .swatch3, .homeb3 {background-image: url(../images/swatch7.gif); background-repeat: repeat-y; } .swatch4, .homeb4 {background-image: url(../images/swatch8.gif); background-repeat: repeat-y; } .swatch5, .homeb5 {background-image: url(../images/swatch1.gif); background-repeat: repeat-y; } .swatch6, .homec0 {background-image: url(../images/swatch2.gif); background-repeat: repeat-y; } .swatch7, .homec1 {background-image: url(../images/swatch3.gif); background-repeat: repeat-y; } .swatch8, .homec2 {background-image: url(../images/swatch4.gif); background-repeat: repeat-y; } .swatch9 {background-image: url(../images/swatch9.gif); background-repeat: repeat-y; } .swatch10 {background-image: url(../images/swatch10.gif); background-repeat: repeat-y; } .swatch11 {background-image: url(../images/swatch11.gif); background-repeat: repeat-y; } .swatch12 {background-image: url(../images/swatch12.gif); background-repeat: repeat-y; } .swatch13 {background-image: url(../images/swatch13.gif); background-repeat: repeat-y; } .swatch14 {background-image: url(../images/swatch14.gif); background-repeat: repeat-y; } .swatch15 {background-image: url(../images/swatch15.gif); background-repeat: repeat-y; } .swatch16 {background-image: url(../images/swatch16.gif); background-repeat: repeat-y; } .swatch17 {background-image: url(../images/swatch17.gif); background-repeat: repeat-y; } .swatch18 {background-image: url(../images/swatch18.gif); background-repeat: repeat-y; } .swatch19 {background-image: url(../images/swatch19.gif); background-repeat: repeat-y; } .swatch20 {background-image: url(../images/swatch20.gif); background-repeat: repeat-y; } .swatch21 {background-image: url(../images/swatch21.gif); background-repeat: repeat-y; } .swatch22 {background-image: url(../images/swatch22.gif); background-repeat: repeat-y; } .swatch23 {background-image: url(../images/swatch23.gif); background-repeat: repeat-y; } .swatch24 {background-image: url(../images/swatch24.gif); background-repeat: repeat-y; } .swatch25 {background-image: url(../images/swatch25.gif); background-repeat: repeat-y; } .swatch26 {background-image: url(../images/swatch26.gif); background-repeat: repeat-y; } .swatch27 {background-image: url(../images/swatch27.gif); background-repeat: repeat-y; } .swatch28 {background-image: url(../images/swatch28.gif); background-repeat: repeat-y; } .swatch29 {background-image: url(../images/swatch29.gif); background-repeat: repeat-y; } .swatch30 {background-image: url(../images/swatch30.gif); background-repeat: repeat-y; } .swatch31 {background-image: url(../images/swatch31.gif); background-repeat: repeat-y; } .swatch32 {background-image: url(../images/swatch32.gif); background-repeat: repeat-y; } .swatch33 {background-image: url(../images/swatch33.gif); background-repeat: repeat-y; } .swatch34 {background-image: url(../images/swatch34.gif); background-repeat: repeat-y; } .swatch35 {background-image: url(../images/swatch35.gif); background-repeat: repeat-y; } .swatch36 {background-image: url(../images/swatch36.gif); background-repeat: repeat-y; } .swatch37 {background-image: url(../images/swatch37.gif); background-repeat: repeat-y; } .swatch38 {background-image: url(../images/swatch38.gif); background-repeat: repeat-y; } .swatch39 {background-image: url(../images/swatch39.gif); background-repeat: repeat-y; } .swatch40 {background-image: url(../images/swatch40.gif); background-repeat: repeat-y; } .swatch41 {background-image: url(../images/swatch41.gif); background-repeat: repeat-y; } .swatch42 {background-image: url(../images/swatch42.gif); background-repeat: repeat-y; } .swatch43 {background-image: url(../images/swatch43.gif); background-repeat: repeat-y; } .swatch44 {background-image: url(../images/swatch44.gif); background-repeat: repeat-y; } .swatch45 {background-image: url(../images/swatch45.gif); background-repeat: repeat-y; } .swatch46 {background-image: url(../images/swatch46.gif); background-repeat: repeat-y; } .swatch47 {background-image: url(../images/swatch47.gif); background-repeat: repeat-y; } .swatch48 {background-image: url(../images/swatch48.gif); background-repeat: repeat-y; } .swatch49 {background-image: url(../images/swatch49.gif); background-repeat: repeat-y; } .swatch50 {background-image: url(../images/swatch50.gif); background-repeat: repeat-y; } .swatch51 {background-image: url(../images/swatch51.gif); background-repeat: repeat-y; } .swatch52 {background-image: url(../images/swatch52.gif); background-repeat: repeat-y; } .swatch53 {background-image: url(../images/swatch53.gif); background-repeat: repeat-y; } .swatch54 {background-image: url(../images/swatch54.gif); background-repeat: repeat-y; } .swatch55 {background-image: url(../images/swatch55.gif); background-repeat: repeat-y; } .swatch56 {background-image: url(../images/swatch56.gif); background-repeat: repeat-y; } .swatch57 {background-image: url(../images/swatch57.gif); background-repeat: repeat-y; } .swatch58 {background-image: url(../images/swatch58.gif); background-repeat: repeat-y; } .swatch59 {background-image: url(../images/swatch59.gif); background-repeat: repeat-y; } .swatch60 {background-image: url(../images/swatch60.gif); background-repeat: repeat-y; } .swatch61 {background-image: url(../images/swatch61.gif); background-repeat: repeat-y; } .swatch62 {background-image: url(../images/swatch62.gif); background-repeat: repeat-y; } .swatch63 {background-image: url(../images/swatch63.gif); background-repeat: repeat-y; } .swatch64 {background-image: url(../images/swatch64.gif); background-repeat: repeat-y; } .swatch65 {background-image: url(../images/swatch65.gif); background-repeat: repeat-y; } .swatch66 {background-image: url(../images/swatch66.gif); background-repeat: repeat-y; } .swatch67 {background-image: url(../images/swatch67.gif); background-repeat: repeat-y; } .swatch68 {background-image: url(../images/swatch68.gif); background-repeat: repeat-y; } .swatch69 {background-image: url(../images/swatch69.gif); background-repeat: repeat-y; } /* Custom Lists */ dl.yearlist dt { float: left; } dl.yearlist dt.year { width: 35px; } dl.yearlist dd { margin-left: 48px; }