body {
        color: #333333;
        font-family: sans-serif;
        margin: 0px;
        text-wrap: balance;
/*
        background-image: url('/images/banners/banner300.jpg');
*/
    }

   @media screen and (min-width: 00px) {
     body {
        font-size: 120%;
     }
     #banner {        
        background-color: #EEFFEE;
        background-image: url('/images/banners/banner300.jpg') ;
        background-repeat: no-repeat;
        margin: 0 auto;
        width: 300px;
        height: 140px;
     }
     #text_thing {width:100%;}
    }
    @media screen and (min-width: 300px) {
     #banner {
            background-color: #EEEEEE;
        background-image: url('/images/banners/banner640.jpg');
        background-repeat: no-repeat;
           margin: 0 auto;
     width: 600px;
        height: 300px;
     }
     #text_thing {width:100%;}
    }
    @media screen and (min-width: 640px) {
        #banner {
           background-color: #FFEEEE;
           background-image: url('/images/banners/banner800.jpg') ;
            background-repeat: no-repeat;
           margin: 0 auto;
     width: 800px;
        height: 376px;
        }
     #text_thing {width:80%;}
    }
    @media screen and (min-width: 800px) {
        #banner {
           background-color: #EEFFFF;
           background-image: url('/images/banners/banner1024.jpg') ;
           background-repeat: no-repeat;
           margin: 0 auto;
     width: 1024px;
        height: 483px;
        
        }
    }
    #banner{
        background-position: center;
        background-repeat: no-repeat;
    }
    
    #masthead{
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        text-align: center;
    }
    
    #main {
        margin: 3em;
        clear: both;
    }
    
    .drop_shadow{
        box-shadow:.5em .5em .5em #cccccc;
    }
    li{
        margin-bottom: 1em;
    }
    
    h1{
        color: #dd7700;
        text-shadow: 1px 1px 1px #aaaaaa;
    }
    
    #nav {
        text-align: center;
        width:100%;
        clear:  both;
    }

    .nav_button{
        text-align: center;
        background-color: #dd7700;
        box-shadow: .25em .25em .125em #cccccc;
        padding:1em;
        margin: .75em;
        border-radius: 10px;
        line-height: 2em;
        float: left;
    }
    
    .nav_button_link:link{
        font-size: 150%;
        color: white;
        font-weight: bolder;
        text-decoration: none;
    }

    .nav_button_link:visited{
        color:white;

    }
    
    footer{
        text-align: center;
    }