/*Main Layout*/
body { font-size: 12pt; font-family: "Times New Roman", Times, Georgia, serif; text-align: center; margin-top: 0; }
#wrapper { text-align: left; width: 600px; margin: 0 auto; border-color: #5f732c; border-style: solid; border-width: 1px 1px 1px 12px; }
#header { margin: 0; padding: 0; }
#content { }
#footer { }
hr { width: 99.5%; border: solid 1px #5f732c; }
/*Control of Std txt*/
h1 { color: #303306; font-size: 16pt; font-weight: 700; margin: 0.67em 0 0.67em 0.3em; }
h2  /* Colour ex lavenda bush on house */ { color: #7a1b23; font-size: 14pt; font-weight: 700; margin: 0.83em 0 0.83em 0.3em; }
h3 /* Colour ex lavenda bush on house */ { color: #000; font-size: 14pt; font-weight: 700; margin: 0.83em 0 0.83em 0.3em; }
h4 { color: #000; font-size: 14pt; font-weight: 700; margin: 1em 0 0.83em 0.3em; }
p { margin-right: 0.3em; margin-left: 0.3em; }
td { margin-left: 0.3em; }
ul { list-style-type: disc; margin: 1em 0.3em 1em 40px; }
img  /* Prevents link colours from showing */ { border-style: none; }
.bold { font-weight: 700; }
a { text-decoration: none; }
a:link { color: #000080; text-decoration: none; }
a:visited { color: #000080; }
a:hover { color: #343434; font-weight: 700; }
a:active { color: #343434; }
/*Controls for Top of Page (Header)*/
#top p  /* Margin left ex 300 */ { color: #fff; font-size: 24pt; font-family: Chalkboard; font-weight: 700; vertical-align: middle; z-index: 100; margin-top: -40px; margin-left: 200px; }
#top image { z-index: 200; }
#top a { text-decoration: none; }
/*Top Nav*/
#navigation  /* Only some bits work */ { display: none; }
/*Control of Text Boxes - Home pg*/
#txtbox  /*  Enables control of txt boxes on hm page. Height forces other elements below this container */ { position: relative; height: 320px; }
#col1  /* Sits in content - LHS */ { position: absolute; width: 250px; margin-left: 5%; border: solid 1px #5f732c; }
#col2  /* Sits in content - Centre */ { position: absolute; width: 250px; margin-left: 53%; border: solid 1px #5f732c; }
#txtbox h2  /* For txt boxes on hm page */ { font-size: 14pt; font-variant: small-caps; line-height: 21pt; background-color: #5f732c; text-align: center; vertical-align: middle; margin-top: 0; margin-left: 0; padding-bottom: 2px; }
#txtbox h2 a   { color: #000; font-weight: 700; text-decoration: none; }
#txtbox h2 a:hover { color: #fafafa; }
#txtbox p  /* For txt boxes on hm page */ { font-size: 12pt; margin-right: 0.2em; margin-left: 0.3em; }
/*Control of txt & images - most pages*/
#mainArea { position: relative; height: 370px; }
#txt1  /* Text then image1 */ { position: absolute; width: 370px; margin-left: 0.3em; }
#image1  /* Image then text1 */ { position: absolute; left: 400px; }
#txt2  /* Text then image2 */ { position: absolute; top: 170px; left: 210px; width: 370px; }
#image2  /* Image then text2 */ { position: absolute; top: 180px; }
/*Control of txt & images - places pg*/
#mainAreaPlaces { position: relative; height: auto; }
.photo_id  { text-align: center; margin: 8px    }
/*Control of images - Our Story*/
#simagebox  /*   Enables control of image  boxes in the footer. Height forces other elements below this container  */ { position: relative; height: 490px; }
#simage1  /* B'ground, a work around re Safari. problems with bottom border when a div */ { position: absolute; top: 488px; width: auto; height: auto; margin-left: 22px; }
#simage2 { position: absolute; top: 488px; width: auto; height: auto; margin-left: 313px; }
#simage3 { position: absolute; top: 729px; width: auto; height: auto; margin-left: 22px; }
#simage4 { position: absolute; top: 729px; width: auto; height: auto; margin-left: 313px; }
/*Control of footer images*/
#fimagebox  /*   Enables control of image  boxes in the footer. Height forces other elements below this container  */ { position: relative; height: 66px; }
#fimage1  /* B'ground, a work around re Safari. problems with bottom border when a div */ { background-color: #ccc; position: absolute; margin-left: 1%; border-color: #ccc; border-style: solid; border-width: 4px 4px 3px; }
#fimage2 { background-color: #ccc; position: absolute; margin-left: 17.2%; border-color: #ccc; border-style: solid; border-width: 4px 4px 3px; }
#fimage3 { background-color: #ccc; position: absolute; margin-left: 33.3%; border-color: #ccc; border-style: solid; border-width: 4px 4px 3px; }
#fimage4 { background-color: #ccc; position: absolute; margin-left: 49.5%; border-color: #ccc; border-style: solid; border-width: 4px 4px 3px; }
#fimage5 { background-color: #ccc; position: absolute; margin-left: 65.7%; border-color: #ccc; border-style: solid; border-width: 4px 4px 3px; }
#fimage6 { background-color: #ccc; position: absolute; margin-left: 81.8%; border-color: #ccc; border-style: solid; border-width: 4px 4px 3px; }
/*Control footer sub-menu*/
#footer p { font-size: 10pt; text-align: center; margin-top: 12px; padding-top: 12px; }
#footer p+p { font-size: 10pt; text-align: center; margin-top: 6px; padding-top: 6px; }
#footer p+p+p  /* Controls develped by. NEED ONE for LINKS */ { font-size: 10pt; text-align: left; margin-top: 0; padding-top: 0; }
#footer p+p+p a  /* Controls "Develped by" plus the link  */ { font-size: 10pt; text-decoration: none; margin-top: 6px; padding-top: 6px; }