@media screen,print,handheld {
    h1 {
        text-align: center;
        color: #000080;
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 0em;
        margin-top: 0em;
    }

    h2 {
        text-align: center;
        color: #000080;
        font-size: 1.5em;
        font-weight: bold;
        margin-top: 0em;
    }
    
    h3 {
        margin-top: 0em;
    }

    td {
        vertical-align: top;
    }

    /*This is for colouring Hyperlinks*/

    a:link {
        color: #000080;
        text-decoration: none;
    }

    a:visited {
        color: #000080;
        text-decoration: none;
    }

    a:active {
        color: #0b1df4;
        text-decoration: none;
    }

    a:hover {
        color: #ff0000;
        text-decoration: none;
    }

    /*This is for centering stuff on a page*/

    table.center {
        margin-left: auto;
        margin-right: auto;
    }

    img {
        border: none;
    }

    img.center {
        margin: 0px;
        display: block;
    }

    /*This is for the credits on the bottom of each page*/
    .credits {
        font-size: smaller;
        font-style: italic;
    }

    #outer {
        margin: 0 auto; /*center*/
        width: 100%;
    }

    #inner {
        margin-left: 5%;
        margin-right: 5%;
    }

    #footer {
        text-align: right;
        font-size: smaller;
        font-style: italic;
    }

    .tab {
        margin-left: 40px;
    }

    .center {
        text-align: center;
    }

    .checker {
        background-image: url("Checker-Fire.gif");
        background-repeat: repeat-x;
        background-position: center;
    }

    .checker2 {
        background-image: url("Checker-Fire-Photo.gif");
        background-repeat: repeat-x;
        background-position: bottom;
    }
    
    .checker3 {
        background-image: url("Checker-Fire-History.gif");
        background-repeat: repeat-x;
        background-position: bottom;
    }

    .gallery {
         width:25%;
         text-align: center;
         vertical-align: text-top;
         border:1px solid black;
    }

    div.red {
        font-size: 1.2em;
        font-weight:bold;
        color:red;
    }

    div.blue {
        font-size: 1.2em;
        font-weight:bold;
        color:blue;
    }
    div.menu {
        font-size: 0.7em;
        color:blue;
    }
    div.smmenu {
        font-size: 0.5em;
        font-weight:bold;
        color:blue;
    }
    div.smmenu_red {
        font-size: 0.7em;
        font-weight:bold;
        color:red;
    }
}


@media screen {

    body {
        font-family: Arial, Calibri,"Times New Roman";
        -webkit-text-size-adjust: none;
    }

    /*Page backgrounds*/

    #main {
        background-color: #fafbdf;
    }

    #photo {
        background-color: #ffffff;
    }

    #history {
        background-color: #ffffff;
    }


}

@media print {

    body {
        background: white;
        color: black;
        font: 9pt;
        width: 100%;
    }

    #menu {
        display: none;
    }
}

@media handheld {
    body {
        font-family: Arial, Calibri,"Times New Roman";
        background-color: white;
        color: black;
        font: 11pt;
        width: 768px;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    #header {
        display: none;
    }
}

.floatRight {
    float: right;
    margin-left: 20px;
    margin-right: 20px;
}

.floatLeft {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

.centerImage {
    text-align: center;
    display: block;
    margin-left: 20px;
    margin-right: 20px;
}