/* Move down content because we have a fixed navbar that is 50px tall */
html,
body,
form {
    height: 100%;
}

body {
    color: #00467b;
    font-family: 'Aptos', Arial;
    padding-top: 50px;
    padding-bottom: 20px;
}

body.snowBack {
    background-image: url(/Images/snowback.gif);
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    min-height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.boldItalic {
    font-weight: bold;
    font-style: italic;
}

.bottomText {
    vertical-align: bottom;
}

.centerBlock {
    margin: 0 auto;
}

.centerText {
    text-align: center;
}

.divPictureTables {
    border-spacing: 10px;
    margin-top: 25px;
}

.divPictureTables table {
    margin: 0 auto;
}

.fontSize24pt {
    font-size: 24pt;
}

.fontMedium {
    font-size: medium;
}

.fontSmall {
    font-size: small;
}

.fullWidth {
    width: 100%;
}

.leftText {
    text-align: left;
}

.marginBtm15 {
    margin-bottom: 15px;
}

.paddingTop5 {
    padding-top: 5px;
}

.paddingTopBtm15 {
    padding: 15px 0;
}

.rightText {
    text-align: right;
}

.roundedCorners {
    border-radius: 20px;
}

.shadow {
    border: 1px solid #666666;
    box-shadow: 2px 2px 3px #aaaaaa;
    -moz-box-shadow: 2px 2px 3px #aaaaaa;
    -webkit-box-shadow: 2px 2px 3px #aaaaaa;
}

.travelTable {
    border: 1px solid #333;
}

.travelTable td {
    border-bottom: 1px solid #333;
    height: 66px;
    width: 66px;
}

.travelTable img {
    cursor: pointer;
}

#tblHeader {
    margin: 0 auto;
    width: 500px;
}

#divHome,
#divPictures,
#divTravels {
    cursor: pointer;
    height: 50px;
}

#divHome {
    background-image: url(/Images/btnHome.gif);
    width: 105px;
}

#divHome:hover {
    background-image: url(/Images/btnHome_over.gif);
}

#divPictures {
    background-image: url(/Images/btnPictures.gif);
    width: 215px;
}

#divPictures:hover {
    background-image: url(/Images/btnPictures_over.gif);
}

#divTravels {
    background-image: url(/Images/btnTravels.gif);
    width: 105px;
}

#divTravels:hover {
    background-image: url(/Images/btnTravels_over.gif);
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}