/* CSS Document */ /* Default styles */ p,tr,td,th,body, html,h1,h2,h3,h4,h5,h6, fieldset, ul, ol, form, a {font-size: 100.01%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0;} a img,:link img,:visited img, area { border:none } img {display: block;} a {font-weight: bold} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:active {text-decoration: underline} a:hover {text-decoration: underline;} html body { padding: 25px 387px 0 387px; background: url(/images/home/body-bg.gif) top left} html slide body { padding: 50px 0px 0px 40px; background: url(/images/home/body-bg.gif) top left} #sizer {width: 50%; margin: 15px auto 0} *:first-child+html #sizer{margin-top:40px;} * html #sizer{margin-top:40px;} #wrapper {margin: 0 -387px 0 -387px; width: 919px;/*min-width: 775px*/} #topnav-bg {background: url(/images/sub/toprightnav-bg.gif) 0 161px no-repeat} #wrapperBorder {border: 9px solid white; background: url(/images/home/lcol-bg.gif) top left repeat-y #fff; margin: 0 auto; max-width: 900px; position:relative;} /* max width sets the max expansion width in non ie browsers */ #blankwrapperBorder {border: 9px solid white; background: white; margin: 0 auto; width: 650px} /* max width sets the max expansion width in non ie browsers */ /* Banner Styles */ #banner {background-position: 0 0; background-repeat: no-repeat; width: 100%; height: 156px; border-bottom: 5px solid white} #banner a {background: url(/images/sub/banner/logo.gif) top left no-repeat; display: block; height: 115px; width: 115px; text-decoration: none} .adults{background-image:url(/images/sub/banner/adults.jpg)} .africanmask {background-image:url(/images/sub/banner/africanmask.jpg)} .african_spirit { background-image:url(/images/sub/banner/africanspirit-08.jpg)} .ampaint_okeefe {background-image:url(/images/sub/banner/ampaint_okeefe.jpg)} .ampaint_robinson {background-image:url(/images/sub/banner/ampaint_robinson.jpg)} .ampaint_metcalf {background-image:url(/images/sub/banner/ampaint_metcalf.jpg)} .an_amcn {background-image:url(/images/sub/banner/anamerican_olmec.jpg)} .ar {background-image:url(/images/sub/banner/annualreport.jpg)} .archcolumns {background-image:url(/images/sub/banner/archcolumns.jpg)} .artblast {background-image:url(/images/sub/banner/artblast-08.jpg)} .artblast1 {background-image:url(/images/sub/banner/artblast1-08.jpg)} .artblast2 {background-image:url(/images/sub/banner/artblast2-08.jpg)} .artforallsign {background-image:url(/images/sub/banner/artforallsign.jpg)} .asia_jar {background-image:url(/images/sub/banner/asia_jar.jpg)} .audiotour {background-image:url(/images/sub/banner/audio-tour-banner.jpg)} .audiotour2 {background-image:url(/images/sub/banner/audio-tour-banner-alt.jpg)} .baker {background-image:url(/images/sub/banner/baker09.jpg)} .balt-ink {background-image:url(/images/sub/banner/balt-ink.jpg)} .bus {background-image:url(/images/sub/banner/bus.jpg)} .camp {background-image:url(/images/sub/banner/camp.jpg)} .cezanne-ff {background-image:url(/images/sub/banner/cezanne-ff.jpg)} .cezanne-project-apples {background-image:url(/images/sub/banner/Cezanne-project-apples.jpg)} .cezanne-project-apples2 {background-image:url(/images/sub/banner/Cezanne-project-apples2.jpg)} .cezanne-project-bathers {background-image:url(/images/sub/banner/Cezanne-project-bathers.jpg)} .cezanne-project-hartley {background-image:url(/images/sub/banner/Cezanne-project-hartley.jpg)} .cezanne-project-self {background-image:url(/images/sub/banner/Cezanne-project-self.jpg)} .cezanne-project-victoire {background-image:url(/images/sub/banner/Cezanne-project-victoire.jpg)} .cezanne-project-madame {background-image:url(/images/sub/banner/Cezanne-project-madame.jpg)} .cezanne-project-forest {background-image:url(/images/sub/banner/Cezanne-project-forest.jpg)} .circus-programs {background-image:url(/images/sub/banner/circus-programs.jpg)} .circus {background-image:url(/images/sub/banner/circus.jpg)} .circus-tickets {background-image:url(/images/sub/banner/circus-tickets.jpg)} .clock1 {background-image:url(/images/sub/banner/clock1.jpg)} .column{background-image:url(/images/sub/banner/column.jpg)} .cont_elliasson {background-image:url(/images/sub/banner/cont_elliasson.jpg)} .cont_gallery {background-image:url(/images/sub/banner/cont_gallery.jpg)} .cont_gallery2 {background-image:url(/images/sub/banner/cont_gallery2.jpg)} .cont_pollock {background-image:url(/images/sub/banner/cont_pollock.jpg)} .cont_rabbit {background-image:url(/images/sub/banner/cont_rabbit.jpg)} .cont_stella {background-image:url(/images/sub/banner/cont_stella.jpg)} .cont_baby{background-image:url(/images/sub/banner/cont_baby.jpg)} .contact {background-image:url(../images/sub/banner/contact.jpg)} .dance {background-image:url(/images/sub/banner/dance.jpg)} .decarts_brer {background-image:url(/images/sub/banner/decarts_brer.jpg)} .decarts_wallhang {background-image:url(/images/sub/banner/decarts_wallhang.jpg)} .degasdancer {background-image:url(/images/sub/banner/degasdancer.jpg)} .dinegarden {background-image:url(/images/sub/banner/dinegarden.jpg)} .director {background-image:url(/images/sub/banner/directors-welcome.jpg)} .euro_rinaldo {background-image:url(/images/sub/banner/euro_rinaldo.jpg)} .ext_lion {background-image:url(/images/sub/banner/ext_lion.jpg)} .ext_liontwo {background-image:url(/images/sub/banner/extliontwo.jpg)} .ext_panoramic {background-image:url(/images/sub/banner/ext_panoramic.jpg)} .ext_glassblocks {background-image:url(/images/sub/banner/ext_glassblocks.jpg)} .ext_glassblocks2 {background-image:url(/images/sub/banner/ext_glassblocks2.jpg)} .friends {background-image:url(/images/sub/banner/friends.jpg)} .fw {background-image:url(/images/sub/banner/fw.jpg)} .fw2 {background-image:url(/images/sub/banner/fw2.jpg)} .fw3 {background-image:url(/images/sub/banner/fw3.jpg)} .gallery_cone {background-image:url(/images/sub/banner/gallery_cone.jpg)} .gallery_cont {background-image:url(/images/sub/banner/gallery_cont.jpg)} .gallery_cont2 {background-image:url(/images/sub/banner/gallery_cont2.jpg)} .gallery_jacobs {background-image:url(/images/sub/banner/gallery_jacobs.jpg)} .gallery1 {background-image:url(/images/sub/banner/gallery1.jpg)} .galleryblue {background-image:url(/images/sub/banner/galleryblue.jpg)} .gaughin {background-image:url(/images/sub/banner/gaughin.jpg)} .gertrudes {background-image:url(/images/sub/banner/gertrudes.jpg)} .getting_here {background-image:url(../images/sub/banner/getting-here.jpg)} .give {background-image:url(../images/sub/banner/give.jpg)} .interact {background-image:url(/images/sub/banner/interact-index.jpg)} .interact2 {background-image:url(/images/sub/banner/interact-index2.jpg)} .interior_foxcourt {background-image:url(/images/sub/banner/interior_foxcourt.jpg)} .interior_glasspanes {background-image:url(/images/sub/banner/interior_glasspanes.jpg)} .interior_balcony {background-image:url(/images/sub/banner/interior_balcony.jpg)} .jazz {background-image:url(../images/sub/banner/jazz.jpg)} .kidsgarden {background-image:url(/images/sub/banner/kidsgarden.jpg)} .kids_paint {background-image:url(/images/sub/banner/kids_paint.jpg)} .late_night {background-image:url(/images/sub/banner/late-night.jpg)} .lights {background-image:url(/images/sub/banner/lights.jpg)} .looking {background-image:url(/images/sub/banner/looking-lens.jpg)} .looking-dpp {background-image:url(/images/sub/banner/looking-dpp.jpg)} .matisse {background-image:url(/images/sub/banner/matisse.jpg)} a.matisse {background-image: none;} .matisse2 {background-image:url(/images/sub/banner/matisse2.jpg)} .matisse-prints {background-image:url(/images/sub/banner/matisse-printmaker-gallery.jpg)} .media {background-image:url(/images/sub/banner/media.jpg)} .members-epostcard {background-image:url(/images/sub/banner/membunique.jpg)} .mosaic {background-image:url(/images/sub/banner/mosaic.jpg)} .modern_matisse {background-image:url(/images/sub/banner/modern_matisse.jpg)} .native_amcn {background-image:url(/images/sub/banner/native-amcn_tlingit.jpg)} .pacific {background-image:url(../images/sub/banner/pacific-islands.jpg)} .pissarro {background-image:url(/images/sub/banner/pissarro.jpg)} .poe {background-image:url(/images/sub/banner/poe.jpg)} .poe-programs {background-image:url(/images/sub/banner/poe-programs.jpg)} .prints_toulouse {background-image:url(/images/sub/banner/prints_toulouse.jpg)} .printfair {background-image:url(/images/sub/banner/printfair.jpg)} .printfair2 {background-image:url(/images/sub/banner/printfair2.jpg)} .rights {background-image:url(../images/sub/banner/rights.jpg)} .romance {background-image:url(../images/sub/banner/romance.jpg)} .sculp_garden {background-image:url(/images/sub/banner/sculp_gardens.jpg)} .sculp_redhat {background-image:url(/images/sub/banner/sculp_redhat.jpg)} .sculp_kidsplay {background-image:url(/images/sub/banner/sculp_kidsplay.jpg)} .sculp_talking2 {background-image:url(/images/sub/banner/sculp_talking2.jpg)} .sculp_talking {background-image:url(/images/sub/banner/sculp_talking.jpg)} .sculp_momdaughter {background-image:url(/images/sub/banner/sculp_momdaughter.jpg)} .shop {background-image:url(/images/sub/banner/shop.jpg)} .sondheim {background-image:url(/images/sub/banner/sondheim.jpg)} .sondheim2 {background-image:url(/images/sub/banner/sondheim2.jpg)} .soundoff {background-image:url(/images/sub/banner/so.jpg)} .special_ev {background-image:url(/images/sub/banner/spec-ev-afr-1.jpg)} .spence {background-image:url(/images/sub/banner/spence.jpg)} .splitgallery1 {background-image:url(/images/sub/banner/splitgallery1.jpg)} .splitgallery2 {background-image:url(/images/sub/banner/splitgallery2.jpg)} .studentthinker {background-image:url(/images/sub/banner/studentthinker.jpg)} .teacherstudent {background-image:url(/images/sub/banner/teacherstudent.jpg)} .thinkerwindows {background-image:url(/images/sub/banner/thinkerwindows.jpg)} .thinkerwindows2 {background-image:url(/images/sub/banner/thinkerwindows2.jpg)} .timepiece {background-image:url(/images/sub/banner/timepiece.jpg)} .tour {background-image:url(/images/sub/banner/tour.jpg)} .violins {background-image:url(/images/sub/banner/violins.jpg)} .volunteer {background-image:url(/images/sub/banner/volunteer.jpg)} .woodsculpture {background-image:url(/images/sub/banner/woodsculpture.jpg)} .yoga {background-image:url(/images/sub/banner/yoga.jpg)} #maincontainer {clear: both} #blankcontainer {width: 650px; clear: both} #contentwrapper{ float: left; width: 100%; margin-right: 0;} #contentcolumn{ margin-right: 50px; } #rightcolumn{ float: left; width: 155px; /*Width of right column in pixels*/ margin-left: -155px; /*Set left margin to -(RightColumnWidth) */ background: #fff;} .ccol-bg-bottom {background: url(/images/sub/column-div-bottom.gif) 100% 100% no-repeat } .sectionHeader {padding: 2px 0 8px 0} .centerContent {margin: 26px 0 0 18px;} .rContent {margin: 26px 0 0 10px;} .rContent ul li {list-style: none; font-size: 125%; font-weight: bold; color: #60584D; line-height: 100%} .rContent ul li a {font-weight: bold;} /* subnav color schemes */ .visColor a {color: #6099d7} .exhColor a {color: #a9a9d4} .colColor a {color: #ffb648} .calColor a {color: #f2bf27} .aboColor a {color: #abbb64} .othColor a {color: #71a4db} #rSubNav {margin-bottom: 25px} #rSubNav li {margin-bottom: 10px;} #rRelatedLinks a {color: #5FA0B6 } .relatedLinksHead {margin-left: -2px; margin-bottom: 15px;} #rRelatedLinks li {margin-bottom: 7px; background: url(/images/sub/icons/relatedlinks-arrow.gif) 0 2px no-repeat #fff; padding-left: 18px;} #contentcolumn p {margin-right: 5%; width: auto; line-height: 159%; font-size: 125%; margin-bottom: 20px;} #contentcolumn h1 {font-size: 150%; color: #333; font-weight: bold; margin-bottom: 20px;} #contentcolumn h2 {font-size: 137%; font-weight: bold; color: #58534C; line-height: 126%; margin-bottom: 18px; margin-top: 35px;} #sizer #wrapper .headTop {margin-top: 25px} #contentcolumn h3 {font-size: 126%; font-weight: bold; color: #58534C; line-height: 126%; margin-bottom: 22px;} #contentcolumn h4 {font-size: 126%; font-weight: bold; color: #000000; line-height: 159%; margin-bottom: 0;} #contentcolumn h6 {margin-bottom: 10px;font-weight: normal; font-size: 105%; margin-right: 5%} .contentDivide {background: url(/images/sub/content-divider.gif) bottom left repeat-x; margin-bottom: 22px;} .contentDivide2 {margin-bottom: 22px;} .contentDivide3 {background: url(/images/sub/content-divider3.gif) bottom left repeat-x; } #contentcolumn table {font-size: 125.01%; margin-bottom: 20px;} #contentcolumn td {padding: 6px;} #siteMap li a {display: block; color: black; padding: 6px} #siteMap li li a {display: block; color: black; padding: 3px;} #contentcolumn #siteMap ul {margin: 0; padding: 0;} #contentcolumn #siteMap li {font-weight: bold; line-height: 159%; width: 70%; list-style: none; background: #efebe7; padding: 8px;} #contentcolumn #siteMap li li {background-color: #FFFFFF; border: 0; width: auto; padding: 2px} #contentcolumn #siteMap li li li {background-color: #FFFFFF; border: 0; width: auto; padding: 2px} #contentcolumn #siteMap li li a {color: black} #contentcolumn #siteMap li li {font-weight: normal; font-size: 90%;} #contentcolumn ul {font-size: 125.01%; margin-left: 5px; color: #000000} #contentcolumn ul ul {font-size: 100.01%;} #contentcolumn li {list-style: outside disc; margin-left: 10px; padding-left: 1px; margin-bottom: 7px} .innertube{ margin: 0 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/ } .centerContent { margin-right: 110px; background: url(/images/sub/columndivide.gif) 100% 0% no-repeat ;} .blankContent {width: 650px;} .centerContent a {color: #6099D7 } #columnWrapper {background: url(/images/sub/toprightnav-bg.gif) 0 0 repeat-x;} #wrap {} #wrap:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;} /* Left Column */ #left {float: left; width: 143px;} #nav ul {padding-top: 11px; padding-bottom: 36px; background-color: #333; list-style: none; } #nav ul li {list-style: none;} #nav ul li a {display: block;} /* Left Column - slide */ #nav ul {padding-top: 11px; padding-bottom: 36px; background-color: #333; list-style: none; } #nav ul li {list-style: none;} #nav ul li a {display: block;} /* Search box */ #search img {margin-top: 15px;} .searchBar {border: 1px solid #ddd; font-size: 65%; margin: 8px 0 0 15px; width: 94px; float: left;} .searchBtn {margin-left: 7px; height: 13px; width: 15px; padding-top: 9px; display: block; float: left; } #searchNew{position:absolute; right:0; top:-45px} #searchNew input.searchBar {color:#474441; background:url(/images/search/search-box.png) no-repeat 0 0;border:medium none;font-weight:bold;height:14px;padding-bottom:4px;width:150px; padding-left:5px;} #searchNew .magnifyGlass{background:url(/images/search/magnify.png) no-repeat 0 0; width:20px; height:18px; float:left; margin-top:8px} #searchNew .searchBtn {margin-left: 0px; height:auto; width: auto; padding-top: 0px; display: inline; float: none; margin-top:8px; } *:first-child+html #searchNew {top:-43px;} *:first-child+html #searchNew input.searchBar{margin-right:-1px;} * html #searchNew{ width:215px;} * html #searchNew input.searchBar{margin-right:-4px;} * html #searchNew .magnifyGlass{background:url(/images/search/magnifyIE6.png) no-repeat 0 0; width:22px; height:17px; } /* Right content area of page */ #right { float: left; width: 82%; margin-right: -155px; font-size: 60%; } /* flyout containing div */ #top {border-left: 6px solid white;} #top ul li {list-style: none; float: left; } #mainNav {} #mainNav li {border-right: 3px solid white; width: 80px;} #mainNav li li {margin-right: 0;} #subNav {float: left; padding-left: 2px;} #clear { clear: both; height: 0; font-size: 1px} #thirdNav {font-size: 125%; margin: 0 0 25px 0} #wrapper #thirdNav li {background: url(/images/sub/icons/relatedlinks-arrow.gif) 0 2px no-repeat; list-style: none; padding: 0 0 0 18px;line-height: 100%; margin: 0 0 7px 0} #thirdNav a {font-weight: bold; } /* Area with dark background near bottom */ #info {background: #474441; clear: both; font-size: 65%; color: #BFBEBD ; line-height: 169%; padding: 20px 0 30px 14px} #info ul li {display: inline; list-style: none; margin-left: 1px;} #info .first {margin-left: 0} #info ul li a {color: #D1D0CF;font-weight: bold;} #info p {clear: left;} #blankinfo {background: #474441; clear: both; font-size: 55%; color: #BFBEBD ; line-height: 143%; padding: 12px 0 12px 14px} #blankinfo ul li {display: inline; list-style: none; margin-left: 1px;} #blankinfo .first {margin-left: 0} #blankinfo ul li a {color: #D1D0CF;font-weight: bold;} #blankinfo p {clear: left;} /* back to top link */ #backToTop {clear: both; margin: 0 0 15px 161px; } #backToTop a {display: block; padding-left: 25px; color: #8B8987; background: url(/images/sub/icons/backtotop-arrow.gif) 0 2px no-repeat; font-weight: bold; font-size: 70%;} .backToTop a { padding-left: 25px; height: 20px; display: block; color: #8B8987; background: url(/images/sub/icons/backtotop-arrow.gif) 0 2px no-repeat; font-weight: bold; } .backToTop {margin: 0 0 15px 0; height: 21px; font-size: 120% } /* area over textured background at bottom */ #footer {margin: 0 auto; color: #E8DFD5; font-size: 65%; padding: 18px 0 27px 25px} #footer a { font-weight: bold; color: #bcb5ab;} /* Calendar Grey Boxes */ .calendarItem {background-color: #eceae7; width: 90%; padding: 8px; font-size: 126%; line-height: 159%; margin-bottom: 10px;} .calendarItem div {margin-bottom: 5px;} .calendarSelect {margin-bottom: 18px; } /* Calendar Orange Boxes */ .calendarItem2 {background-color: #ffe79e; width: 90%; padding: 8px; font-size: 126%; line-height: 159%; margin-bottom: 10px;} .calendarItem2 div {margin-bottom: 5px;} .calendarSelect {margin-bottom: 18px; } /* Timeline Boxes yellow */ .timelineItem {background-color: #ece2a0; width: 90%; padding: 8px; font-size: 126%; line-height: 159%; margin-bottom: 10px;} .timelineItem div {margin-bottom: 10px; padding: 3px 0px 0px 0px;} .timelineSelect {margin-bottom: 18px;} /* Timeline Boxes blue */ .timelineItem2 {background-color: #bfe2e9; width: 90%; padding: 8px; font-size: 126%; line-height: 159%; margin-bottom: 10px;} .timelineItem2 div {margin-bottom: 10px; padding: 3px 0px 0px 0px;} .timelineSelect {margin-bottom: 18px;} /* Timeline Boxes grey */ .timelineItem3 {background-color: #d1cea7; width: 90%; padding: 8px; font-size: 126%; line-height: 159%; margin-bottom: 10px;} .timelineItem3 div {margin-bottom: 5px; padding: 3px 0px 0px 0px;} .timelineSelect {margin-bottom: 18px;} /* Inline Pic + Caption Box */ .inlinePic {float: left; height: auto; width: 230px; margin: 0 13px 5px 0; padding: 0;} .inlinePic img {display: block; margin-bottom: 5px; float: left;} .inlinePic div {display: block; margin-bottom: 5px; font-style:italic} /* Inline Pic wide + Caption Box */ .inlinePicW {float: left; height: auto; width: 300px; margin: 0 13px 10px 0; padding: 0;} .inlinePicW img {display: block; margin-bottom: 5px; float: left;} .inlinePicW div {display: block; margin-bottom: 5px; font-style:italic} /* Inline Frame for xspf player */ .inlineFrame {float: left; height: auto; width: 550px; margin: 0 50px 5px 0; padding: 0;} .inlineFrame img {display: block; margin-bottom: 5px; float: left;} .inlineFrame div {display: block; margin-bottom: 5px; font-style:italic} /* Inline Frame for single mp3 player */ .inlinesingleFrame {float: left; height: auto; width: 400px; margin: 2px 20px 10px 0px; padding: 0;} .inlinesingleFrame object {float: left; display: block; } .inlinesingleFrame div {display: block; margin-bottom: 10px; margin-top: 2px; font-style:italic} /* Index Pic + Caption Box (for Index pages) */ .indexPic {float: left; height: auto; width: 120px; margin: 0 13px 5px 0; padding: 0;} .indexPic img {display: block; margin-bottom: 5px; float: left} .indexPic div {display: block; margin-bottom: 5px; font-style:italic} /* Index icon */ .indexIcon {float: left; height: auto; width: 75px; margin: 0 10px 5px 0; padding: 0;} .indexIcon img {display: block; margin-bottom: 0px; float: left} /* Flickr Pic + Caption Box (for vertical Flickr badge) */ .FlickrPic {float: left; height: auto; width: 150px; margin: 0 0px 0px 0; padding: 0;} .FlickrPic img {display: block; margin-bottom: 0px; float: left} .FlickrPic div {display: block; margin-bottom: 0px; font-style:italic} /* YouTube video + Caption Box (for small YouTube embed) */ .YouTube {float: left; height: auto; width: 230px; margin: 0 13px 10px 0; padding: 0;} .YouTube img {display: block; margin-bottom: 5px; float: left} .YouTube div {display: block; margin-bottom: 5px; font-style:italic} /* Inline Pic Bank of America */ .indexPicBank {float: left; height: auto; width: 120px; margin: 0 23px 2px 0; padding: 0;} .indexPicBank img {display: block; margin-bottom: 5px; float: left} .indexPicBank div {display: block; margin-bottom: 5px; font-style:italic} /* Credit Pic + Caption Box at bottom */ .creditPic {float: left; height: auto; width: 335px; margin: 26px 13px 20px 0; padding: 0} .creditPic img {display: block; margin-bottom: 5px; margin-top: 26px; float: left} .creditPic div {display: block; margin-bottom: 5px; margin-left: 140px; margin-top: 26px; font-style: italic} /* Credit Pic + Caption Box at bottom (After rule ONLY) */ .creditPicAlt {float: left; height: auto; width: 335px; margin: 0px 13px 20px 0; padding: 0} .creditPicAlt img {display: block; margin-bottom: 5px; margin-top: 0px; float: left} .creditPicAlt div {display: block; margin-bottom: 5px; margin-left: 140px; font-style: italic}