<!DOCTYPE html>
<!--[if IE 9]><html class="ie ie9" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie ie8" lang="en-US"><![endif]-->
<html lang="en">


<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8">

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, width=device-width"/>

    <title>Help Restore School Fine Arts Programs Affected by Hurricane Harvey</title>
<meta name='og:type' content='article'/>
<meta name='description' content='Many Texas school fine arts programs have been devastated by Hurricane Harvey, and while school districts are working to help them recover, some immed...'/>
<meta name='author' content='Debbie Laferty Asbill'/>
<meta name='title' content='Help Restore School Fine Arts Programs Affected by Hurricane Harvey'/>
<link rel='shortcut icon' href='/favicon.ico'/>
<meta name='og:url' content='http://www.musicforall.org/blog/news/help-restore-school-fine-arts-programs-affected-by-hurricane-harvey'/>
<meta name='og:description' content='Many Texas school fine arts programs have been devastated by Hurricane Harvey, and while school districts are working to help them recover, some immed...'/>
<meta name='og:title' content='Help Restore School Fine Arts Programs Affected by Hurricane Harvey'/>



    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">


    <script  src="https://code.jquery.com/jquery-1.12.2.min.js"   integrity="sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk="   crossorigin="anonymous"></script>


    <style type="text/css">

        html, body{
            height: 100%;
        }

        body{
            overflow: hidden;
            vertical-align: baseline;
            border: 0;
            outline: 0;
            margin: 0;
            display: block;
        }

        
                iframe#ContentFrame {
                    position: relative;
                    min-width: 100%;
                    width: 100px;
                    height: 100%;
                    border: 0 none;
                    bottom: 0;
                    left: 0;
                    overflow-x: scroll;
                    right: 0;
                    top: 44px;
                }
            

        iframe#HeaderFrame {
            min-width: 100%;
            width: 100%;
            position: fixed;

            opacity:0.98;
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: 0 none;
            border-radius: 0;
            bottom: auto;
            box-shadow: none;
            color: rgba(0, 0, 0, 1);
            cursor: auto;
            display: block;
            height: 64px;
            left: 0;
            line-height: normal;
            margin: 0;
            max-height: none;
            max-width: none;
            min-height: 0;
            outline-width: 0;
            padding: 0;
            pointer-events: auto;
            right: auto;
            top: 0;
            z-index: 2147483647;
        }

        iframe#FooterFrame {
            min-width: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;

            opacity:0.98;
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: 0 none;
            border-radius: 0;

            box-shadow: none;
            color: rgba(0, 0, 0, 1);
            cursor: auto;
            display: block;
            height: 64px;
            left: 0;
            line-height: normal;
            margin: 0;
            max-height: none;
            max-width: none;
            min-height: 0;
            outline-width: 0;
            padding: 0;
            pointer-events: auto;
            right: auto;

            z-index: 2147483647;
        }


        #wrapper{
            height: 100%;
        }

        #wrapper.ios{
            overflow-y: auto;
            -webkit-overflow-scrolling:touch !important;
            height: 100%;
        }

        #wrapper.ios iframe{
            /*height: 100%;*/
            min-width: 100%;
            width: 100px;
            *width: 100%;
        }

        @media only screen and (max-width: 479px) {


            #HeaderFrame {
                height: 48px;
            }

            iframe#HeaderFrame {
                height: 64px;
            }


            iframe#FooterFrame {
                height: 54px;
            }


        }
    </style>
</head>

<body>


    <div id="wrapper">

        <iframe id="HeaderFrame" src="https://www.socialreport.com/linkTemplateHeader.htm?bgColor=%2315315a&logo=http%3A%2F%2Fwww.socialreport.com%2Fpublic%2F21756%2F201705%2F21756_1496246338733.png&id=1731&linkToUse=http%3A%2F%2Fqoo.ly%2Ffzntc&btnColor=btn+btn-warning+btn-large&btnText=Read+more%3A+PepWear+Educators%27+Blog"></iframe>
        <iframe id="ContentFrame" src="http://www.musicforall.org/blog/news/help-restore-school-fine-arts-programs-affected-by-hurricane-harvey"></iframe>

        </div>


    <script type="text/javascript">
        var wrapper = jQuery('#wrapper');

        if(navigator.userAgent.match(/(iPod|iPhone|iPad)/)){
            wrapper.addClass('ios');
            //var scrolling = 'no';
            $("#ContentFrame").attr("scrolling", 'no');
        }else{
            //var scrolling = 'yes';
        }


        document.location = "#" + $("#ContentFrame").attr("src");



    </script>



    </body>




</html>

