/* Main Layout */
html {overflow-y: scroll}
body {width: 1057px; padding-top: 27px; margin-left: auto; margin-right: auto}
#outerborder {padding: 0 97px 0 0; margin: 0; width: auto}
#container {padding: 0; margin: 0; width: 100%}
#globalwrap {padding: 10px;  margin-top: -20px;  width: 970px}
#global {padding-top: 20px}
/* #global {margin: -10px;} */
body {padding-bottom: 27px}
#body {width: 715px !important; padding: 10px; padding-right: 10px; padding-left: 10px; position: relative; left: -10px}
#leftsidebody {margin-left: 0; margin-top: -20px}
#sidebar {width: 225px !important;margin-top: 0; margin-left: -20px}
#body {padding-bottom: 20px; margin-bottom: -20px}


/* Main Styles */
body {background: #eff0ea}
body, #container {font-size: 12px; font-family: Georgia; serif; color: #838383; line-height: 1.5; font-style: italic}
#outerborder, #container {background: #fcfcfb}
a img {border: none}
a, a:hover {color: #c49479;}
#body {background: #eff0ea;}

/* Header */
.header {width: 100%; height: 165px; padding-top: 10px}
.header img {float: right}
.header {background: url(/images/resources/isleofpurbeck/logos.png) no-repeat 10px 10px }
.header a {display: block; width: 100%; height: 100%}
/* Footer */
.footer {background: #eff0ea; margin-right: -97px; border-right: 97px solid #fcfcfb;min-height: 50px;}
.footerCentraL {width: 960px;}
.footerInner {border-top: 1px dashed #838386; padding-top: 7px; margin-top: 3px; width: 950px}
.footer {padding-top: 7px; padding-bottom: 10px}
.footer a, .footer  {font-style: italic; color: #c49479}
.footer li {display: block}
.footer ul {float: left; width: 49%; padding-top: 10px}
.footer ul {background: url(/images/resources/isleofpurbeck/plus.png) no-repeat}
.footer img {float: right; padding-right: 10px}

/* Headers */
h1 {font-family: "American Typewriter", "Georgia", serif; font-size: 44px; font-weight: normal; letter-spacing: -1px; color: #c49479; font-style: normal; height: 64px; padding-top: 2px; background: #fcfcfb; padding-left: 10px; margin: -10px; margin-bottom: 10px; font-weight: 100}
h3 {color: #c49479;}
#sidebar h3 {font-style: italic; font-size: 14px; margin-top: 10px}
#global h4, #global .status h3 {padding-left: 0; padding-bottom: 12px; background: url(/images/resources/isleofpurbeck/plus_grey.png) no-repeat 0 100%} 
h5 {font-size: 12px}
h4, #global .status h3 {border-top: 1px dotted #333333; margin-top: 2px; padding-top: 3px; font-size: 12px}
#global h4 {margin-top: 15px}
#global h4:first-child {margin-top: 2px}
.status p, #global .status h3 {color: #b7c90f;}
#global .status h3 {color: #b7c90f; background: url(/images/resources/isleofpurbeck/plus_green.png) no-repeat 0 100%}
h3 {margin-top: 0.5em}

/* Nav */
#topmenu {position: static; width: 100%}
#container #nav {margin: 0}
#nav {background: #e6e7df; width: 876px; position: relative; top: auto; left: auto; z-index:1000}
#nav a {font-family: Georgia, serif; font-style: italic; text-transform: capitalize; color: #838383; padding: 7px 13px; background-color:#e6e7df}
#nav a:hover {text-decoration: none; background-color: #f2f3ee}
#nav ul li a, #nav li:hover a {background-color: #f2f3ee}
#nav ul li a {color: #c49479}
#nav a:hover {text-decoration: underline}

/* KEEP: IE7 needs the following for some pages*/
#nav li ul {display: none}
#nav li.sfhover ul, #nav li:hover ul {display: block; left: auto; z-index: 2000;}

/* Columns */
.leftCol, .middleCol, .rightCol {width: 225px; float: left; min-height: 1px}
.leftCol, .middleCol {padding-right: 20px}

/* Boxes */
.brownBox, .blueBox,  .greyBox {color: #f8f2ef; font-style: italic; padding: 10px}
.brownBox a, .blueBox a, .greyBox a{color: #f8f2ef; border-bottom: 1px dotted #f8f2ef}
.brownBox a:hover, .blueBox a:hover, .greyBox a:hover {text-decoration: none; border-bottom: 1px solid #f8f2ef}
.brownBox {background: #c49479;}
.blueBox {background: #3b6b86}
.greyBox {background: #838383}
.brownBox address, .blueBox address, .greyBox address, #global .brownBox p, #global .blueBox p, #global .greyBox p {margin-top: 20px; padding-top:12px; background: url(/images/resources/isleofpurbeck/plus_white.png) no-repeat 0 0; margin-left: 0}
#global .brownBox p, #global .blueBox p, #global .greyBox p {margin-top: 10px}
#container p {margin-left: 0}
.brownBox address:first-child, .blueBox address:first-child, .greyBox address:first-child, #global .brownBox p:first-child, #global .blueBox p:first-child, #global .greyBox p:first-child  {margin-top: 0}
.brownBox h2, .blueBox h2, .greyBox h2 {font-size: 12px; font-weight: bold}
.brownBox .button a, .blueBox .button a, .greyBox .button a {color: #b7c90f; background: url(/images/resources/isleofpurbeck/greenbutton.png) no-repeat 0 50%; padding-left: 10px; border-bottom: none}
.brownBox .button a:hover, .blueBox .button a:hover, .greyBox .button a:hover {text-decoration: underline}

/* Seciont */
.topSection {height: 496px}

/* Sidebar */
#sidebar input {margin-left: 0}
#sidebar h3 {color: #c49479}
#sidebar .topSection {background: #eff0ea}
#sidebar .front .topSection {background: transparent}
#sidebar .loginWrapper {padding-left: 5px}
#sidebar .loginWrapper h3 {margin-top: 0; border-top: 0 solid #eff0ea; margin-left: -5px; padding-left: 5px; padding-top: 15px; font-size: 13px}
#sidebar input[type=text], #sidebar input[type=password] {font-family: Georgia; color: #c49479; border: none; border-bottom: 1px dotted #444444; font-style: italic; font-size: 13px; background: transparent; padding-bottom: 4px; }
#sidebar {position: relative; z-index: 5}

/* Wide Content */
.wide {margin-left: 0; margin-left: -235px; margin-top: -10px; position: relative; z-index: 1}

/* Gallery */
#globalwrap div#global .galleryWrapper {margin-bottom: 10px}
#globalwrap .galleryWrapper .galNav {width: 93px; height: 66px; top: 0; right: -9px}
#globalwrap .galleryWrapper .galNav .fakelink {text-indent: -999em; width: 42px; height: 66px}
.galleryWrapper .galNav .fakelink {background-color: #fcfcfb; background-image: url(/images/resources/isleofpurbeck/gallery_buttons.png)}
.galleryWrapper .galNav .next {background-position: -42px 0}
.galleryWrapper .galNav .next:hover {background-position: -42px -66px}
.galleryWrapper .galNav .previous {background-position: 0 0}
.galleryWrapper .galNav .previous:hover {background-position: 0 -66px}

/* Text */
#container p, #container ul, #container ol {margin-top: 0.6; margin-bottom: 0.6em}
p.button {text-align: right;}
p.button a {color: #c49479; background: url(/images/resources/isleofpurbeck/brownbutton.png) no-repeat 0 50%; padding-left: 10px}
#global p {margin-right: 0}
img[align=left] {margin-right: 20px}
img[align=right] {margin-left: 20px}
a.button { background: url(/images/resources/isleofpurbeck/plus_grey.png) no-repeat 0 50%; padding-left: 10px; margin-right: 10px}
img.restaurant, img.rightfloat {margin-top: -10px; margin-right: -10px; padding-bottom: 300px}


/* Map */
#map_container {margin-bottom: 10px !important; float: none !important}

/* Contact */
.contact {clear: both}
.contact {margin-bottom: -2em}
fieldset {margin-top: 10px; padding: 10px; width: auto; border: 1px dotted #838383}
.contact fieldset {border: none}
.contact input[type=text] {background: #fcfcfb; border: none; padding: 3px; width: 17em}
.contact label {width: 10em; text-align: left; border-bottom: 1px dotted #838383; color: #c49479}
.contact textarea {display: block; clear: left; width: 705px; border: none; background: #fcfcfb; padding: 5px; margin-left:0; margin-top: 5px; min-height: 7em}
.contact label[for=custom_4] {border-bottom: none; margin-bottom: 5px}
.contact input[type=submit] {margin-left: 0}

/* Table */
table {width: 100%; margin-left: 0; border: none; border-spacing: collapse}
table {margin-left: 0 !important}
#global table {margin-left: 0}
table td[colspan] {font-weight: bold}
table td h3 {color: #c49479; padding-bottom: 12px; background: url(/images/resources/isleofpurbeck/plus_grey.png) no-repeat 0 100%; margin-bottom: 3px; margin-top: 10px}
table td {border: none}
table td {border-top: 1px dotted #838383}
table td[colspan], table tr:first-child td {border-top: none}
table td {padding: 3px 5px}
table td:first-child {padding-left: 0}
table td:last-child {padding-right: 0}

.calendar table td:first-child, .calendar table td:nth-child(2) {font-weight: bold}
.calendar table td:nth-child(4) {color:#adbc24}

.course table thead td, .course.purbeck table thead td:nth-child(5) {color: #c49479; font-weight: bold}
.course table td:nth-child(5), .course table td:nth-child(6), .course table td:nth-child(7), .course.purbeck td:nth-child(8) {color: #adbc24}
.course table td, .course.purbeck table td:nth-child(5) {color: #838383;}