@charset "utf-8";
body {
    font: 100%/1.4 Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
}
body.home, .home .container .header  {
background: #282C13 url(../images/back1.jpg) no-repeat center top;
}
body.activities, .activities .container .header  {
    background: #345367 url(../images/back2.jpg) no-repeat center top;
}
body.facilities, .facilities .container .header {
    background: #8E5E54 url(../images/back3.jpg) no-repeat center top;
}
body.location, .location .container .header {
    background: #4C5564 url(../images/back5.jpg) no-repeat center top;
}
body.testimonials, .testimonials .container .header {
    background: #4b5980 url(../images/back4.jpg) no-repeat center top;
}
body.bookings, .bookings .container .header {
    background: #888C8F url(../images/back7.jpg) no-repeat center top;
}
body.contact, .contact .container .header {
    background: #4068B0 url(../images/back6.jpg) no-repeat center top;
}



/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
    margin-top: 0;
    padding-right: 35px;
    padding-left: 35px;
}
ul{
    margin-top: 0;
    padding-right: 35px;
    padding-left: 55px;
}
.header p {
    margin-top: 0;
    padding-right: 0px;
    padding-left: 0px;
}
h3{
    color: #813237;
    }

h1{
    font-family: 'Freestyle Script', cursive;
    /*font-family: 'Bad Script', cursive;*/
    font-size: 56px;
    color: #813237;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
    letter-spacing:-1px;
    margin: 10px 0px 5px 35px;
    padding: 0px;
}
.breakout{
    font-family: 'Freestyle Script',  cursive;
    /*font-family: 'Bad Script', cursive;*/
    font-size: 32px;
    color: #345367;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
    letter-spacing:-1px;
    margin: 10px 0px 5px 35px;
    padding: 0px;
}

a img {
    border: none;
}

a:link {
    color: #8A3D45;
    text-decoration: underline;
}
a:visited {
    color: #6E6C64;
    text-decoration: underline;
}
a:hover, a:active, a:focus {

    color: #466675;
}

.container {
    width: 1018px;
    margin: 0 auto;
}


.header {
    height: 150px;
    text-align: center;
    padding-top: 20px;

}



.content {
    padding: 10px 0;
    background: url(../images/paperTexture.png);
}

/* ~~ The footer ~~ */
.footer {
    padding: 30px 0 10px;
    background: url(../images/footer.png) no-repeat center top;
    text-align: center;
    font: 10px Arial, Helvetica, sans-serif;
    color: #999;
    height: 71px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
}

.border{
    padding: 4px;
    border: 1px solid #CCC;
    margin: 0px 10px 10px;
    }
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.banner {
}
.bannerOverlay {
    background: url(../images/backSwish.png) no-repeat center top;
    overflow: visible;
    position: absolute;
    visibility: visible;
    z-index: 5;
    height: 151px;
    float: left;
    width: 100%;
}

.stagediv {position:absolute;}