html {
    height: 100%;
}

body {
    height: 100%;
    background-color: gray;
}
body a:visited { color: #3333FF; }
body a:link { color: #3333FF; }

.garyheadresponsive {
    width: 100%;
    height: auto;
    /* width ="189" height="245" */
}

div#headerbox {
    position: relative;
    background-color: #D3BC8D;
    width: 97%;
    min-width: 97%;
    max-width: 97%;
    height: 20%;
    min-height: 120px;
    max-height: 20%;
    margin: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-radius: 10px;
    z-index: 100;
}
    div#headerbox:hover { background-color: #FFFFFF; }
/* Use different shades of blue for links, to look nice depending on the background of the container. */
    div#headerbox a:visited { color: #0000FF; }
    div#headerbox a:link { color: #0000FF; }

div#mailingbox {
    position: relative;
    background-color: #DDFFDD;
    width: 97%;
    min-width: 97%;
    max-width: 97%;
    height: auto;
    /*min-height: 120px;
    max-height: 20%;*/
    margin: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-radius: 10px;
    z-index: 100;
}
    div#mailingbox:hover {
        background-color: #FFFFFF;
    }
    /* Use different shades of blue for links, to look nice depending on the background of the container. */
    div#mailingbox a:visited {
        color: #0000FF;
    }
    div#mailingbox a:link {
        color: #0000FF;
    }

div#biobox {
    position: relative;
    background-color: lightblue;
    width: 97%;
    min-width: 97%;
    max-width: 97%;
    height: auto;
    /*min-height: 120px;
    max-height: 20%;*/
    margin: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-radius: 10px;
    z-index: 100;
}

    div#biobox:hover {
        background-color: #FFFFFF;
    }
    /* Use different shades of blue for links, to look nice depending on the background of the container. */
    div#biobox a:visited {
        color: #0000FF;
    }

    div#biobox a:link {
        color: #0000FF;
    }

div#beliefsbox {
    position: relative;
    background-color: beige;
    width: 97%;
    min-width: 97%;
    max-width: 97%;
    height: auto;
    /*min-height: 120px;
    max-height: 20%;*/
    margin: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-radius: 10px;
    z-index: 100;
}
    div#beliefsbox:hover {
        background-color: #FFFFFF;
    }
    /* Use different shades of blue for links, to look nice depending on the background of the container. */
    div#beliefsbox a:visited {
        color: #0000FF;
    }
    div#beliefsbox a:link {
        color: #0000FF;
    }

div#spiritbox {
    position: relative;
    background-color: #CCFFCC;
    width: 97%;
    min-width: 97%;
    max-width: 97%;
    height: auto;
    /*min-height: 120px;
    max-height: 20%;*/
    margin: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-radius: 10px;
    z-index: 100;
}
    div#spiritbox:hover {
        background-color: #FFFFFF;
    }
    /* Use different shades of blue for links, to look nice depending on the background of the container. */
    div#spiritbox a:visited {
        color: #0000FF;
    }
    div#spiritbox a:link {
        color: #0000FF;
    }

div#musicbox {
    position: relative;
    background-color: beige;
    width: 97%;
    min-width: 97%;
    max-width: 97%;
    height: auto;
    /*min-height: 120px;
    max-height: 20%;*/
    margin: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-radius: 10px;
    z-index: 100;
}
    div#musicbox:hover {
        background-color: #FFFFFF;
    }
    /* Use different shades of blue for links, to look nice depending on the background of the container. */
    div#musicbox a:visited {
        color: #0000FF;
    }
    div#musicbox a:link {
        color: #0000FF;
    }

div#footnotesbox {
    position: relative;
    background-color: pink;
    width: 97%;
    min-width: 97%;
    max-width: 97%;
    height: auto;
    /*min-height: 120px;
    max-height: 20%;*/
    margin: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-radius: 10px;
    z-index: 100;
}
    div#footnotesbox:hover {
        background-color: #FFFFFF;
    }
    /* Use different shades of blue for links, to look nice depending on the background of the container. */
    div#footnotesbox a:visited {
        color: #0000FF;
    }
    div#footnotesbox a:link {
        color: #0000FF;
    }