/* styles.css
	This document contains elements that are used on specific pages.
*/

/* 1.0 Homepage */

    .pg_homepage .top .fundraising { top: 11px; left: 25px; padding: 0px 20px; position: absolute; background: url(/images/bg_fundraiser_home.jpg) no-repeat;  width: 329px; height: 209px; }
    .pg_homepage .top .fundraising h1 { color: #000; margin: 17px 0px 10px }
    .pg_homepage .top .fundraising p { line-height: 1.5em; margin-top: 15px}
    
    .pg_homepage .btm .blockL { float: left; width: 483px; background: #E5DFD3; height: 520px}
    .pg_homepage .btm .blockL .caption { margin-right: 5px}
    .pg_homepage .btm .blockL p { padding: 5px 10px 10px; }
    .pg_homepage .btm .blockL p img{ margin-bottom: 8px }
    .pg_homepage .btm .blockR p a.news {float: right; font-size: 10px; margin-top: -10px;}
    .pg_homepage .btm .blockR ul {padding: 5px 10px 10px; background: #E5DFD3;}
    .pg_homepage .btm .blockR ul li {background: url(/images/ico_news_bullet.gif) no-repeat 0px 8px; padding-left: 12px; }
    .pg_homepage .btm .blockR ul li a {margin-bottom: 3px; line-height: 20px; text-transform: uppercase;}
    
    .pg_homepage .btm .blockR { float: right; width: 225px; }
    .pg_homepage .btm .blockR p { padding: 5px 10px 5px; background: #E5DFD3; border-bottom: 1px solid #dbd3c6; margin: 0 }
        .pg_homepage .btm .blockR p.yellow { background: #dedbbd}
    .pg_homepage .btm .blockR strong { display: block; margin-top: 8px; line-height: 1.3em }

	.pg_homepage #invader { display: none; position: absolute; top: -25px; left: 150px; z-index: 1001;} 
    .pg_homepage #invader .main_link { cursor: pointer; display: block; background: url(/images/invader_Sept09-glow.png) no-repeat; width: 519px; height: 343px}
    .pg_homepage #invader .close_link { position: absolute; top: 28px; right: 10px; z-index: 1002; width: 25px; height: 25px; background: #fff; filter: alpha(opacity=0); opacity: 0}

/* 2.0 About SCHS */

    .pg_about h1.yellow2 { float: right; margin-bottom: -18px; margin-top: -44px}
    .pg_about h1.yellow2 span { width: 245px; padding-left: 0px; padding-top: 12px; text-align: center;  }
    .pg_about .btm .block { float: left; width: 237px; margin-right: 4px; display: inline}
    .pg_about .btm .block img { margin: 0px -3px; }
    .pg_about .btm .block p { padding: 5px 10px 10px; background: #E5DFD3; height: 167px; }

    .pg_about .btm .inner {  background: #E5DFD3;padding: 5px 10px 10px; }

    /* 2.3 Board Members */
    
        .pg_about .board table { margin: 4px 0px; }
        .pg_about .board td { padding-bottom: 2px; }


/* 3.0 Fundraising */

    .pg_fundraising h1.yellow2 { float: right; margin-bottom: -18px; margin-top: -40px; margin-right: 5px}
    .pg_fundraising h1.yellow2 span { width: 245px; padding-left: 0px; padding-top: 12px; text-align: center;  }
    .pg_fundraising .btm .block { float: left; width: 176px; margin-right: 4px; display: inline}
    .pg_fundraising .btm .block p { padding: 5px 10px 10px; background: #E5DFD3; height: 150px; }
    .pg_fundraising .btm .block p img { margin-bottom: 5px; display: block; }

    .pg_fundraising h1.faqsbtn { float: none; position: absolute; top: 300px; left: 497px;}
    .pg_fundraising h1.videobtn { color: #fff; position: absolute; width: 268px; padding-top: 18px; height: 56px; top: 201px; left: 484px; background: url(/images/bg_videobtn.gif) no-repeat; text-align: center; }
        .pg_fundraising h1.videobtn a { color: #fff; text-decoration: none; }
        .pg_fundraising h1.videobtn a:hover { color: #fff; text-decoration: underline; }

    /* Donations */
    
        .pg_fundraising .donate strong {clear: both; display: block; margin-top: 15px; }
   
    /* 3.2 New Building*/
    
        .pg_fundraising .newbuilding .blockL { display: inline; float: left; width: 300px}
        
        .pg_fundraising .newbuilding .blockR { float: right; width: 350px; }
        .pg_fundraising .newbuilding .blockR img { margin-top: 5px; border: 1px solid #3D3028; }
        .pg_fundraising .newbuilding .blockR strong { display: block; margin-bottom: 2px; }
    
    
    
    /* 3.3 Floorplans */
    
        .pg_fundraising .floorplan strong { clear: both; display: block; margin-top: 15px;}
        .pg_fundraising .floorplan img { margin-top: 5px; border: 1px solid #3D3028; }
        .pg_fundraising .floorplan .blockL { clear: both; float: left; width: 350px; height: 290px;}
        .pg_fundraising .floorplan .blockR { float: right; height: 290px; display: inline}


    /* 3.4 Sponsorships */
    
        .pg_fundraising .sponsorship strong { clear: both; display: block; margin-top: 15px;}

    /* 3.5 Faqs */
    
        .pg_fundraising .faqs strong { clear: both; display: block; margin-top: 15px;}

    /* 3.6 Video */
	
		.pg_fundraising .video .video_area { float: left; display: inline; margin: 20px 0px 20px 45px; }
		.pg_fundraising .video h1.yellow2 { float: left; margin: 0px; margin: 20px 5px 0px 0px }
		.pg_fundraising .video h1.yellow2 span { width: 210px; font-size: 1em; padding-left: 0px; padding-top: 12px; text-align: center;  }

/* 4.0 About Museum */
    .pg_museum .top { padding-bottom: 0px; }
    .pg_museum .top .blockL { float: left; width: 470px; }
    .pg_museum .top img.fleft { margin: 0px 5px 2px 0px; }
    .pg_museum .top .blockR { float: right; width: 228px; padding: 10px 18px 16px 20px; display: inline; background: #c5c3be; margin: -56px -18px 0px 0px}
    .pg_museum .top .blockR p { padding: 0px 15px 10px; }
    .pg_museum .top .blockR p strong { display: block; margin-top: 8px; line-height: 1.3em; }

    .pg_museum .top .images { clear: both; float: left; display: inline; margin-top: -2px; width: 740px;}
    .pg_museum .top .images li { float: left; margin: 0px 5px 2px 0px; width: 234px; }
    .pg_museum .top .caption { margin-right: 3px; margin-bottom: 8px; }

    .pg_museum .btm .block h1 { float: left; width: 730px; }
    .pg_museum .btm .block { float: left; width: 722px; margin: 0; margin-bottom: 5px}
    .pg_museum .btm .block img { margin: 0px -3px; }
    .pg_museum .btm .block p { float: left; padding: 5px 10px 10px; background: #E5DFD3; margin: 0 }
    
    /* Museum Exhibits */
    .pg_museum h1.pdf { background: url(/images/titles/bg_yellow_left.jpg) top left no-repeat; margin-top: -30px; margin-right: 40px; float: right; width: 190px; position: relative;}
       .pg_museum h1.pdf span { background: url(/images/titles/bg_yellow_right.jpg) top right no-repeat; padding-top: 12px; }
       .pg_museum h1.pdf img { position: absolute; top: -15px; right: -15px;  }
       .pg_museum h1.pdf a { display: inline; }
       
    .pg_museum .top .lookfor { float: left; margin-left: 20px; }   
    .pg_museum .top .slider_wrapper {float: left; margin-top: 10px; margin-left: 105px; width: 475px; }
    .pg_museum .top .slider { list-style: none; float: left; width: 475px; border: 0 }
    .pg_museum .top .slider li { float: left; width: 115px; border: 0;  }
    .pg_museum .top .slider li.off { opacity: .5; filter:alpha(opacity=50);}
    .pg_museum .top .slider li:hover, .pg_museum .top .slider li.on { opacity: 1; filter:alpha(opacity=100);}

    .pg_museum .top .slide { font-size: 14px; padding: 0 30px 15px 30px; float: left; width: 640px; display: none; margin-top: -60px;}
    .pg_museum .top .slide strong { font-size: 16px; display: block; margin-bottom: 4px}
    .pg_museum .top .slide img { display: block; margin-left: -25px}


/* 5.0 Contact */

    .pg_contact .top { padding-bottom: 0px; }
    .pg_contact .top .blockL { float: left; width: 470px; }
    .pg_contact .top .blockR { float: right; width: 228px; padding: 10px 18px 16px 20px; display: inline; background: #c5c3be; margin: -56px -18px 0px 0px}
    .pg_contact .top .blockR p { padding: 0px 15px 10px; }
    .pg_contact .top .blockR p strong { display: block; margin-top: 8px; line-height: 1.3em; }

    .pg_contact .btm .inner {  background: #E5DFD3;padding: 5px 10px 10px; }

    .pg_contact .GMapEZ { width: 450px; height: 175px; }
    .pg_contact .larger { text-align: right; margin: 5px 20px}

/* Image Gallery */
    .pg_gallery #gallery h1.headline { float: left; width: 300px; margin-left: 0}
    .pg_gallery #gallery p { float: left; margin: 10px 0; width: 723px; }
    .pg_gallery #gallery .search { float: right;  }
    .pg_gallery #gallery .search span { float: left; font: normal 11px arial; color: #44231f; padding-top: 4px }
    .pg_gallery #gallery .search .txt { float: left; margin-left: 6px; font: normal 11px arial; color: #44231f; }
    .pg_gallery #gallery .search .submit { float: left; margin-left:8px; font: normal 11px arial; color: #44231f; padding: 0; width: 52px; padding: 3px 0;}

    
    .pg_gallery #gallery .left_side { float: left; width: 189px; }
        .pg_gallery #gallery h3 { font: normal 11px arial; margin-bottom: 2px }
        .pg_gallery #gallery .listing2 { padding: 10px 0px 10px 23px; margin-bottom: 5px; list-style-type: disc; background: #c5c3be; float: left; width: 166px; }
            .pg_gallery #gallery .listing2 li { margin-bottom: 5px; line-height: 16px}
            .pg_gallery #gallery .listing2 a.on { font-weight: bold; text-decoration: none}
                .pg_gallery #gallery .listing2 .small { display: none; margin-top: 3px}
                .pg_gallery #gallery .listing2 .small li { margin-bottom: 3px; font: normal 11px arial; line-height: 14px}
   
    .pg_gallery #gallery .images { float: left; margin-left: 10px; margin-top: 20px; display: inline; width: 507px; }
        .pg_gallery #gallery .images h3 { float: left; }
        .pg_gallery #gallery .images ul { clear: left; float: left; width: 507px; padding-top: 10px; }
        .pg_gallery #gallery .images li { float: left; padding: 1px 0px 0px 1px; width: 105px; height: 84px; margin: 0px 20px 20px 0px; background: url(/images/bg_galleryimage.jpg) no-repeat; }
        .pg_gallery #gallery .images li a { float: left;  }
        .pg_gallery #gallery .images li img { width: 99px; height: 77px;  }

/* 6.0 News */

    .pg_news .listing { padding: 10px 0px 0px 23px; list-style-type: disc; background: #c5c3be; float: left; width: 153px;  }
        .pg_news .listing li { margin-bottom: 5px; line-height: 16px}
        .pg_news .listing a.on { font-weight: bold; }
    .pg_news .article { float: left; margin-left: 10px; display: inline; width: 520px; }
        .pg_news .article h2 { font-weight: bold; margin-bottom: 3px;}
        .pg_news .article p img { float: right; margin: 0px 0px 5px 10px; border: 1px solid #fff}