/*----------------------------------------------------------------------------------- Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*--------------------------- Elements ---------------------------*/ body { background: #D2D8E3 url(../images/body_bg.png) repeat-x left top; font-family: Arial, sans-serif; } a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-weight: normal; } /*------------------------------------------- Global -------------------------------------------*/ .block { display: block; margin: 0 0 10px 0; } .left { float: left; } .block_left { float: left; margin: 0 10px 10px 0; } .right { float: right; } .block_right { float: right; margin: 0 0 10px 10px; } .center { text-align: center; } .clear { clear: both; } .contain { overflow: hidden; } .controls { font-size: 0; line-height: 0; height: 8px; } .controls .page { background: url(../images/pagination_circle.png) no-repeat left top; display: inline-block; height: 8px; margin-left: 5px; width: 8px; } .controls .selected { background-position: left bottom; } .button { background-color: #EDEFF4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #303C51; display: inline-block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; height: 25px; letter-spacing: 0.05em; line-height: 25px; padding: 0 15px; text-transform: uppercase; } .button:hover { background-color: #303C51; color: #FFF; } .button_highlight { background-color: #8A381D; color: #fff; } .larger { display:block; margin:10px 0; width:auto; text-align:center; } #container { margin: 0 auto 40px auto; width: 991px; } #infobar { height: 28px; margin: 0 auto 24px auto; padding: 0 0 0 105px; position: relative; width: 885px; z-index: 3; } #infobar .contact { float: left; } #infobar .contact * { margin-right: 5px; } #infobar a, #infobar span { color: #fff; display: inline-block; /*float: left;*/ font-size: 10px; line-height: 28px; margin-right: 10px; text-transform: uppercase; } #infobar .or { color: #C39C8F; font-style: italic; text-transform: lowercase; } #infobar ul.right { border-right: 1px solid #964F39; position: absolute; right: 0; top: 0; } #infobar ul.center { left: 349px; position: absolute; top: 0; } #infobar ul li { display: block; float: left; } #infobar ul a { color: #E7D7D2; } #infobar ul.center a { color: #FFF; margin-right: 15px; } #infobar ul a:hover { color:#fff; } #infobar ul li.search { border-left: 1px solid #964F39; padding-left: 10px; position: relative; } #infobar ul li.search a { background: url(../images/search.png) no-repeat left center; padding-left: 12px; } #infobar ul li.search:hover { background: url(../images/blue_pattern.png); } #infobar ul li.search:hover a { color: #fff; } #infobar ul li.search:hover .search_form { display: block; } #infobar .search_form { background: url(../images/blue_pattern.png); display: none; right: 0; overflow: hidden; padding: 10px; position: absolute; top: 28px; width: 280px; z-index: 1000; } #infobar .search_form input { float: left; } #infobar .search_form input.text { border: 1px solid #D5D8E0; height: 23px; line-height: 23px; padding: 0 5px; width: 189px; } #infobar .search_form input.submit { background-color: #EDEFF4; border: 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color: #303A51; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; height: 25px; line-height: 25px; text-transform: uppercase; width: 69px; } #infobar ul li.last a { margin: 0; } #dropdown_container { background: url(../images/brown_pattern.png); height: 240px; left: 0; position: absolute; top: -240px; width: 100%; z-index: 1000; } #dropdown_container.expanded { -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); top: 0; } #dropdown { color: #fff; height: 210px; margin: 0 auto; padding: 15px 0 15px 85px; position: relative; width: 906px; } #dropdown .column_large { float: left; height:210px; margin-right: 20px; overflow:hidden; width: 275px; } #dropdown .column { float: left; height:210px; margin-right: 20px; overflow:hidden; width: 181px; } #dropdown h2 { color: #FFFFFF; font-size: 18px; line-height: 24px; margin-bottom: 5px; } #dropdown h3 { border-bottom: 1px solid #964F39; color: #fff; font-size: 12px; letter-spacing: 0.04em; margin-bottom: 15px; padding-bottom: 10px; text-transform: uppercase; } #dropdown p { color: #CEAFA5; font-size: 12px; line-height: 20px; margin-bottom: 10px; } #dropdown p a { color: #CEAFA5; text-decoration:underline; } #dropdown p a:hover { color: #FFF; } #dropdown ul { margin-bottom: 10px; } #dropdown li { border-bottom: 1px solid #964F39; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 14px; margin-bottom: 15px; padding: 0 15px 15px 15px; } #dropdown li span { display: block; font-size: 11px; letter-spacing: 0.05em; line-height: 1.2; margin-bottom: 5px; } #dropdown li a { color: #fff; line-height: 18px; } #dropdown a.button { background-color: #557DB8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; height: 25px; letter-spacing: 0.03em; line-height: 25px; padding: 0 15px; text-align: center; text-transform: uppercase; } #dropdown a.button:hover { background-color: #fff; color: #557DB8; } #flag { background: url(../images/ribbon_bg.png) no-repeat left bottom; bottom: -65px; height: 375px; left: -20px; position: absolute; width: 95px; } #flag a { background: url(../images/flag_arrow.png) no-repeat center bottom; bottom: 15px; color: #303A51; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; height: 36px; left: 0; line-height: 1.2; padding: 15px 0 8px 0; position: absolute; text-align: center; text-transform: uppercase; width: 91px; } #dropdown_container.expanded #flag a { background-position: center top; } #flag span { color: #537DB8; font-family: Arial, sans-serif; font-size: 11px; } #header { height: 152px; margin-bottom: 22px; position: relative; z-index: 2; } #logo { background: url(../images/logo-new.png) no-repeat; display: block; height: 62px; margin: 0 auto; text-indent: -9999px; width: 307px; } #nav { border: 1px solid #E4DCD6; border-width: 1px 0; height: 56px; margin-top: 15px; padding: 1px 0; } #nav li { display: block; float: left; height: 40px; position: relative; } #nav li a { color: #303C51; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 13px; height: 42px; letter-spacing: 0.065em; line-height: 1.2; margin-right: 10px; padding: 14px 10px 0 10px; text-align: center; text-transform: uppercase; width: 95px; } #nav li a.sub_current { background: url(../images/lightblue_pattern.png); } #nav li:hover > a { background: url(../images/nav_dropdown_pattern.png); color: #fff; } #nav li a.single_line { line-height: 30px; } #nav li.last a { margin-right: 0; } #nav li div { background: url(../images/nav_dropdown_pattern.png); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); display: none;/* height: 193px; */left: 0; overflow: hidden; padding: 10px 0; position: absolute; top: 56px; width: 173px; } #nav li.last div { left: auto; right: 0; } #nav li.events_calendar div { left: auto; right: 10px; } #nav li div.sections_2 { width: 346px; } #nav li div.sections_3 { width: 519px; } #nav li div.sections_4 { width: 692px; } #nav li:hover div, #nav li.hover div { display: block; } #nav li ul { float: left; padding: 0 11px; width: 151px; } #nav li ul li { border-bottom: 1px solid #495466; display: block; float: none; height: auto; } #nav li ul li a { background: url(../images/nav_bullet.png) no-repeat 10px 15px; color: #D6D8DC; font-size: 14px; height: auto; line-height: 1.2; margin: 0; padding: 10px 0 10px 25px; text-align: left; text-transform: none; width: 126px; } #nav li ul li a:hover { background: url(../images/nav_bullet.png) no-repeat 10px 15px; color: #fff; } #nav li:hover ul a, #nav li.hover ul a { color: #D6D8DC; } #nav li.learning__programs a { letter-spacing: 0.03em; } /* Home */ #feature { height: 330px; overflow: hidden; position: relative; margin-bottom: 20px; z-index: 1; } #feature .feature { height: 330px; left: 0; position: absolute; top: 0; width: 991px; z-index: 1; } #feature .selected { z-index: 2; } #feature h2 { color: #303C51; font-size: 32px; line-height: 36px; } #feature h3 { color: #46433B; font-size: 12px; margin-bottom: 5px; text-transform: uppercase; } #feature p { color: #557DB8; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 24px; margin-bottom: 15px; } #feature .details { background: url(../images/feature_flag.png) no-repeat; height: 304px; left: 120px; padding: 10px 20px 0 20px; position: absolute; top: 0; width: 214px; z-index: 1; } #feature .controls { border-bottom: 1px solid #E6D7C5; float: none; height: 8px; margin-bottom:20px; padding: 10px 0; text-align: center; } #feature .controls .page { background: url(../images/feature_pagination.png) no-repeat left top; display: inline-block; font-size: 0; height: 8px; line-height: 0; margin-right: 2px; width: 8px; } #feature .controls .selected { background-position: left bottom; } #feature .button { background-color: #8A381D; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; height: 25px; letter-spacing: 0.05em; line-height: 25px; padding: 0 15px; text-transform: uppercase; } #feature .button:hover { background-color: #303C51; color: #FFF; } #home { background: url(../images/home_content_bg.png) repeat-y left top; margin-bottom: 20px; overflow: hidden; } #home h2 { color: #557DB8; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 24px; } #home p { color: #464339; font-size: 12px; line-height: 22px; margin-bottom: 10px; } #home img { margin-bottom: 15px; } #home .upcoming_events { background-color: #fff; float: left; margin-right: 1px; width: 495px; } #home .upcoming_events h2 { color: #557DB8; } #home .event_callout { background-color: #fff; float: left; margin-right: 1px; width: 247px; } #home .event_callout h2 { color: #6F4163; } #home .featured { float: left; width: 216px; } #home .date { color: #46433A; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; margin-bottom: 0; text-transform: uppercase; } #home .spotlight_on { background-color: #fff; float: left; width: 247px; } #home .spotlight_on h2 { color: #2C5C75; } #home .header { color: #fff; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 12px; height: 40px; line-height: 40px; padding: 0 15px; position: relative; text-transform: uppercase; } #home .controls { position: absolute; right: 15px; top: 15px; } #home .body { padding: 15px; } #home .events_list p { margin-bottom: 0; } #home .blue_header { background: #587EB9 url(../images/blue_pattern.png); } #home .purple_header { background: #587EB9 url(../images/purple_pattern.png); } #home .green_header { background: #587EB9 url(../images/green_pattern.png); } #home_callouts { overflow: hidden; } #home_callouts .callout { padding: 15px; position: relative; width: 465px; } #home_callouts .callout_purple { background: #6D4163 url(../images/purple_pattern.png); min-height:186px; } #home_callouts .callout_blue { background: #587EB9 url(../images/blue_pattern.png); color: #BFCDE5; color: rgba(255, 255, 255, 0.6); min-height:186px; } #home_callouts p { color: #fff; color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 22px; margin-bottom: 10px; } #home_callouts .callout_purple p { color: #C4B3C1; } #home_callouts .callout_blue p { color: #BCCBE3; } #home_callouts .callout_purple p a,#home_callouts .callout_blue p a { color:#fff; } #home_callouts .callout_purple p a:hover,#home_callouts .callout_blue p a:hover { text-decoration:underline; } #home_callouts h3 { color: #fff; font-size: 22px; line-height: 30px; margin-bottom: 5px; } #home_callouts .category { color: #fff; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 12px; letter-spacing: 0.07em; line-height: 1.2; margin-bottom: 5px; text-transform: uppercase; } #home_callouts .controls { float: none; position: absolute; right: 15px; top: 15px; } #main { background-color: #fff; min-height: 0; padding: 35px 15px; } #sidebar { float: left; width: 216px; } #subnav { margin-bottom: 30px; } #subnav a { background: url(../images/blue_pattern.png); color: #fff; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 13px; margin-bottom: 1px; padding: 15px 18px; } #subnav a.selected, #subnav a.sub_current { background-image: url(../images/brown_pattern.png); } #subnav a:hover { background: url(../images/nav_dropdown_pattern.png); } #subnav li.has_subnav ul { background-color: #F9F4EC; margin-bottom: 1px; padding: 15px 18px 1px 15px; } #subnav li.has_subnav li { margin-bottom: 14px; } #subnav li.has_subnav ul a { background: none; color: #333; font-size: 13px; line-height: 1.2; margin: 0; padding: 0; } #subnav li.has_subnav ul a.selected { color: #8A381D; } #subnav li.has_subnav ul a:hover { color: #8A381D; } #sidebar .related_links { border-top: 1px solid #F2EBE9; padding: 20px 0 10px 0; } #sidebar h3 { color: #303C51; font-size: 11px; margin-bottom: 10px; text-transform: uppercase; } #sidebar .related_links li { margin-bottom: 10px; } #sidebar .related_links li a { color: #9E5E4A; font-size: 11px; } #sidebar .callout { border-top: 1px solid #F2EBE9; padding: 20px 0 10px 0; } #sidebar .callout h2 { color: #557DB8; font-size: 18px; line-height: 24px; } #sidebar .callout h4 { color: #303A51; font-size: 13px; letter-spacing: 0.05em; margin: 15px 0 5px 0; text-transform: uppercase; } #sidebar .callout h3 { color: #547DB8; font-size: 18px; margin-bottom: 0; text-transform: none; } #sidebar .callout p { color: #46433A; font-size: 12px; line-height: 22px; margin-bottom: 15px; } #sidebar .callout p a, #sidebar .callout li a { color: #8C3D22; } #sidebar .callout p a:hover, #sidebar .callout li a:hover { text-decoration: underline; } #content { float: right; width: 710px; } #breadcrumbs { border-bottom: 1px solid #F2EBE9; height: 17px; margin-bottom: 15px; overflow: hidden; padding-bottom: 10px; position: relative; } #breadcrumbs ul { margin-top: 4px; } #breadcrumbs ul li { background: url(../images/breadcrumb_divider.png) no-repeat right center; display: block; float: left; margin-right: 7px; padding: 0 11px 0 0; } #breadcrumbs ul li a { color: #557DB8; display: block; float: left; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } #breadcrumbs ul li a:hover { color: #8A381D; } #breadcrumbs ul li.last { background: none; } #breadcrumbs ul li.last a { color: #303C51; } #breadcrumbs .share { background: url(../images/share.png) no-repeat left 1px; bottom: 10px; color: #5572AC; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; height: 12px; line-height: 12px; padding-left: 14px; position: absolute; right: 0; text-transform: uppercase; } #breadcrumbs .share:hover { background-position:left -15px; color: #8A381D; } /* Content Styles */ .content h1 { color: #303B51; font-size: 32px; line-height: 36px; margin-bottom: 25px; } .content h2, .content h2 a { color: #537DB8; font-size: 24px; line-height: 1.1; margin-bottom: 5px; } .content h3, .content h3 a { color: #537DB8; font-size: 18px; line-height: 24px; margin-bottom: 5px; } h3.event_date { overflow: hidden; } .content p { color: #46433A; font-size: 14px; line-height: 24px; margin-bottom: 20px; } .content p a, .content li a { color: #8C3D22; } .content p a.button { color: #303C51; } .content p a.button:hover { color: #fff; } .content img.block_right { margin-left: 25px; } .content img.block_left { margin-right: 25px; } .content hr { background-color: #F2EBE9; border: 0; color: #F2EBE9; height: 1px; margin: 15px 0; } .content ul { color:#537DB8; margin-bottom: 20px; margin-left:15px; list-style-type: disc; } .content ol { color:#537DB8; margin-bottom: 20px; margin-left: 25px; list-style-type: upper-alpha; } .content li { color: #46433A; font-size: 14px; line-height: 24px; } .content sub { vertical-align: bottom; font-size: 9px; } .content .section { border-top: 1px solid #F2EBE9; margin-bottom: 20px; padding-top: 20px; } .content .section strong { color: #8A381D; font-weight: normal; } .content .lead_in { margin-bottom: 25px; } .content_sidebar { background-color: #ECEFF5; float: right; margin: 0 -15px 0 15px; padding: 15px 0 03 0; width: 246px; } .content_sidebar hr { background-color: #D3D7DE; border: 0; color: #D3D7DE; height: 1px; margin: 25px 0; padding: 0; } .content_sidebar h4 { color: #303A51; font-size: 13px; letter-spacing: 0.05em; margin: 15px 0; text-transform: uppercase; } .content_sidebar h4.header { margin-bottom: 0; padding: 0 15px; } .content_sidebar .callout { border-bottom: 1px solid #fff; padding: 15px; } .content_sidebar .callout h3 { color: #547DB8; font-size: 18px; margin-bottom: 0; } .content_sidebar .callout p { color: #333333; font-size: 12px; line-height: 24px; margin-bottom: 10px; } .photo_gallery { background-color: #E9EEF1; clear: both; margin:10px 0; } .photo_gallery .header { background: #587EB9 url(../images/green_pattern.png); color: #fff; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 12px; height: 28px; line-height: 28px; padding: 0 15px; position: relative; text-transform: uppercase; } .photo_gallery .controls { position: absolute; right: 10px; top: 10px; } .photo_gallery .body { padding: 12px 0 0 12px; } .photo_gallery .container { overflow: hidden; } .photo_gallery .items { margin-left:0; list-style-type: none; } .photo_gallery .items li { float: left; margin:0 12px 12px 0; width: 214px; } .photo_gallery .items li.end { margin:0 0 12px 0; } /* TABLES */ .content table { width: 100%; margin-bottom: 10px; } .content table thead th { background: #303C51; color: #EDEFF4; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 24px; padding: 6px 10px; text-align: left; text-transform: uppercase; } .content table tbody tr td { border-bottom: 1px solid #EDEFF4; color: #46433A; font-size: 14px; line-height: 24px; padding: 12px 10px; vertical-align: top; } .content table tbody tr td ul li { padding:2px 0px; } /* Collections */ .collections_search { background-color: #EDEFF4; float: right; margin: 0 0 15px 15px; padding: 20px; width: 300px; } .collections_search label { color: #333333; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; margin-bottom: 5px; text-transform: uppercase; } .collections_search fieldset { margin-bottom: 15px; position: relative; } .collections_search input.text { border: 1px solid #ccc; font-size: 14px; height: 41px; padding-left: 10px; width: 286px; } .collections_search input.submit { background-color: #8A381D; border: 0; color: #fff; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 14px; height: 35px; letter-spacing: 0.05em; line-height: 35px; position: absolute; right: 7px; text-align: center; top: 5px; width: 49px; } .collections_search p { color: #464339; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 14px; margin: 15px 0 0 0; } .collection { float: left; margin: 0 15px 35px 0; width: 215px; } .collection img { margin-bottom: 10px; } .collection p { color: #464339; font-size: 12px; margin-bottom: 10px; } .collection_groups { border-bottom: 1px solid #F2EBE9; height: 30px; margin-bottom: 25px; } .collection_groups a { background-color: #EDEFF4; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #303C51; display: block; float: left; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; height: 30px; letter-spacing: 0.05em; line-height: 30px; margin-right: 2px; padding: 0 15px; text-transform: uppercase; } .collection_groups a.selected { background: url(../images/purple_pattern.png); color: #fff; } .image_viewer { background: #fff; overflow: hidden; } .image_viewer .left { width: 463px; } .image_viewer .right { width: 216px; } .image_viewer .column { width: 216px; float: left; margin-right:15px; margin-top: 20px; } .image_viewer .wide_column { width: 463px; float: left; margin-right:0px; margin-top: 20px; } .image_viewer .images { background: url(../images/collection_images_divider.png) repeat-y center top; border-bottom: 1px solid #F2EBE9; color: #464339; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; margin-bottom: 20px; overflow: hidden; padding-bottom: 15px; text-transform: uppercase; } .image_viewer .images a { color: #464339; } .image_viewer .images .placeholder { background-color: #eee; height: 92px; margin-top: 10px; width: 92px; } .image_viewer .images .previous { display: block; float: left; width: 92px; } .image_viewer .images .next { display: block; float: right; width: 92px; } .image_viewer .images img { margin-top: 10px; } .image_viewer p { font-size: 12px; line-height: 18px; } .image_viewer .managed_image { background-color:#eee; padding:100px 0; width:463px; text-align:center; } /* Contact Us */ .person_callout { border-bottom: 1px solid #fff; padding: 25px 15px 15px 15px; } .content_sidebar .person_callout h3 { margin-bottom: 5px; } .content_sidebar .person_callout a { color: #8A381D; } .content_sidebar .person_callout p { line-height: 22px; margin-bottom: 0; } .directory { overflow: hidden; } .person { border-top: 1px solid #F2EBE9; padding: 15px 0; } .person h3 { color: #7A7A7A; } .person h4 { color: #464339; font-size: 11px; letter-spacing: 0.05em; line-height: 1.2; text-transform: uppercase; } .person a { color: #8C3D22; font-size: 14px; } .person p { margin-bottom: 0; } .directory_group { margin-bottom: 50px; } /* Planning your visit */ .hours_directions { border: 1px solid #F2EBE9; border-width: 1px 0; margin-bottom: 25px; overflow: hidden; padding: 25px 0; } .hours_directions .info { float: left; margin-left:12px; width: 214px; } .hours_directions p { color: #333233; font-size: 12px; line-height: 20px; margin-bottom: 5px; } .hours_directions .hours { background: url(../images/hours_dots.png) repeat-x left bottom; margin-bottom: 10px; padding-bottom: 10px; } .hours_directions .hours .left, .hours_directions .hours .right { background-color: #fff;color: #333233; } .hours_directions .hours p { background-image: url(../images/hours_dots.png); } .content_sidebar .featured_events h3 { color: #303A51; font-size: 13px; line-height: 18px; } /* Museum shop */ .shop_items { border-top: 1px solid #F2EBE9; margin-top: 35px; padding-top: 40px; } .shop_item { float: left; margin: 0 32px 25px 0; width: 215px; } .shop_item p { font-size: 12px; line-height: 22px; margin-bottom: 10px; } .shop_items .last { margin-right: 0; } /* Magazines */ .magazines { border-top: 1px solid #F2EBE9; margin-top: 35px; padding-top: 40px; } .magazine_item { float: left; margin: 0 32px 25px 0; width: 215px; } .magazine_item p { font-size: 12px; line-height: 22px; margin-bottom: 10px; } .magazines .last { margin-right: 0; } /* Events */ .events_list { float: right; width: 216px; } .events_list h3 { color: #557DB8; font-size: 14px; margin-bottom: 0; } .events_list h3 a { color: #557DB8; } .events_list li { border-top: 1px solid #F2EBE9; margin-bottom: 10px; padding: 10px 20px 15px 60px; position: relative; } .content_sidebar .featured_events h4 { margin-bottom: 15px; } .content_sidebar .events_list { float: none; padding: 0 15px; width: auto; list-style-type: none; margin-left:0; } .content_sidebar .events_list li { border-color: #D3D7DE; } .content_sidebar .events_list .time { color: #303A51; margin-bottom: 0; } .events_list p { font-size: 12px; line-height: 22px; margin-bottom: 0; } .events_list .time { color: #46433A; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; line-height: 1.2; margin-bottom: 4px; } .events_list .flag { background: url(../images/date_flag.png) no-repeat; height: 47px; left: 7px; padding-top: 10px; position: absolute; top: 0; width: 41px; } .events_list .flag .month { color: #557DB8; display: block; font-size: 11px; line-height: 1.2; text-align: center; text-transform: uppercase; } .events_list .flag .day { color: #303B51; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 22px; line-height: 1.2; text-align: center; } .event_caption { width: 300px; } .event_caption img, .event_caption p { width: 300px; } .content .block_right p.caption { font-size: 11px; line-height: 15px; margin: 5px 0 0 0; } .event { border-bottom: 1px solid #F2EBE9; margin-bottom: 20px; padding-bottom: 30px; } .event h3 { margin-bottom: 5px; } .event h3 a { color: #537DB8; } .event .time { color: #464339; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; letter-spacing: 0.05em; line-height: 1.2; margin-bottom: 8px; text-transform: uppercase; overflow: hidden; } .event .image { float: right; margin-left: 20px; } .event_callout img { display: block; margin-bottom: 10px; } .event_callout p { color: #303A51; font-size: 12px; line-height: 22px; margin-bottom: 5px; } .content_sidebar .event_callout .button { background-color: #fff; color: #303C51; } .content_sidebar .event_callout .button_highlight { background-color: #5672AC; color: #fff; } .content_sidebar .event_callout .button:hover, .event_callout .button_highlight:hover { background-color: #303C51; color: #fff; } .content_sidebar .event_callout .time { color: #464339; font-size: 11px; letter-spacing: 0.05em; margin: 0 0 8px 0; line-height: 11px; } /* Exhibitions */ .exhibitions h3, .exhibitions h3 a { border-bottom: 1px solid #F2EBE9; color: #7A7A7A; font-size: 18px; margin-bottom: 20px; } .exhibition { border-bottom: 1px solid #F2EBE9; margin-bottom: 20px; overflow: hidden; padding-bottom: 30px; } .exhibition h1 { margin-bottom: 10px; } .exhibition h3, .exhibition h3 a { border-bottom: none; margin-bottom: 10px; } .exhibition h4 { color: #464339; font-size: 11px; letter-spacing: 0.05em; margin-bottom: 5px; text-transform: uppercase; } .exhibition .button { margin-right: 10px; } /* Programs */ .programs h3 { border-bottom: 1px solid #F2EBE9; color: #7A7A7A; font-size: 18px; margin:20px 0; } .program { border-bottom: 1px solid #F2EBE9; margin-bottom: 20px; overflow: hidden; padding-bottom: 30px; } .program h1 { margin-bottom: 10px; } .program h3 { border-bottom: none; margin-bottom: 10px; } .program h4 { color: #464339; font-size: 11px; letter-spacing: 0.05em; margin-bottom: 5px; text-transform: uppercase; } .program .button { margin-right: 10px; } /* Newsroom */ .press_releases h3 { border-bottom: 1px solid #F2EBE9; color: #7A7A7A; font-size: 18px; margin-bottom: 20px; } .press { border-bottom: 1px solid #F2EBE9; margin-bottom: 20px; overflow: hidden; padding-bottom: 0; } .press h3 { border-bottom: none; margin-bottom: 5px; } .press h3 a { color: #537DB8; } .press h3 a:hover { color: #8C3D22; } .press h4 { color: #464339; font-size: 11px; letter-spacing: 0.05em; margin-bottom: 5px; text-transform: uppercase; } .pr_contact { border-bottom:1px solid #f2EBE9; padding-bottom:10px; } /* Learning Resources */ .learning_resource { float: left; margin: 0 20px 20px 0; width: 215px; } .learning_resource h3 a { color: #547DB8; } .learning_resource p { font-size: 12px; margin-bottom: 10px; } .learning_resources_carousel { border: 1px solid #F2EBE9; border-width: 1px 0; height: 81px; margin-bottom: 25px; padding: 20px 0; position: relative; } .learning_resources_carousel a.previous, .learning_resources_carousel a.next { display: block; height: 81px; position: absolute; top: 15px; width: 16px; } .learning_resources_carousel a.previous { background: url(../images/carousel_previous.png) no-repeat center center; left: 0; } .learning_resources_carousel a.next { background: url(../images/carousel_next.png) no-repeat center center; right: 0; } .learning_resources_carousel .container { height: 81px; margin-left: 35px; overflow: hidden; position: relative; width: 642px; } .learning_resources_carousel ul { height: 81px; left: 0; position: absolute; top: 0; width: 10000px;} .learning_resources_carousel li { display: block; float: left; margin-right: 19px; width: 91px; } .learning_resources_carousel li a { display: block; } #learning_resource { background: #fff; } #learning_resource .questions { float: right; width: 218px; } #learning_resource .questions p { font-size: 12px; line-height: 18px; margin-top:10px; } #learning_resource .info { border-bottom: 1px solid #F2EBE9; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; } #learning_resource .info p { font-size: 12px; line-height: 18px; } #learning_resource .image { float: left; width: 464px; } #learning_resource .image img { margin-bottom: 15px; } /* SITEMAP */ .next_level { list-style-type: none; } /* Footer */ #footer_container { margin: 0 auto; width: 990px; } #footer { background-color: #263041; min-height: 375px; padding-top: 47px; } #footer p { color: #D5D7DA; font-size: 12px; line-height: 20px; } #footer h3 { color: #fff; border-bottom: 1px solid #3E485C; font-size: 11px; letter-spacing: 0.05em; margin-bottom: 10px; padding-bottom: 10px; text-transform: uppercase; } #footer li a { color: #D5D7DB; font-size: 12px; } #footer li a:hover { color: #fff; } #footer .directions { background-color: #303C51; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: inline-block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 11px; height: 25px; letter-spacing: 0.05em; line-height: 25px; margin-top: 15px; text-align: center; text-transform: uppercase; width: 142px; } #footer .directions:hover { background-color: #EDEFF4; color: #303C51; } #footer .bottom { margin-top: 25px; padding-top: 28px; } #footer .bottom p { border-top: 1px solid #3E485C; color: #A1A5AD; font-size: 10px; margin-top: -1px; padding-top: 5px; text-align: center; } #footer .bottom a { color: #A1A5AD; } #footer .bottom a:hover { color: #fff; } .address_hours { float: left; margin-right: 31px; width: 464px; } .address_hours .address { float: left; width: 216px; } .address_hours .hours { float: right; width: 216px; } .hours p { background: url(../images/footer_dots.png) repeat-x left 13px; margin-bottom: 4px; overflow: hidden; } .hours .left { background-color: #263041; color: #D5D7DA; float: left; padding-right: 5px; } .hours .right { background-color: #263041; color: #D5D7DA; float: right; padding-left: 5px; } .hours h3 { margin-top: 20px; } .hours a:hover { color:#fff; } .address_hours img { margin-bottom: 10px; } .find_us_online { float: left; margin-right: 31px; width: 216px; } .find_us_online li { border-bottom: 1px solid #424D5F; margin-bottom: 6px; padding-bottom: 6px; } .find_us_online a { background-position: 5px center; background-repeat: no-repeat; display: block; height: 20px; line-height: 20px; padding-left: 35px; } .find_us_online a.chrysler { background-image: url(../images/footer_social_chrysler.png); } .find_us_online a.email { background-image: url(../images/footer_social_email.png); } .find_us_online a.facebook { background-image: url(../images/footer_social_facebook.png); } .find_us_online a.twitter { background-image: url(../images/footer_social_twitter.png); } .find_us_online a.youtube { background-image: url(../images/footer_social_youtube.png); } .support_from { float: left; margin-right: 31px; width: 216px; } .support_from a { display: block; margin-bottom: 8px; text-align: left; } .popular_pages { float: left; width: 216px; } .popular_pages li { margin-bottom: 5px; } .footer_sponsors { float: left; width: 216px; } .footer_sponsors ul { position: relative; } .footer_sponsors li { display: none; left: 0; position: absolute; top: 0; } .footer_sponsors li.selected { display: block; position: static; } .footer_sponsors li img { margin-bottom: 5px; } .footer_sponsors p { margin-bottom: 10px; } .footer_sponsors .button { background-color: #303C51; color: #fff; } .footer_sponsors .button:hover { background-color: #EDEFF4; color: #303C51; } /*------------------------------------------- SMARTBOX -------------------------------------------*/ #smartbox_overlay { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 29; } #smartbox { background: #000; overflow: visible; padding: 0; position: absolute; z-index: 30; /*-moz-box-shadow: 0 0 25px #000; -webkit-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000;*/ } #smartbox .close { background: url(../images/smartbox_close.png) no-repeat left top; overflow: visible; /*border-radius: 12px; -moz-box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000;*/ cursor: pointer; display: block; height: 23px; position: absolute; right: -10px; text-indent: -9999px; top: -10px; width: 23px; z-index: 32; } .ie #smartbox .close { right: 0; top: 0; } #smartbox .inner { background: url(../images/smartbox_loading.gif) no-repeat center; height: 100%; position: relative; width: 100%; z-index: 30; } #smartbox .info { color: #fff; display: block; font-size: 13px; overflow: hidden; width: 100%; } #smartbox .info .caption { padding: 10px; line-height: 18px;} #smartbox .pagination { color: #fff; float: right; font-size: 12px; padding: 0 0 0 20px; } #smartbox .pagination span { color: #F2842D; font-size: 15px; } #smartbox span.overlay { cursor: pointer; display: none; height: 100%; position: absolute; top: 0; text-indent: -99999px; } #smartbox span.overlay.next { background: url(../images/smartbox_overlay_next.png) no-repeat right center; right: 0; } #smartbox span.overlay.next:hover { background: url(../images/smartbox_overlay_next_over.png) no-repeat right center; } #smartbox span.overlay.previous { background: url(../images/smartbox_overlay_previous.png) no-repeat left center; left: 0; } #smartbox span.overlay.previous:hover { background: url(../images/smartbox_overlay_previous_over.png) no-repeat left center; } /*------------------------------------------- Datepicker styles -------------------------------------------*/ #datepicker { margin-bottom: 20px; } #datepicker .calendar { margin-bottom: 3px; } .ie #datepicker .button { padding: 0 12px; } #datepicker .button_highlight { background-color: #33527F; } #datepicker .button_highlight:hover { background-color: #303C51; } .ui-widget { } .ui-widget .ui-widget { font-size: 10px; } .ui-widget-content { background-color: #FDFBF7; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { background: #587EB9 url(../images/blue_pattern.png); color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: #EDEFF4; color: #464339; font-size: 12px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color: #33527F; color: #fff; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #33527F; font-weight: bold; color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background-color: #8A381D; color: #fff; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background-color: #b81900; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-datepicker { border: 1px solid #B3C8E8; overflow: hidden; width: 214px; padding: 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { background: url(../images/calendar_previous.png) no-repeat center center; left:2px; } .ui-datepicker .ui-datepicker-next { background: url(../images/calendar_next.png) no-repeat center center; right:2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; text-indent: -9999px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 14px; font-weight: normal; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table { background-color: #fff; /*border: 1px solid #B3C8E8;*/ border-collapse: separate; } .ie7 .ui-datepicker table { border-collapse: collapse; } .ui-datepicker th { background-color: #B3C9EA; border: 0; color: #fff; font-size: 10px; height: 30px; line-height: 30px; text-align: center; font-weight: bold; width: 30px; } .ui-datepicker td { background-color: #FDFBF7; border: 1px solid #fff; border-width: 1px 1px 0 0; text-align: center; } .ui-datepicker td span, .ui-datepicker td a { display: block; height: 30px; line-height: 30px; text-decoration: none; width: 30px; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .rss_feed { background: url(../images/icon_rss.png) no-repeat 10px center; color: #666; display: block; font-size: 14px; padding: 2px 0 2px 35px; } /* addthis */ #at15s, #at16p { border-radius: 0px; } /* Google Map */ #map_canvas { border-bottom: 1px solid #F2EBE9; height:300px; margin-bottom:20px; padding-bottom:30px; width:710px; } /*------------------------------------------- GOOGLE SEARCH -------------------------------------------*/ #main .search { width:930px; float:none; padding:0 15px; position:relative; } #cse .gsc-control-cse { background: none; border: none; padding: 0; margin: 0; } #cse .gsc-tabsArea, #cse .gsc-resultsHeader { display:none; } #cse .gsc-search-box { padding: 0 0 10px 0; } #cse table.gsc-search-box { border:none; } #cse form.gsc-search-box { width: 675px; } #cse .gsc-search-box td {border:none; padding:0; } #cse .gsc-search-box input.gsc-input { background: none !important; border: 1px solid #B0AEAC; color: #333; font-family: Arial, sans-serif; font-size: 16px; padding: 7px 30px 7px 10px; width: 570px; } #cse .gsc-search-box input.gsc-search-button { background: url(../images/icon_search_large.png) no-repeat center center; border: none; cursor: pointer; height: 34px; margin: 1px 0 0 -34px; width: 34px; text-indent: -99999px; } #cse .gsc-search-box td.gsc-clear-button { width: 50px; } #cse .gsc-search-box div.gsc-clear-button { background: url(../images/icon_search_clear.png) no-repeat center; border: none; cursor: pointer; display: block; height: 10px; margin: 0 0 0 10px; padding: 0; width: 50px; text-indent: -99999px; } #cse .gsc-thinWrapper { width: 100%; } #cse .gsc-result { border-top: solid 1px #EBEBEA; border-top: solid 1px #EEEEEE; padding: 16px 0 8px; } #cse .gs-no-results-result .gs-snippet { background-color: #eee; border: solid 1px #999; color:#999; margin:0;} #cse .gs-title { height: 26px; text-decoration: none; } #cse .gs-title b { color: #537DB8; text-decoration: none; } #cse a.gs-title { color: #537DB8; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 20px; font-weight: 400; } #cse a.gs-title:hover { text-decoration:underline; } #cse .gs-snippet { color: #46433A; font-family: Arial, sans-serif; font-size: 14px; line-height:24px; } #cse .gs-visibleUrl { color: #8C3D22; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 14px; font-weight: 400; } #cse .gs-visibleUrl-short { display: none; } #cse .gs-visibleUrl-long { display: block; overflow: visible; } #cse .gsc-cursor-box { border-top: solid 1px #EBEBEA; padding: 16px 0 8px; overflow: hidden; } #cse .gsc-cursor { } #cse .gsc-cursor-page { color: #ADADAD; display: block; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 16px; font-weight: 400; float: left; text-align: center; width: 18px; text-decoration: none; } #cse .gsc-cursor-current-page { background-position: left bottom; color: #333; font-weight: normal; } #cse .gsc-trailing-more-results { /* display:none; */ } #cse .gsc-branding { position:absolute; right:20px; top:10px; }