﻿/* styles.css
	This document contains elements that are used on specific pages.
*/
    
    
/* Homepage Styles */       
        
    .home_page .col { float:left; width: 256px; border-right: 1px solid #a0a0a0; margin-bottom: -6px; height: 330px}
    .home_page .col h2 { height: 122px; }
    .home_page .col h2 a { display: block; height: 122px; }
    .home_page .col h2 a span { display: none; }
    .home_page .col p { margin: 10px; }
    .home_page .events h2 { background: url(/images/bg_UpcomingEvents.gif) no-repeat;  }
    .home_page .exhibit h2 { background: url(/images/bg_FeaturedExhibit.gif) no-repeat;  }
    .home_page .membership { border: 0px; }
    .home_page .membership h2 { background: url(/images/bg_MembershipPerks.gif) no-repeat;  }
           
/* Landing Styles */

    .content .landing_col { float: left; width: 245px; margin-right: 10px; margin-bottom: -10px }
    .content .pod { float: left; }

    .content .pod a img { float: left; margin: 0px 5px 0px 0px; padding-bottom: 10px; display: inline; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
    .content .pod a img:hover, .content .pod a img.imghover { filter:alpha(opacity=100); -moz-opacity:1; /*opacity:1;*/}
    .content .pod h2 { float: right; width: 148px; font: bold 1.3em "Times New Roman"; border-bottom: 1px solid #303030; }
    .content .pod h2 a { display: block; width: 148px; font: bold 1.0em "Times New Roman"; text-decoration: none; }
    .content .pod h2 a:hover { color: #000; }
    .content .pod p { margin: 3px 0px 10px; float: right; width: 148px; }
    
        .content .p2 { width: 490px; }
        .content .p2 h2, .content .p2 p { width: 393px; }
        
        .content .p3 { width: 240px; margin-right: 0px}
        .content .p3 h2, .content .p3 p { width: 140px; }
        .content .p3 h2 a { width: 140px; }
        .content .big img { margin: 0px; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
        
 
 /* Event Calendar */
 
    .event_cal .left { width: 536px; }
    
    .event_cal #tab_cont { right: 0px; top: 16px;z-index: 1; padding-left: 30px; position: absolute; width: 192px; height: 121px; background: url(/images/bg_tab_cont.gif) no-repeat top right; }
    .event_cal #tab_cont li { position: relative; float: left; margin: -16px 2px 0px 0px; background: none; padding: 0px; width: 59px}
    .event_cal #tab_cont a { text-decoration: none; text-align: center; height: 17px; width: 59px; display: block; color: #B7B7B7; background: url(/images/bg_tab.gif) 0px -18px no-repeat; }
    .event_cal #tab_cont a:hover, .event_cal #tab_cont a.on {color: #fff; background: url(/images/bg_tab.gif) 0px 0px no-repeat; }

    
    
    .event_cal .left ul { position: relative; z-index: 2;list-style: none; float: left; width: 484px;}
    .event_cal .left li { padding-left: 18px; margin-right: 10px; width: 510px; margin-bottom: 5px; background: url(/images/ico_news_release.gif) no-repeat 0px 2px; line-height: 1.4em }
    

    .event_cal .right { width: 204px; }
    .event_cal .right dl { clear: both; float: right; }
    .event_cal .right .print { clear: both; }
    
    .event_cal p.noresult { margin: 0px; position: relative; z-index: 30;  }
    
 /* Contact */
 
    .contact label { cursor: pointer; }
    .contact .form { float: left; width: 343px;  }
    .contact .form img { float: left; width: 94px; margin-right: 10px; }
    .contact .form address { float: left; font-style: normal; padding-top: 0px; padding-bottom: 10px }
    .contact .GMapEZ { float: right; width: 405px; height: 300px; }
    .contact .larger { float: right; margin: 10px 5px;}


/* Exhibits */

    .exhibit .pod { clear: both; float: left; margin-top: 10px; width: 620px }

    .exhibit .pod a img { float: left; margin: 0px 10px 10px 0px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
    /*.exhibit .pod a img:hover, .content .pod a img.imghover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}*/
    .exhibit .pod a { display: block; }
    .exhibit .pod p { margin: 3px 0px 0px; float: left; width: 510px; padding-bottom: 10px}

/* Oral History */

    .oral_history .pod { float: left; margin-top: 10px}

    .oral_history .pod a img { float: left; margin: 0px 5px 10px 0px; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
    .oral_history .pod a img:hover, .content .pod a img.imghover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
    .oral_history .pod h2 { float: left; width: 490px; font: bold 1.3em "Times New Roman"; border-bottom: 1px solid #303030; }
    .oral_history .pod h2 a { display: block; width: 490px; font: bold 1.0em "Times New Roman"; text-decoration: none; }
    .oral_history .pod h2 a:hover { color: #000; }
    .oral_history .pod p { margin: 3px 0px 10px; float: left; width: 490px; }

/*Education*/
    .education .cont { clear: both; float: left; display: none; width: 276px; overflow: hidden }
