/*
border color f2eaea
bright text b53816
885703
background f3f3e3
light background fdffdb;
*/

body {
    background-image: url(/images/grad.png);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-size: 62.5%;
}

/*align text right*/
.rtext {
    text-align: right;
}


a {
    color: #b53816;
}

a:hover {
    color: #ec4119 !important;
}

a:active {
    color: #fc5129;
}

a:visited {
    color: #a52806;
}
/*==========================text styles=======================*/

.ital {
    font-style: italic;
}

.small {
    font-size: 90%;
}



/*==========================images=============================*/
img.l {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
}

img.r {
    float: right;
    border: none;
    margin: 0;
    padding: 0;
}

img.intextl {
    float: left;
    padding: 4px;
    margin: 15px 10px 5px 10px;
    border: 1px solid #f2eaea;
}

img.intextr {
    float: right;
    padding: 4px;
    margin: 5px 10px 5px 10px;
    border: 1px solid #f2eaea;
}

img.zero {
    border: none;
    margin: 0 8px 0 0;
    padding: 0;
}

/*wrapper div around the central page*/
#all_content {
    margin: 10px auto 10px auto;
    padding: 0;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    width: 960px;
}

/*uppermost part of the page, contains banner div, title and strapline*/
#heading {
    background-image: url(/images/top.png);
    background-repeat: no-repeat;
    float: left;
    width: 960px;
    height: 25px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/*contains the sand/feet image background and title text/strapline*/
#banner {
    margin: 0px 10px;
    background-image: url(/images/top.jpg);
    width: 940px;
    height: 169px;
    padding: 0;
}

#heading-title {
    color: #b53816;
    font-style: italic;
    float:left;
    margin: 2px 0 0 20px;
    font-size: 3em;
    display: inline;
}


#heading-strapline {
    clear: left;
    float: left;
}


#heading-strapline h1 {
    color: #b53816;
    font-style: italic;
    margin: 80px 0 0 0;
    font-size: 2.2em;
    text-align: right;
    font-weight: normal;
    width: 600px;
}


#topBorder {
    height: 42px;
    background-image: url(/images/flowers.gif);
    background-repeat: no-repeat;
    background-position:center;
    width: 922px;
    margin: 0 19px;
    padding: 1px 0;
    border-top: 2px solid #f2eaea;
}


/*central portion of page, just background really*/
#content {
    background-image: url(/images/middle.png);
    background-repeat: repeat-y;
    width: 960px;
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
}

/*RHS div heading*/
#contentHead {
    margin: 0 19px 0 0;
    padding: 0;
    background-color: white;
    background-image: url(/images/contentBack.png);
    background-repeat: no-repeat;
    width: 690px;
    height: 6px;
    float: right;
    display: inline;
}

/*RHS div footing*/
#contentFoot {
    margin: 0 19px 20px 0;
    padding: 0;
    background-image: url(/images/contentBack.png);
    background-repeat: no-repeat;
    width: 690px;
    height: 6px;
    float: right;
    display: inline;
}


/*=============================================Main Page Content=============================*/

/*this is where the main page specific content goes*/

#contentMain {    
    color: #333;
    float: right;
    display: inline;
    background-color: white;
    background-repeat: no-repeat;
    padding: 0;
    width:690px;
    min-height: 320px;
    margin: 0 19px 0 0;
}

#contentMain p {
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 0 25px;
    margin: 15px;
}

#contentMain h3 {
    color: #b53816;
    font-weight: normal;
    font-size: 1.8em;
    padding: 0;
    margin: 20px 10px 10px 10px;
}

#contentMain h4 {
    font-size: 1.6em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.5em;
    padding: 0 25px;
    margin: 25px 15px -5px 10px;
}

#contentMain ul {
    font-size: 1.4em;
    line-height: 1.6em;
    list-style-type: circle;
    margin-left: 50px;
}


#treatment {
    color: #444;
    background-color: #ffffee;
    margin: 10px 10px 5px 10px;
    padding: 0;
    float: right;
    clear: right;
    width: 220px;
    display: inline;
    border: 1px solid #f2eaea;
}

#treatment p {
    padding: 0;
    margin: 15px 15px 20px 15px;
}

#treatment p.head {
    font-style: italic;
    text-decoration: underline;
    font-weight: normal;
    font-size: 1.6em;
}

/*===========================================Navigation Div============================*/


#navigation {
    float: left;
    padding: 0;
    margin: 0 0 0 19px;
    display: inline;
    width: 220px;
    background-color: #ffffff;
}

#navTop {
    margin: 0;
    padding: 6px 0 0 0;
    background-image: url(/images/navGrad.png);
    background-repeat: no-repeat;
    width: 220px;
    height: 48px;
    background-color: #ffffff;
}

#navBottom {
    margin: 0;
    padding: 0;
    background-image: url(/images/navGrad.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 220px;
    height: 6px;
}

#navContent {
    width: 220px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

#navContent ul {
    font-size: 1.9em;
    line-height: 33px;
    padding: 0 0 6px 0;
    margin: 0;
    list-style-type: none;
}

#navContent ul li a {
    display: block;
    width: 180px;
    height: 32px;
    margin: 1px 0;
    padding: 0 0 0 40px;
    text-decoration: none;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

#navContent ul li a:hover {
    border-top: 1px solid #f2eaea;
    border-bottom: 1px solid #f2eaea;
}

#navContent ul li a.active {
    font-style: italic;
    border-top: 1px solid #f2eaea;
    border-bottom: 1px solid #f2eaea;
}

/*===========================================Pagination==============================*/

.paginate-block {
    float: right;
    margin: 1em;
}



/*===========================================Tables==================================*/

table {
    font-size: 1.4em;
    margin: 0 0 0 50px;
}

td {
    padding: 3px 10px;
    border-bottom: 1px dotted #e2dada;
}

th {
    padding: 3px 10px;
    border-bottom: 1px solid #e2dada;
}

/*contact table*/

#contact {
    margin: 0px 10px 10px 30px;
}

#contact td {
    border: none !important;
    padding: 3px 5px;
}

#contact input.text {
    width: 280px;
}

#contact textarea {
    width: 280px;
    height: 150px;
}

/*admin messages table*/
#messages {
    width: 630px;
}

#messages td {
    padding: 10px;
}

#email textarea {
    width: 400px;
    height: 200px;
}

#email input.textInput {
    width: 400px;
}

tr.spam {
    background-color: rgb(255,200,150);
}



/*=========================================Google Map=====================================*/

#mapbox {
    text-align: center;
    float: right;
    display: inline;
    padding: 10px;
    margin: 10px;
    border: 1px solid #f2eaea;
    background-color: #ffffee;
}

#mapbox p {
    margin: 4px;
    padding: 0;
    font-style: italic;
}

#map {
    width:250px;
    height:300px;
    margin: 0;
    padding: 0;
    text-align: center;
}
/*=============================================Footer Div==================================*/

#footer {
    background-image: url(/images/bottom.png);
    background-repeat: no-repeat;
    clear: both;
    width: 960px;
    height: 22px;
    margin: 0;
    padding: 0;
}

#runningFooter{
    float: left;
    clear: both;
    width: 940px;
    margin:  0 10px;
    padding: 0;
    display: inline;
}

#runningFooter p {
    text-align: center;
    width: 960px;
    font-size: 1.2em;
    margin: 5px;
    padding: 0;
}

#close {
    clear: both;
    margin: 0;
    padding: 0;
}