/* CSS reset */
body, p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

/* box model fix here */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* --- BODY --- */
body {
    font-family: 'Oswald', sans-serif;
    color: darkslategray;
    background-color: white; 
    font-size: 16px;
}

/* --- HEADER --- */

header {
    background-color: #FFEEE6; 
}

header h1 {
    color: darkslategray; 
    padding: .75rem 0 0 2%;
    font-size:38px;
}
header h2 {
    color: darkslategray;
    padding: 0 0 4px 2%;
    margin-top: -9px;
    font-size: 22px;
    letter-spacing: 3px;
}

/* ---NAVIGATION --- */
nav {
    background-color: #7E8A51;
    border-top: solid 1px darkslategray;
    border-bottom: solid 1px darkslategray;
}
nav ul.menu {
    list-style-type: none; 
    margin: 0;
    padding: 0;
}
nav ul.menu li {
    float: left; 
}
nav ul.menu li a {
    display: block; 
    padding:.5rem 1.5rem; 
    text-decoration: none;
    color: #EEFFFF;
    letter-spacing: 2px;
}

nav ul.menu li.active a{
    background-color: #B5B277;
}
nav ul.menu li a:hover {
    background-color: #91F2FF;
    color:#677053;
}


/* --- MAIN --- */
main {
    padding: .5rem 2%; 
    background-color: #FFF;
}
main h1 {
    font-size: 2rem;
    color: rgb(199,110,42); 
    border-bottom: 1px solid lightgray;
    margin-bottom: .4rem;
}
main h2 {
    font-size: 1.5rem;
    color: darkslategray;
    margin-bottom: .2rem;
}
main p {
    padding-bottom: .8rem;
    line-height: 150%;
}
main blockquote {
    font-style: italic;
    margin: .4rem 2%;
    font-size: .9rem;
}
main a {
    color: #52B8C2;
   
}
main a:hover {
    color: #B5B277;
}

/* --- IMAGES --- */

figure.rightside {
    float:right; 
    Width: 38%; 
    border: solid 2px lightgray;
    margin: 0 0 .25em 2%;
}
figure.rightside img {
    width: 100%;
}
figure.rightside figcaption {
    text-align: center;
    font-size: .7rem;
    color: darkslategray;
}

figure.trips {
    float:left;
    height:248px;
    width: 150px; 
    padding-top:2px;
    border: 1px solid lightgray;
    text-align: center;
    margin:1rem; 
}

figure.trips figcaption {
    font-size: .7em;
}
figure.trips figcaption span {
    display: block; 
    font-weight: bold;
    font-size: .9rem; 
    color: #52B8C2;
}

/* --- LISTS --- */
main ol.check, main ul.square {
    margin: 0 0 .8rem 0;
    padding: 0 0 0 1rem;
}
main ul.square {
    list-style-type: none;
}
main ol.check {
    list-style-type: circle
}
main dl dt {
    margin: 0;
    padding: 0 0 0 1rem;
    font-weight:600;
}
main dl dd {
    margin: 0;
    padding: 0 0 .75rem 2rem;
}

/* --- FORM STYLING --- */

form.book fieldset {
    margin-bottom: 2rem; 
    border-radius: .5rem; 
    font-size: .9rem;
    color: #7E8A51; 
}
form.book legend {
    font-weight: bold; 
    margin-left: 1rem;
    color:#52B8C2 ;
}

form.book span {
    display: block; 
    padding: .8rem 0 0 .3rem;
}

form.book .userinfo {
    width: 20rem;
    border-radius: .3rem;
    border: solid 1px darkslategray; 
    padding: .4rem; 
    
}
form.book .formbutton {
    width: 20rem; 
    padding: .8rem;
    margin: 0 0 2% 1rem; 
    background:rgb(199,110,42);
    border-radius: .5rem;
    font-weight: bold;
    color:#FFF;
    border: solid 1px darkslategray; 
}


/* --- FOOTER --- */
footer {
    background-color: #7E8A51; 
    
    
}
footer p {
    text-align: center;
    padding: .5rem;
    color: white; 
    font-size: .8rem; 
    font-weight: 600; 
}

/* --- OTHER --- */
div.keepOpen {
    clear: both;
}