/*seadragon map viewer*/

#seadragon1 div.sd1 {
   margin: 20%;
}

/* banner2  - edited for static page with differing image*/
#banner4 {

    padding: 2em 0 2em 0;
    background-color: #FFFFFF;
    color: rgba(255, 255, 255, 0.75);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url("/assets/css/images/overlay.png"), url("/images/banner3.jpg");
    background-size: 100% 100%;
    text-align: center;
    margin-bottom: 0em;
    
}
#banner4 #logo {
    padding-top:5%;
}

#banner4 h1, #banner4 h2, #banner4 h3, #banner4 h4, #banner4 h5, #banner4 h6 {
    color: #fff;
}

#banner4 h2 {
    font-size: 2.3em;
    margin: 0 0 0.5em 0;
    padding: 0;
}

#banner4 p {
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 1.75em;
    text-transform: uppercase;
}

#banner3 {

    padding: 0em 0 0em 0;
    background-color: #FFFFFF;
    color: rgba(255, 255, 255, 0.75);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("/images/school-2253459_640.jpg");
    background-size: 100%,100%;
    text-align: center;
    margin-bottom: 0em;
    
}
#banner3 #logo {
    padding-top:5%;
}

#banner2 {

    padding: 0em 0 0em 0;
    background-color: #FFFFFF;
    color: rgba(255, 255, 255, 0.75);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("/images/banner2.jpg");
    background-size: cover;
    text-align: center;
    margin-bottom: 0em;
    
}
#banner2 #logo {
    padding-top:5%;
}
    #bg-links {
        
        min-height: 15em;
        border: none;
        padding: 0em 0 0em 0;
        background-color: #F3F01F;
        color: rgba(255, 255, 255, 0.75);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 30%;
        background-size: 100%, 20em;
        text-align: center;
        margin-bottom: 0em;
        margin-top: 0em;
        padding-top: 2em;
        padding-bottom: 2em;
    


    } 

 

    #banner2 input, #banner2 select, #banner2 textarea {
        color: #fff;
    }

    #banner2 a {
        color: #51BAA4;
    }

    #banner2 strong, #banner2 b {
        color: #fff;
    }

    #banner2 h1, #banner2 h2, #banner2 h3, #banner2 h4, #banner2 h5, #banner2 h6 {
        color: #fff;
    }

    #banner2 blockquote {
        border-left-color: transparent;
    }

    #banner2 code {
        background: rgba(255, 255, 255, 0.05);
        border-color: transparent;
    }

    #banner2 hr {
        border-bottom-color: transparent;
    }

    #banner2 input[type="submit"],
    #banner2 input[type="reset"],
    #banner2 input[type="button"],
    #banner2 button,
    #banner2 .button {
        background-color: #fff;
        box-shadow: none;
        color: #1E2832 !important;
    }

        #banner2 input[type="submit"].icon:before,
        #banner2 input[type="reset"].icon:before,
        #banner2 input[type="button"].icon:before,
        #banner2 button.icon:before,
        #banner2 .button.icon:before {
            color: #a5a9ad;
        }

        #banner2 input[type="submit"]:hover,
        #banner2 input[type="reset"]:hover,
        #banner2 input[type="button"]:hover,
        #banner2 button:hover,
        #banner2 .button:hover {
            background-color: white;
        }

        #banner2 input[type="submit"]:active,
        #banner2 input[type="reset"]:active,
        #banner2 input[type="button"]:active,
        #banner2 button:active,
        #banner2 .button:active {
            background-color: #f2f2f2;
        }

        #banner2 input[type="submit"].special,
        #banner2 input[type="reset"].special,
        #banner2 input[type="button"].special,
        #banner2 button.special,
        #banner2 .button.special {
            background-color: #51BAA4;
            box-shadow: none;
            color: #fff !important;
        }

            #banner2 input[type="submit"].special:hover,
            #banner2 input[type="reset"].special:hover,
            #banner2 input[type="button"].special:hover,
            #banner2 button.special:hover,
            #banner2 .button.special:hover {
                background-color: #63c1ae;
            }

            #banner2 input[type="submit"].special:active,
            #banner2 input[type="reset"].special:active,
            #banner2 input[type="button"].special:active,
            #banner2 button.special:active,
            #banner2 .button.special:active {
                background-color: #45ad97;
            }

        #banner2 input[type="submit"].alt,
        #banner2 input[type="reset"].alt,
        #banner2 input[type="button"].alt,
        #banner2 button.alt,
        #banner2 .button.alt {
            background-color: transparent;
            box-shadow: inset 0 0 0 2px #fff;
            color: #fff !important;
        }

            #banner2 input[type="submit"].alt:hover,
            #banner2 input[type="reset"].alt:hover,
            #banner2 input[type="button"].alt:hover,
            #banner2 button.alt:hover,
            #banner2 .button.alt:hover {
                background-color: rgba(255, 255, 255, 0.05);
            }

            #banner2 input[type="submit"].alt:active,
            #banner2 input[type="reset"].alt:active,
            #banner2 input[type="button"].alt:active,
            #banner2 button.alt:active,
            #banner2 .button.alt:active {
                background-color: rgba(255, 255, 255, 0.1);
            }

    #banner2 h2 {
        font-size: 2.5em;
        margin: 0 0 0.5em 0;
        padding: 0;
    }

    #banner2 p {
        color: #fff;
        font-size: 1.5em;
        margin-bottom: 1.75em;
        text-transform: uppercase;
    }

    #banner2 .icon {
        border-radius: 100%;
        border: solid 2px #fff;
        color: #fff;
        display: inline-block;
        font-size: 3em;
        height: 2.25em;
        line-height: 1.25em;
        margin-bottom: 0.5em;
        padding: 0.5em;
        width: 2.25em;
    }

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

        #banner2 {
            padding: 0em 0 0em 0;
        }

    }

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

        #banner2 {
            padding: 0em 0 0em 0;
        }

            #banner2 h2 {
                font-size: 2em;
            }

    }

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

        #banner2 {
            padding: 0em 0em 0em 0em;
        }

    }

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

        #banner2 {
            padding: 0em 0m 0em 0em;
        }

            #banner2 h2 {
                font-size: 1.5em;
            }

            #banner2 p {
                font-size: 1em;
            }

            #banner2 .icon {
                font-size: 2em;
            }

    }

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

        #banner2 {
            padding: 0em 0m 0m 0m;
        }

            #banner2 .icon {
                font-size: 1.5em;
            }

    }