/* 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: 268px}
    .pg_homepage .btm .blockL .caption { margin-right: 5px}
    .pg_homepage .btm .blockL p { padding: 5px 10px 10px; }
    
    .pg_homepage .btm .blockR { float: right; width: 225px; }
    .pg_homepage .btm .blockR p { padding: 5px 10px 10px; background: #E5DFD3;  }
        .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; height: 185px;  }
    .pg_museum .top .blockR p strong { display: block; margin-top: 8px; line-height: 1.3em; }

    .pg_museum .btm .block img { margin: 0px -3px; }
    .pg_museum .btm .block p { padding: 5px 10px 10px; background: #E5DFD3; height: 330px; }
    .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; }


/* 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 0px 20px; display: inline; background: #c5c3be; margin: -40px -18px 0px 0px}
    .pg_contact .top .blockR p { padding: 0px 15px 10px; height: 200px;  }
    .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}


/* 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}