/** Responsive Stuff  */
* {
    box-sizing: border-box;
}

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

/* For mobile phones: */
[class*="col-"] {
    float: left;
    padding: 1em;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {
        width: 8.33%;
    }

    .col-m-2 {
        width: 16.66%;
    }

    .col-m-3 {
        width: 25%;
    }

    .col-m-4 {
        width: 33.33%;
    }

    .col-m-5 {
        width: 41.66%;
    }

    .col-m-6 {
        width: 50%;
    }

    .col-m-7 {
        width: 58.33%;
    }

    .col-m-8 {
        width: 66.66%;
    }

    .col-m-9 {
        width: 75%;
    }

    .col-m-10 {
        width: 83.33%;
    }

    .col-m-11 {
        width: 91.66%;
    }

    .col-m-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {
        width: 8.33%;
    }

    .col-2 {
        width: 16.66%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33%;
    }

    .col-5 {
        width: 41.66%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33%;
    }

    .col-8 {
        width: 66.66%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33%;
    }

    .col-11 {
        width: 91.66%;
    }

    .col-12 {
        width: 100%;
    }
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

@media screen and (min-width: 680px) {
    img.busLogo {
        position: absolute;
        top: 15px;
        right: 3%;
        display: inherit;
    }
}

/** Site specific **/

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, sans-serif;
    color: black;
    background-color: white; /* no gradient support */
    background: -webkit-linear-gradient(cadetblue, whitesmoke, silver); /* some Safari */
    background: -o-linear-gradient(cadetblue, whitesmoke, silver); /* some Opera */
    background: -moz-linear-gradient(cadetblue, whitesmoke, silver); /* some Firefox*/
    background: linear-gradient(#00664d, whitesmoke, silver);
}

div.main {
    background-color: white;
    margin: 5% 4% 10% 4%;
}

header h1 {
    color: white;
    font-size: 1.5em;
    font-family: "Palatino Linotype", Helvetica, serif;
    text-shadow: 2px 2px 4px #000000;
    padding-left: 2em;
}

header h1 a:hover {
    color: palegoldenrod;
    text-decoration: none;
}

nav {
    font-size: small;
    margin: 0 2% 2% 2%;
    border-radius: 7px;
    background: lightgray;
    background: -webkit-linear-gradient(lightgray, white, silver);
    background: -o-linear-gradient(lightgray, white, silver);
    background: -moz-linear-gradient(lightgray, white, silver);
    background: linear-gradient(lightgray, white, silver);
}

nav ul {
    padding: .3em 2em .3em 2em;
}

nav ul li {
    display: inline;
    padding-left: .5em;
    padding-right: .5em;
}

nav ul li a {
    border-radius: 7px;
    padding: 0 .5em 0 .5em;
}

nav ul li a:hover {
    background: white;
    text-decoration: none;
}

a:link, a:visited {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

footer {
    font-size: 80%;
}

footer a:link {
    padding-right: 1em;
    border-right: thin solid lightgray;
}

.copywrite {
    color: lightgray;
}

div#addressBlock {
    font-size: 86%;
    color: darkred;
}

div#motto {
    font-size: 110%;
    color: darkred;
    text-align: center;
    font-family: georgia, Palatino, serif;
}

div#leftmenu {
    background-color: gainsboro;
    color: navy;
    border-right-style: ridge;
    margin: 0;
    padding: 0;
}

div#leftmenu p {
    color: black;
    margin: 0;
    padding: .5em;
}

div#leftmenu ul {
    list-style: none;
    font-size: 80%;
    margin: 0;
    padding: 0;
}

div#leftmenu ul li {
    padding-left: 1.5em;
    padding-bottom: .25em;
    padding-top: .25em;
}

div#leftmenu ul li.hilight {
    border-style: outset;
    border-width: 1px;
    text-align: center;
    background-color: silver;
    padding-left: 0;
}

div#leftmenu ul li.hilight:hover {
    background-color: lightgray;
}

div#leftmenu ul.list {
    list-style: inherit;
    color: black;
    font-size: 75%;
    list-style-position: inside;
}

p.specials {
    text-align: center;
    font-size: 75%;
    background-color: white;
    border-style: ridge;
}

div#content {
    margin: 0;
    padding: 0 0 0 1em;
}

div#content h4 {
    color: darkblue;
}

#hilight1 {
    font-weight: bold;
    color: #b8860b;
    margin: 20px 15% 10px 15%;
    text-align: center;
    padding: 6px;
    border: 2px solid #b8860b;
    background-color: #fafad2;
}

.rate_table {
    background-color: #2f4f4f;
    margin: 20px 0 20px 50px;
    width: 550px;
}

.rate_table_data {
    background-color: #ffffff;
}

.rate_table_header {
    color: #ffffff;
    font-weight: bold;
}