/* begin reset */ *{margin: 0;padding: 0;outline: none;font-size:16px} } p {line-height: 170%;font-size:0.75em;} p strong, p em, p i, p b, a em{font-size:12px} ul ul li{font-size: 100%;} h1{font-size: 165%;letter-spacing: .0625em;} h2{font-size: 125%;letter-spacing: .0625em;} h3{font-size: 105%;font-weight: bold;line-height: 130%;margin: 0;} h4{font-size: 100%;font-weight: bold;} img{border: 0;} /*end reset*/ .border {border:1px solid #fff} .clear-both{clear: both} .float-left, .float_left {float:left} .display-none, .display_none {display:none} .display-block, .display_block {display:block} #bottom li { list-style: none} .noUnderline {; text-decoration: none} .pointer {cursor:pointer} h1, h2, h3 {font-family:Georgia, serif } header, footer, article, section, nav, menu, hgroup {display: block} .nowOpen {color:#f30;font:bold 9px helvetica} #myGallery, #myGallerySet, #flickrGallery {border:0 solid #000000;clear:both;height:30.125em;overflow:hidden;width:37.5em;z-index:5;} #myGallery ul {padding:0px 0px;} #main-nav{position: absolute;z-index: 9999;left: 0;top: 5em;width: 61.25em;height: 1.55em;padding: 0;background-color: #727E83;} /*********************************************/ /* reDesign styles */ /*********************************************/ /*********************************************/ /* ------------sitewide--------------- */ /*********************************************/ body {font-family: Verdana, Arial, sans-serif;background-color: #030200;font-size: 100%;margin-left: 0px;text-align: center} body.sitewideBgImg {font-family: Verdana, Arial, sans-serif;background-color: #030200;font-size: 100%;margin-left: 0px;text-align: center} #main dt a,#main dt a:link,#main dt a:visited, #bottom, #bottom h6, #footer-nav ul li a, #footer-top p, #sub-nav h1, #sub-nav li a:link, #sub-nav li a:visited, .breadcrumbCarrot, #bread-crumb-box li a:link, #bread-crumb-box li a:visited {color: #D2BD9E} p {line-height: 170%;font-size:0.75em} a, #bottom h1, #bottom h2, #bottom h3, #bottom h4,#bottom h5, #bottom h6, #content h1, #content h2, #content h3 {color: #b5742e;font-size:.85em} a, a:link { font-size: 1em;} a:hover, .hl-content a:hover {color:#999} a[href$=".pdf"] {background:transparent url(/images/icons/icon_pdf.gif) no-repeat scroll right center;padding:7px 20px 5px 0px; margin:0px 0px 0px 0px} /*a[href$=".pdf"] {background:transparent url(/images/icons/icon_pdf.gif) no-repeat scroll right center;padding:25px 20px 5px 0;margin:0px 0px 0px 0px}*/ a[href$=".doc"], a[href$=".rtf"] {background:transparent url(/images/icons/icon_doc.gif) no-repeat scroll right center;padding:7px 20px 5px 0} /*a[href$=".doc"], a[href$=".rtf"] {background:transparent url(/images/icons/icon_doc.gif) no-repeat scroll right center;padding:25px 20px 5px 0;}*/ a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { padding: 5px 20px 5px 0;background: transparent url(icons/icon_pic.gif) no-repeat center right} .cancelled{color: red;text-transform: uppercase} .line-through{text-decoration: line-through;font-size:0.731em} .image-caption, .image-credit {font-size: 9px;font-style: normal;color: #333;text-align: left;margin-top: 4px;margin-right: 10px;} .image-caption {/*white-space:nowrap*/line-height:120%;margin:0 0 5px 0} .image-caption .title{font:bold italic;} .image-credit {text-align:right;float:right;position:relative; top:-25px;left:59px;color:#fff;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6)} .display-none{display: none;} .visibility-hidden{visibility: hidden;} #sub-nav li a:hover {color:#fff} /* begin stretchy background img*/ #supersize {position: fixed; z-index:-10} #supersize img { position:absolute;height:100%; width:100%; z-index:-1} /* end stretchy background img*/ #branding {position: absolute;left: 1.125em;top: .875em;width: 8.625em;height:5.3125em;border: 0;background: url(../images/top-logo.gif) no-repeat top left;} #branding a {display: block;width:8.625em;height:5.3125em;font-size:1em;} /*Commented out siteiwde bgImg to test stretchy bgImg*/ /*body.sitewideBgImg #container {background:#000 url('/images/background.jpg') repeat-y left top;}*/ #container{position: relative;width: 60em;min-height: 23.4375em;height: auto !important;height: 23.4375em;margin: 0px auto;text-align: left;border: solid 0px white;} #main {z-index: 1;position: relative;clear: both;width:60em; margin:27px auto 0px auto;height:auto} #top {z-index: 10;position: relative;padding: 0;margin: 0px auto;width:60em;min-height: 6.5625em;height: auto !important;height: 105px} #content {width:41.875em;float:right;clear:none;border-right:0;padding:0px 0px 20px 0px;margin:0px 20px 0px 0px} #content p, #content h2, #content h3, #content h4{padding: 5px 10px 5px 40px} #content .content-box li {margin-bottom:5px;font-size:.75em} #content h1 {line-height:165%;margin: 0 0 1em .5em;color:#a9704a;margin-left:40px;font-size:140%; letter-spacing:0.05em} #content h2.occurence {padding:0 0 0 40px;} #sub-nav {float:left;width:14.375em;min-height:29em; margin:1.5em 0 1.25em .625em;position:relative} /*#sub-nav {float:left;width:14.375em;min-height:29em;background: url('/images/sidenavBg.png') repeat-y;margin:1.5em 0 1.25em .625em;}*/ #sub-nav ul {position: relative;} /*#bottom {clear: both; min-height: 800px; height: auto; background:#333 url('/images/footerBg.jpg') repeat-y center top; width: 60em; margin:0px auto; text-align:left}*/ /*#bottom {clear: both; min-height: 800px; height: auto; background: url('/images/sidenavBg.png') repeat center top;-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6; width: 60em; margin:0px auto; text-align:left}*/ #bottom {clear: both; min-height: 800px; height: auto;/* background: #000;-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;*/ width: 60em; margin:0px auto; text-align:left} /*.sitewideBgImg #bottom {clear: both; min-height: 800px; height: auto;background: url('/images/sidenavBg.png') repeat center top;-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6; width: 58.8em; margin:0px auto; text-align:left}*/ /*.sitewideBgImg #bottom {clear: both; min-height: 800px; height: auto;background: #000; width: 58.8em; margin:0px auto; text-align:left}*/ .sitewideBgImg #bottom {clear: both; min-height: 800px; height: auto; width: 58.8em; margin:0px auto; text-align:left} /*#bottom #footer-top {height:28px; background:#000; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6}*/ #bottom #footer-top {height:28px; background:#111; filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;-khtml-opacity: 1.0 !important; opacity: 1.0 !important;z-index: 1000;} /*.sitewideBgImg #bottom #footer-top {height:28px;position:relative;left:0px;width:100%; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6 url('/images/sidenavBg.png') repeat scroll 0 0; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6}*/ #bottom #footer-top p {} #footer-nav {} /* ------------------------------------------------------ Commented out to test stretchy bgImg ------------------------------------------------------ */ /*.borderShadow { -moz-box-shadow: -1px -2px 4px #392717; -webkit-box-shadow: -1px -2px 4px #392717; box-shadow: -1px -2px 4px #392717} .borderShadow { -moz-box-shadow: -1px -2px 4px #50281C; -webkit-box-shadow: -1px -2px 4px #50281C; box-shadow: -1px -2px 4px #50281C}*/ #topNavSearchWrapper {border:0 none !important;color:#D2BD9E;font-size:0.7125em;outline:medium none;text-decoration:none;float:right;position:relative;top:-44px;right:24px} #topNavSearchWrapper a {color:#D2BD9E;text-decoration:none} #topNavSearchBox.homepage {background:none repeat scroll 0 0 #111111;} #topNavSearchBox {float:left;margin:0 0 0 -74px;} #topNavSearchBox input {float:left;margin:3px 0px 0px 20px} #topNavSearchBox {position:relative;float:left;/*background:url('/images/sidenavBg.png') repeat scroll 0 0 transparent;*/color:#CC9999;float:right;height:2.1875em;list-style:none outside none;margin:-23px -40px 0px 0px;padding:0px 0px;-moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius: 8px;-moz-border-radius-bottomright :8px;-webkit-border-bottom-right-radius: 8px;border-bottom-right-radius :8px;} #search-submit {vertical-align:center;font-size:9px;height:18px;float:right;margin:8px 10px 8px 13px; width:57px} #topNavShop {width:9em} .button {outline:none;background: url('/images/buttonBg.gif') 0 0 repeat-x;-moz-box-shadow: 0 -5px 12px rgba(0, 0, 0, 0.2) inset, 0 1px 0px #fff inset, 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow:0 -5px 12px rgba(0, 0, 0, 0.2) inset, 0 1px 0px #fff inset, 0 1px rgba(255, 255, 255, 0.2); box-shadow:0 -5px 12px rgba(0, 0, 0, 0.2) inset, 0 1px 0px #fff inset, 0 1px rgba(255, 255, 255, 0.2);-moz-border-radius: 8px; -webkit-border-radius: 8px;border-radius: 8px;border:0px;color:#fff;padding:2px} .button:hover {outline:none;cursor:pointer;color:#1E1C18; /*-moz-box-shadow: 0 -5px 12px rgba(0, 0, 0, 0.4) inset, 0 1px 3px #595959 inset, 0 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: -3px 5px 10px #595959; box-shadow: -3px 5px 10px #595959*/} .button:active {outline:none;cursor:pointer;color:#fff; -moz-box-shadow: 0 -5px 12px rgba(0, 0, 0, 0.4) inset, 0 1px 3px #595959 inset, 0 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: -3px 5px 10px #595959; box-shadow: -3px 5px 10px #595959} .button#enews-subscribe {font-size:11px;width:117px;outline:none;background: url('/images/buttonBg.gif') 0 0 repeat-x;-moz-box-shadow: 0 -5px -1px #fff inset, 0 1px 0px #fff inset, 0 1px rgba(255, 255, 255, 0.2); -moz-border-radius: 8px; -webkit-border-radius: 8px;border-radius: 8px;border:0px;color:#fff;padding:2px} .button#enews-subscribe a{color:#fff;} #enews-subscribe:hover {cursor:pointer;color:#000} .flickrBtn {float:left;display:inline;font-size:12px;padding:0px 5px;height:20px} .blipBtn, .itunesUbtn {display:inline-block;font-size:12px;padding:0px 5px;height:20px} /* .flickrBtn span {float:left;display:inline;min-width:150px;font-size:12px}*/ .playArrow {float:left;margin-top:4px !important} .slideshowHover {} /* *************** */ /* Video Icons */ /* *************** */ .videoIcon {position:absolute;background: url(/images/play-icon.png) no-repeat ;background-position:10px 0px; width:160px; height:150px; top:0px;left:0px;display:block;padding:0px 0px;margin:0px 0px;} /*icon rollover*/ .videoIcon:hover {position:absolute;background: url(/images/play-icon.png) no-repeat ;background-position:10px -105px; width:160px; height:150px; top:0px;left:0px;display:block;padding:0px 0px;margin:0px 0px;} /* *************** */ /* Slideshow Icons */ /* *************** */ .slideshowIcon {position:relative;background: url(/images/slideshow_icon.png) no-repeat ;background-position:10px 0px; width:58px; height:50px; /*top:-87px;*/top:30px;left:15px;display:block;padding:0px 0px;margin:0px 0px;} /*icon rollover*/ .slideshowIcon:hover {position:relative;background: url(/images/slideshow_icon.png) no-repeat ;background-position:10px -50px; width:58px; height:50px; top:31px;/*top:-87px;*/left15px;display:block;padding:0px 0px;margin:0px 0px;} /*ie7*/ .ie7slideshowIcon {position:relative;background: url(/images/slideshow_icon.png) no-repeat ;background-position:10px 0px; width:58px; height:50px; top:30px;left:15px;display:block;padding:0px 0px;margin:0px 0px;left:20px} .ie7slideshowIcon:hover {position:relative;background: url(/images/slideshow_icon.png) no-repeat ;background-position:10px -50px; width:58px; height:50px; top:31px;left15px;display:block;padding:0px 0px;margin:0px 0px;left:20px} /*img[src$="_installation_slideshow.jpg"]:hover {border:1px solid #000;padding:0px;margin:0px}*/ #pageAnchors{color:#A3905F;font-size:.65em; word-wrap:normal; width:585px} .anchorSlash {color:#A3905F;font-size:.65em;} #content .wide-content-left img, #content .narrow-content-left img {padding:0px 0px; margin:0px 10px 0px 0px} /*********************************************/ /* homepage.php */ /*********************************************/ #hp_splash {margin-top:-2px; z-index:-99} #hp_promo {width: 461px; position: absolute;top:364px; height:216px;left:498px;} .promo_hover {cursor:pointer;border: 1px solid #B3722C;background:#fff;-moz-opacity:0.1;-khtml-opacity: 0.1; opacity: 0.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";} #hp-contents {height:39.875em;margin:-106px auto 0px auto;width:60em;} #hp-highlights-wrapper {margin:9.5625em 0px 0px .625em;width:12.6875em;top:0;z-index:100;color:#fff;position:absolute;left:0.8125em} .hp-highlight {;width:12.5em;display:inline} .hl-hdr, .hl-subhdr, .hl-content {width:200px;height:auto} .hl-hdr {font:14px verdana;color:#B3722C;margin-bottom:3px;padding:0px;text-align:left} .hl-hdr a {text-decoration:none} .hl-subhdr {font:.625em verdana;color:#9F9F92;padding-bottom:6px;margin-bottom:12px;border-bottom:1px solid #9f9f92} .hl-content {text-align:left;float:left;display:inline} .hl-content a {font:.6875em verdana; color:#D2BD9E; padding:0px;text-decoration:none} .hl-padding {margin-bottom:48px} /*********************************************/ /* visit_us.php */ /*********************************************/ #bottom .ftr_hdr {font:bold 14px verdana} #bottom li {font-size:.75em;margin-bottom:2px} #bottom #googlemap_thmb {margin:15px 0px;} #bottom #visitus div#leftCol {width:243px;margin:0px 80px 0px 27px} #bottom #visitus div#middleCol {width:243px;margin:0px 80px 0px 0px} #bottom #visitus div#rightCol {width:243px; margin:0px 0px 0px 0px} #bottom ul {margin-top:0px} #bottom ul a {color: #b5742e;font-size:11.7px} #bottom span.hdr_pad {display:block;margin-bottom:18px} /* begin social media sprites */ #bottom ul#subscribe_list {margin-top:0px !important} #social_icons, #subscribe_list {width:204px;height:76px;} #social_icons ul li {float:left; margin:0px 5px 5px 0px} #social_icons ul li a {text-decoration:none;padding:0px; margin:0px;background: url('/images/social_icons2.png') 0 0 no-repeat;float:left;} #social_icons ul li#fb, #social_icons ul li#fb a {width:33px; height:33px;background-position:0px 0px} #social_icons ul li#twtr, #social_icons ul li#twtr a{width:33px; height:33px;background-position:-43px 0px} #social_icons li#flkr, #social_icons li#flkr a {width:33px; height:33px;background-position:-86px 0px} #social_icons li#itu, #social_icons li#itu a {width:65px; height:33px;background-position:-127px 0px} #social_icons li#yt , #social_icons li#yt a{width:33px; height:33px;background-position:0px -43px} #social_icons li#bliptv, #social_icons li#bliptv a {width:33px; height:33px;background-position:-42px -42px} #social_icons li#artb, #social_icons li#artb a {width:50px; height:33px;background-position:-83px -43px} #social_icons li#tumblr, #social_icons li#tumblr a {width:67px; height:33px;background-position:-137px -43px} /* end social media sprites */ #sideMenuLabel{width:12.5em;padding:0px 0px .125em .5em} .content-box {float:left;width:100%;border-bottom:4px solid #fff;padding:20px 0px;background-color:#fff;/*min-height:423px*/} .exhibition_content .content-box {float:left;width:100%;border-bottom:4px solid #fff;padding:20px 0px;background-color:#fff;min-height:223px} /*#visitus {margin:0 auto;position:relative;text-align:left;width:60em;padding:22px 0px 0px 0px; background:#000; -moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6}*/ #visitus {margin:0 auto;position:relative;text-align:left;width:60em;padding:22px 0px 0px 0px} .sitewideBgImg #visitus {margin:0 auto;position:relative;text-align:left;width:58.8em;padding:22px 0px 0px 0px;} a.enews {text-decoration:none} #enewsWrapper {width:58.8em;height:810px;text-align:center;background:#fff} /*********************************************/ /* page_header.php */ /*********************************************/ #global-nav, #globalTopNav {/*position: absolute;*/float: right;top: 0px;right: 0px;width: 42em;height: 1.75em;color: #c99;} #global-nav {margin-right:1.25em;position: relative;} .sitewideBgImg #global-nav {margin-right:1.25em;} /*#global-nav ul{float: right;color: #c99;height:2.1875em;list-style: none;margin-top: 0;padding: 0;background: url('/images/sidenavBg.png') repeat;}*/ #global-nav ul{float: right;color: #c99;height:2.1875em;list-style: none;margin-top: 0;padding: 0} #global-nav ul li ul{margin-top: -1px} /* homepage topNav changes nav color to #111, removing the tansparent image*/ #global-nav ul.homepage {float: right;color: #c99;height:2.1875em;list-style: none;margin-top: 0;padding: 0;/*background:#111*/} #global-nav li{display: inline;padding: 0;padding-right: 0px;} #global-nav li a{color: #D2BD9E;text-decoration: none;outline: none;font-size:.7125em;/*;font-size:11.4px;*/ border:0px !important} #global-nav ul li ul li a {font-size:.6875em} #global-nav ul li ul li a:hover{color: #fff;text-decoration: none;background: #111 } .translucent {position:absolute;top:0;left:0;bottom:0;width:100%;background: #111;-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)} li.translucent{-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80)} /* superfish override */ /* ***************************************************** */ /* Commented out siteiwde bgImg to test stretchy bgImg */ /* **************************************************** */ .sf-menu li:hover, .sf-menu li.sfHover {background:inherit !important} .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li li { background: #111; outline: 0; } /*.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li li { background: #622D24; outline: 0; }*/ /*homepage superfish override */ .sf-menu li:hover .homepage, .sf-menu li.sfHover .homepage, .sf-menu a:focus .homepage, .sf-menu a:hover .homepage, .sf-menu a:active .homepage, .sf-menu li li.homepage { background: #111; outline: 0; } /*#globalTopNav a.qmparent:link {color:#fff}*/ /*#bread-crumb-box {padding-bottom:0;width:100%;background: url('/images/sidenavBg.png') repeat;float:left}*/ #bread-crumb-box {padding-bottom:0;width:41.9em;float:left;height:25px;position: relative;} /*#bread-crumb-box ul {float:right;padding:3px 0;font-family: Arial, Verdana;font-size:12px;}*/ #bread-crumb-box ul {float:right;padding:0px 0px 4px 0px} #bread-crumb-box li {color:#000;display:inline;padding:0;padding-right:4px;padding-left:0px;} #bread-crumb-box li a:link, #bread-crumb-box li a:visited {padding:3px; font-weight:normal;text-decoration:underline;font-size:.5625em} #bread-crumb-box li a:hover {color:#FCF0C3;} .bread-crumbs, #bread-crumb-box ul {position: relative;} .breadcrumbCarrot {font-size:.5625em} /*********************************************/ /* event page styles */ /*********************************************/ #content.exhibition_content h1 {margin: 0 0 0 1.8em;line-height: 16px} #content.exhibition_content h1 a {text-decoration: none} #content h2 a {font:normal 120% verdana !important; letter-spacing: 0.05em} #content.exhibition_content h1 .event-subtitle {color:#000;margin:0.7em 0 0 0} .event-subtitle {color:#000} select, select option {font-size:11px} #footer-nav{position: relative;right: 15px;/*margin-top: 5px;*/color: #c99;} #footer-nav ul{float: right;color: #c99;font-size: 10pt;line-height: 130%;list-style: none;margin-top: 5px;padding: 0;border: 0;} #footer-nav li{float: left;font-size: .8em;line-height: 130%;margin-top: 0;padding-top: 2px;margin: 0 11px;} #footer-nav li a{color: #000;text-decoration: none;outline: none;font-size:1em} #footer-nav a:hover{color: #fcf0c3;text-decoration: none;} #directions_list, #bus_list, #hours_list, #admissions_list {margin-bottom:23px} #hours_list, #admissions_list {line-height: 20px} /*********************************************/ /* ------THE LEFT NAV SECTION ------ */ /*********************************************/ #sub-nav h1{color:#A5927E;font-size:.875em;font-weight:bold;font-family:verdana;padding:.375em .1875em .1875em 0em;border-bottom:1px solid #D2BD9E;text-indent:0em !important;} #sub-nav h1, #sub-nav ul li {text-indent:.8125em; margin-bottom:12px} #sub-nav h1 a{text-decoration:none; color: black} #sub-nav ul {list-style: none;margin-top:0px;margin-left:0px;padding-top:.1875em;} #sub-nav ul ul {margin-left:7px;margin-top:3px;padding:0 5px;} #sub-nav ul ul li{font-weight:normal;line-height:1.1em;margin-bottom:.6em;} #sub-nav ul ul li {background:none;text-indent:0;margin-left:17px;font-size: 0.75em !important;} #sub-nav li a:link, #sub-nav li a:visited {text-decoration:none; font-weight: bold;font-size:.75em;} #sub-nav ul ul li a:link, #sub-nav ul ul li a:visited {text-decoration: none;font-weight: normal;font-size:.9167em;} /*#sub-nav ul ul li a:hover {color:#FFFFCC;}*/ #sub-nav li {font-weight:normal;} #content h2 {margin-top:15px; margin-bottom:5px; /*width:90%;width:.9em*/} #content .narrow-content-right .in-body {margin-top:15px;} #content .highlight-box {background: url(../images/box-info-bottom.gif) no-repeat scroll left bottom;} #content .highlight-box h3 {background: url(../images/box-info-top.gif) no-repeat scroll top left;} /*********************************************/ /* begin search */ /*********************************************/ div.search-results iframe {height:1000px;padding:0px 15px} ul li input {font-size:10px;} /*jquery modalWin */ /*#jqmTitle {background:#fff}*/ .jqmWindow {overflow:visible;left:50% !important} /* end search */ #bread-crumb{display: none;} #bottom p{font-size: .8em;padding: 5px 10px;} #sitemap {background:#111; height:180px;padding:10px 10px;margin:0 0 0 0.9px;border-bottom:1px solid #1E1C1A} #sitemap ul {width:120px} #sitemap ul li {margin:0 10px 0 0px;background:transparent url() no-repeat scroll 0px 0.2em; list-style:none inside none} #sitemap ul, #sitemap ul span,#sitemap ul span a, #sitemap ul li a {font-size:10px;color:#D2BD9E; text-decoration:none} #sitemap ul li a:hover, #sitemap ul span a:hover {color:#FFFFCC} #sitemap ul span {font-weight:bold; text-decoration:underline} /*********************************************/ /* Calendar Page */ /*********************************************/ h1#calendar_hdr {font-size:1.5em} .occurence a {text-decoration:none} #div_dtSelect {float:left;z-index: 10000;} #calendar_widget_wrapper {float:left;clear:both;margin:0px 0px 0px 40px;padding:0px 0px 10px 7px;background-color:#F6F3EE;width:550px} #calendar_hdr {margin-left:31px;float:left;font-size:1.2em;font-weight:bold;padding-left:0.5em;color:#b5742e} #cal_chooseView, #cal_filterBy {margin-left:35px;font-size:.75em;width:100px;float:left} button.ovationTixBtn, span.ovationTixBtn {font-size:12px} a .ovationHover:hover {color:#000} /* #cal_filterBy {right:114px} #cal_chooseView {right:50px} #cal_chooseView select {right:132px;top:31px;position:relative} #cal_filterBy select {top:71px;right:171px;position:relative} */ /*********************************************/ /* end reDesign styles */ /*********************************************/ #main img{display: block;} /* section.css */ #highlight {border-bottom: 0px solid #fff;border-right:0;clear:both; float:left;width:37.5em;height:30.125em} #main #banner img{width:61.25em} #banner {border-bottom:.25em solid #FFFFFF;border-right:0 none;clear:both;float:left;width:61.25em} #highlight img {width:37.5em;height:24.6875em;margin:0px 0px 1.875em 0px} /*#content {width:50em;float:right;clear:none;border-right:0;border-left:4px solid #fff;}*/ /* ------CONTENT-BOX in CONTENT LAYOUT DIV-------- */ .last-box {border-bottom:0 !important;} /*.wide-content-left {float:left;width:32.5em}*/ .wide-content-left {float:left;width:34.375em} .wide-content-right {float:right;width:32.5em} .narrow-content-left {float:left;width:16.875em} /*.narrow-content-right {float:right;width:16.875em}*/ .narrow-content-right {display:none} .narrow-content-right img {width:15.625em;} #content .wide-content-left ul {padding-right:30px;list-style-image:none;list-style-position:outside;padding:5px 30px 5px 40px;} #content .wide-content-right img, #content .narrow-content-right img {padding:0 0;border:solid 1px #000;} /*this is a fix for dealing with images in .narrow-content-right that are too narrow*/ #content .narrow-content-right img {text-align:center !important;display:inline;} #content .narrow-content-right p {padding:0px 0px 10px 0px;} #content .narrow-content-right h2 {padding:0px 0px 10px 0px;} #content .narrow-content-right h3 {padding:0px 0px 10px 0px;} #content .narrow-content-right h4 {padding:0px 0px 10px 0px;} /* ------TEXT AND OTHER ELEMENTS IN #CONTENT-------- */ /* need to look over these h1 and h2 and see what's going on */ #content h2 {background:none;text-indent:0;} #content h4 {margin-left:10px;} #content hr {color: #fc9;background-color:#fc9;height:1px;margin-right:20px;border: 0;} #content dl h3 {margin-bottom: 5px !important;} #content dl {padding:5px 30px 20px 25px;} #content dt {margin-top:15px;font-weight:bold;} #content dd {margin-bottom:5px;font-family: Helvetica, Arial, sans-serif;font-size:0.731em} #content .generic dt {font-style:italic;margin-top:10px;font-weight:bold;} #content .generic dd {margin-bottom:5px;} .content-box h2 {color:#000;font-size:105%;font-weight:bold;} .content-box h3 {color:#000;font-size:90%;font-weight:bold;} .exhibition-date {font-weight:bold !important;margin:-5px 0;} .resources {margin-left:40px;} /* ------slider.css-------- */ .toggler{color:#FFFFFF;margin:0;padding:.25empx;padding-left:.9375em;font-size:.9375;font-weight:normal;font-family:Arial;background-repeat:no-repeat;background-image:url('../images/arrow-close.jpg');cursor:pointer;} .subHeadContainer{background:#727E83;border-bottom:.125em solid #ddd;} .element{} .float-right{padding:.625em 1.25em;float:right;} .inContent{float:left;font-size:.625em;width:24.5em;height:5.0625em;padding:.3125em} .inContent h1{font-family:arial;text-decoration:bold;font-size:13px} .inContent h2{font-family:arial;color:#33;text-decoration:none;font-size:9px;margin-bottom:.125em;} .inimage{float:left;width:5.6875em;height:5.6875em;margin:0em .3125em 0em 0em} .inimage img {float:left;width:5.6875em;height:5.6875em;} .subContainer{height:6.3125em;width:21.875em;border-bottom:.0625em solid #ddd;margin-top:.50em;margin-left:.625em;margin-bottom:.50em;padding:.24em;} /* ------GENERAL UTILITIES TO SORT OUT-------- */ .clear {clear:both;} .notes {font-style:italic;color:#333;} .normal-list {margin-left:30px;list-style-type:disc !important;} #content .no-border {border:0 !important;padding:0 !important;} /* Only IE-Win sees this. \ */ * html #bread-crumb {margin-left: 20px;} /* ------QUOTES-------- */ blockquote {margin-left:20px;margin-top:20px;padding-left: 33px;font-family: Georgia, serif;font-size: 100%;line-height: 1.5em;border-left: 2px solid #fcf0c3;background: url(../images/quotes-fcf0c3.gif) no-repeat 10px 2px;} .quote {font-style:italic;} .dark-bg {color:#fcf0c3;} #content img.quote {float: left;margin: .5em 12px 6px 0;} /* -------ROUNDED CORNER HIGHLIGHT BOXES ---------- */ /*change the background image for each section in its css file*/ #content .highlight-box { padding:5px 0px; } #content .highlight-box p, #content .highlight-box ul{ background: #c96; padding:0px 5px; margin:0 9px 0 1px; border-right:solid 1px #fcf0c3; border-left:solid 1px #fcf0c3; } #content .highlight-box ul{ padding:10px 20px 0 40px; } #content .highlight-box h3{ padding:5px 5px 5px 5px; margin:0; } #content ul { list-style-type:square; } /* ------THE HOURS MODULES-------- */ #content .hours {margin-top:-5px;padding-left: 20px;margin-top:10px;border-left:solid 1px #fcf0c3;} #content .hours h3 {color:#76361F;} #content .hours dl {width:220px;padding: 0;height:1%;font-size:12px;} #content .hours dt {float: left;clear:left;width:110px;margin: 0!important;padding: 5px 0;border-top: 1px solid #E9CAA0;font-weight: bold !important; font-style: normal;} #content .hours dd {float: right;clear:right;width:80px;padding: 5px 0 5px 30px;border-top: 1px solid #E9CAA0;margin:0;} #content .hours p {clear:both;width:220px;padding:5px 0 !important;/*border-top: 1px solid #E9CAA0;*/} #content .hours h2 { margin-left:0 !important;padding:0px 0 0 0;} /* end section.css */ /*#content p, #content h2, #content h3, #content h4{padding: .3125em 1.875em .3125em 1.5625em;}*/ #content-items, #dynamic-highlight-items{padding: 10px 40px 10px 30px;} /*#dynamic-highlight{float:left;padding-left:4px}*/ /*#main ul{list-style: none;margin-top: 0;margin-left: 20px;padding: 5px;border: 0;} #main a:link, #main a:visited{color: #727E83;text-decoration: none;font-weight: bold;font-size:1em} #main a:hover{color: #000;}*/ .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} * html>body .clearfix{display: inline-block;width: 100%;} * html .clearfix{height: 1%;} /* menu.css */ #main-nav ul {position:relative;zoom:1;z-index:10;} #main-nav ul a, #main-nav ul li {float:left;white-space:nowrap;position:relative;z-index:1;} #main-nav ul li {z-index:auto;list-style:none} #main-nav ul li a {float:none} #main-nav ul{margin:0px; background-color:#727E83; border-width:0px 0px 0px 0px; border-style:solid; border-color:#000000; vertical-align: middle;} #main-nav ul a { padding:.125em 0em 0em 0em; background-color:#727E83; color:#000; font-family: Arial, Verdana; font-size:12px; font-weight:bold; text-align:left; text-decoration:none; border-width:0em 1.875em 0em 1.875em; border-style:solid; border-color:#727E83; letter-spacing: 1px; vertical-align: middle;} #main-nav ul a:hover{ background-color:#727E83; color:#FFFFCC; text-decoration:none;} #main-nav ul li a {background-repeat:no-repeat; background-position:92% 50%; } /* begin zindex slideshow*/ #gallery , .position-relative{ position: relative; } #pictures { position: relative; height: 200px; } #pictures img { position: absolute; top: 0; left: 0; } #prev, #next { margin-top: 30px; text-align: center; font-size: .0831em; float:left } /* end zindex slideshow*/ /* --------- modalWin styles----------- */ /* inserted by vincent baker aug 2008 */ .modal_blackBg{background-color: #111;display: none;filter: alpha(opacity=80);height: 100%;left: -100%;moz-opacity: 0.8;opacity: .80;position: absolute;top: 0%;width: 230%;z-index: 1001} .modal_light_content{background-color: white;border: 0px solid black;display: none;left: 0%;overflow: hidden;padding: 16px;position: absolute;top: 5%; z-index: 1002; ;margin:0px auto} /* begin rounded corners*/ #light {-moz-border-radius: 5px;-webkit-border-radius: 5px} /* end rounded corners*/ li.imageElement {margin:0px 0px 1.25em 0px;padding:0px;background-color:#000;} li.imageElement h3, li.imageElement p{color:#fff;z-index:101;filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70; margin-left:10px;height:auto;font:bold 1.275em Helvetica} /* calendar-events page .content-box h1 {position:relative;top:-20px;padding:0 5px;margin:0 0px 0px 0px;width:152%;background:white;} .occurence {border-top:1px solid white;width:151%;} */