/* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body {height: 100%;} #Container {min-height: 100%;width:940px;} #content {overflow:auto; padding-bottom: 316px; } /* must be same height as the footer */ /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } a,input{ outline:none; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /* CSS Document */ body, form{ margin:0px; padding:0px; } #Container{ width:940px; } /*#Container01{ width:848px; }*/ .Input01{ width:178px; height:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#817F7F; text-align:left; border:1px solid #D7D7D7; background-color:#F5F5F5; } /* reskin */ #logo{ padding:18px 0 18px 0; } .home-caption{ font-size:10px; color:#999999; padding:12px 0 5px 0; font-family:arial,helvetica,sans-serif; } #footer{ height:367px; clear:both; width:100%; background-color:#e9e9e9; background-image:url(/images/reskin/footer_bg.gif); background-color:#333; background-repeat:repeat-x; position: relative; overflow:hidden; margin-top: -316px; /* negative value of footer height */ } .footer-container{ height:367px; margin-left:auto; margin-right:auto; width:940px; overflow:hidden; } .footer-left,.footer-right{ height:252px; padding-top:20px; } .footer-left{ float:left; overflow:hidden; width:470px; } .footer-right{ width:470px; overflow:hidden; } .footer-links ul{ width:130px; margin-left:0px; padding-left:0px; margin-top:0px; margin-right:0px; } .footer-links ul li { list-style-type:none; margin-left:0px; padding-left:0px; line-height:24px; margin-right:0px; } .footer-links ul li a{ font-size:12px; font-family:Tahoma,arial, sans-serif; color:#666666; text-decoration:none; } .subscribe{ float:right; width:313px; height:59px; background-image:url(/images/reskin/footer_subscribe_bg.gif); overflow:hidden; margin-right:0px; } .subfooter{ width:1000px; height:46px; position:relative; } .subsubfooter{ border-top:solid 1px #666; width:940px; position:relative; background-color:#333; color:white; font-family:Tahoma,arial,sans-serif; font-size:10px; } .col1,.col2,.col3{ width:156px; overflow:hidden; float:left; } .col1{ } .col2{ width:157px; } .col3{ } .subscribe-small-type{ font-size:12px; color:#333; font-family:Tahoma, Arial, Helvetica, sans-serif; padding-top:5px; } #EmailTextbox{ line-height:22px; padding-left:5px; font-size:12px; color:#999999; } .content{ font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#666666; } .content a{ color:#e70032; text-decoration:none; } .content a:hover{ color:#000; text-decoration:underline; } .copyright{ display:inline-block; padding-top:18px; color:white; font-family:arial,helvetica,sans-serif; font-size:11px; width:672px; } .subfooter-links{ width:230px; font-size:11px; padding-top:18px; color:white; } .subfooter-links *{ color:white; } .subfooter-links a.linkclass{ color:white; text-decoration:underline; font-family:Tahoma,arial,helvetica,sans-serif; font-size:11px; } .page-title{ font-size:32px; color:#000; font-family:Tahoma, sans-serif; padding-bottom:15px; padding-top:28px; } .page-content{ font-family:arial,helvetica,sans-serif; color:#666666; font-size:12px; line-height:16px; width:620px; } .page-content p{ font-family:arial,helvetica,sans-serif; color:#666666; font-size:12px; line-height:16px; padding-top:5px; padding-bottom:5px; } .page-image-caption{ color:#999; font-size:10px; font-family:arial,helvetica,sans-serif; } .subheading{ font-size:18px; color:#000; font-family:Tahoma,arial,helvetica,sans-serif; } .sub-nav ul{ padding-bottom:5px; } .sub-nav ul li{ list-style-type:none; padding-bottom:3px; } .sub-nav ul li a{ font-family:Tahoma,arial,helvetica,sans-serif; color:#666666; font-size:14px; text-decoration:none; line-height:20px; } .sub-nav ul li a:hover{ color:#333333; text-decoration:none; } .sub-nav ul li a.on{ font-family:Tahoma,arial,helvetica,sans-serif; color:#000000; font-size:14px; text-decoration:underline; line-height:20px; } .sub-nav ul li a.on:hover{ } .nav-spacer{ padding-top:0px; } h2{ font-size:18px; font-family:Tahoma,arial,helvetica,sans-serif; color:#333; font-weight:normal; padding-bottom:4px; margin:0px; padding-top:15px; } h2.top{ font-size:18px; font-family:Tahoma,arial,helvetica,sans-serif; color:#333; font-weight:normal; padding-bottom:4px; margin:0px; padding-top:0px; padding-top:0px; } h3{ font-size:12px; font-family:Tahoma,arial,helvetica,sans-serif; color:#666; font-weight:normal; padding-bottom:4px; margin:0px; padding-top:13px; } ul.listing-with-image{ padding-bottom:5px; padding-top:20px; } ul.listing-with-image li{ color:#000000; list-style-type:none; padding-bottom:3px; line-height:20px; } ul.listing-no-image{ padding-bottom:5px; padding-top:10px; } ul.listing-no-image li{ color:#000000; list-style-type:none; padding-bottom:3px; line-height:16px; } ul.bulleted{ padding-bottom:5px; padding-top:10px; padding-left:25px; } ul.bulleted li{ margin-left:25px; list-style-type:disc; padding-bottom:3px; line-height:16px; } .alphabet-links a{ font-size:14px; font-weight:bold; color:#e70032; padding-right:3px; } .alphabet-links a:hover{ font-size:14px; font-weight:bold; color:#666666; } a,ul.listing-no-image li a,ul.listing-with-image li a{ color:#e70032; text-decoration:none; } a:hover,ul.listing-no-image li a:hover,ul.listing-with-image li a:hover{ color:#000; text-decoration:underline; } blockquote{ font-style:italic; padding:20px; padding-left:0px; } .image-block{ padding-top:20px; padding-bottom:20px; } .caption{ font-size:10px; color:#000000; } .image-cell{ width:200px; padding-bottom:40px; } .content-cell{ padding-bottom:40px; } .bio-end{ margin-top:0px; margin-bottom:0px; padding-top:10px; padding-bottom:20px; } .resource{ margin-top:0px; margin-bottom:0px; padding-top:10px; padding-bottom:20px; padding-left:25px; font-style:normal; } .bottom-page-spacer{ height:30px; } .home-top-row-left{ font-family:arial,helvetica,sans-serif; font-size:12px; width:559px; height:212px; /*264*/ } .home-top-row-right-tout{ padding-left:20px; padding-right:15px; font-family:arial,helvetica,sans-serif; font-size:12px; padding-top:4px; } .network-listing{ padding-bottom:15px; } .public-program{ padding-bottom:15px; border-bottom:dotted 1px #cccccc; margin-bottom:15px; } .public-program *{ color:#000000; } .public-program a{ color:#e70032; text-decoration:none; } .public-program a:hover{ color:#000; text-decoration:underline; } .bio{ margin-top:0px; margin-bottom:0px; padding:0px; padding-left:0px; font-style:italic; color:#000000; } .academician-image{ max-width:120px; max-height:120px; } .event-listing{ clear:both; padding-top:20px; } .event-listing p{ padding-top:10px; padding-bottom:10px; } .event-title{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:18px; color:#000; margin-top:-1px; } .event-date{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:32px; } .event-header-text{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#666; clear:both; padding-bottom:2px; } .thick-hr{ height:4px; width:700px; background-color:#e70032; } a{ outline:none; } .featured-artist-caption{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#666; padding-top:8px; } .sub-nav ul.subnav{ margin-left:20px; font-size:10px; margin-top:0px; margin-bottom:0px; padding-top:9px; padding-bottom:9px; } ul.subnav li a{ font-size:12px !important; } ul.subnav li a:hover{ } .class-listing{ padding-bottom:20px; } .class-id{ font-family:arial, helvetica, sans-serif; color:#666666; font-size:12px; } .class-title{ font-family:Tahoma,arial, sans-serif; color:#333; font-size:18px; } .class-instructor{ font-family:Tahoma,arial, sans-serif; color:#333; font-size:12px; padding-bottom:10px; padding-top:4px; } .class-details{ font-family:arial, helvetica,sans-serif; color:#333; font-size:12px; } .class-fees{ font-family:arial, helvetica,sans-serif; color:#333; font-size:12px; } .class-description{ font-family:arial, helvetica, sans-serif; color:#666666; font-size:12px; padding: 10px 0px; } .class-limit{ font-family:arial, helvetica, sans-serif; color:#333; font-size:12px; } .class-location{ font-family:arial, helvetica, sans-serif; color:#333; font-size:12px; } .class-listing-separator{ border-top:solid 1px #d6d6d6; padding-top:20px; } .gray-hover:hover{ color:#666; } .archive-image{ display:inline-block; padding-right:20px; width:220px; padding-bottom:40px; vertical-align:top; } .archive-image-caption{ color:#333; font-family:arial,helvetica, sans-serif; font-size:12px; padding-top:15px; } a.archive-image-link img{ height:145px; border:solid 3px white; } a.archive-image-link:hover img{ border-color:#e70032; } /*select box for image archive page */ #exhibitions{ width:220px; padding:5px; border:solid 1px #cccccc; } .footer-super-container{ background-color:white; height:59px; width:100%; } .footer-marketing{ background-color:white; margin-left:auto; margin-right:auto; width:940px; } .footer-signup{ background-image:url(/images/reskin/footer_subscribe_bg.gif); width:313px; height:59px; } .new-time{ /*color:#e70032;*/ font-weight:bold; }