body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin: 0; padding: 0; }
body { background: url('images/bg.png') repeat-x; font: 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }

h2 { font-weight: normal; font-size: 1.75em; margin-bottom: .75em; }
h3 { font-weight: normal; font-size: 1.25em; margin-bottom: 1em; }
p, ul, ol { margin-bottom: 1.25em; }

a { color: #369; text-decoration: none; }
a:hover { text-decoration: underline; }

img.right { float: right; margin: 0 0 15px 15px; }
img.left { float: left; margin: 0 15px 15px 0; }

#page { background: #fff; color: #333; margin: 0 auto; overflow: hidden; width: 880px; }

#header { /*border-bottom: 5px solid transparent;*/ height: 100px; position: relative; }

#logo { background: url('images/logo.gif') no-repeat 50% 50%; height: 100px; position: absolute; top: 0; width: 180px; }
#logo a { display: block; height: 100px; text-indent: -9999px; width: 180px; }

#masthead { background: url('images/masthead.jpg') no-repeat; height: 300px; }

#navigation { bottom: 0; margin: 0; position: absolute; overflow: hidden; right: 0; width: 700px; }
#navigation li { background: url('images/navigation.gif'); float: left; list-style: none; height: 40px; margin-left: 1px; width: 139px; }
#navigation li a { display: block; height: 40px; text-indent: -9999px; width: 139px; }
#navigation #home { background-position: 0 0; }
#navigation #children { background-position: -139px 0; }
#navigation #parents { background-position:  -278px 0; }
#navigation #team { background-position: -417px 0; }
#navigation #philosophy { background-position: -556px 0; }

#sub-navigation { min-height: 5px; height: auto !important; height: 5px; margin: 0; overflow: hidden;  padding: 0 10px; text-align: center; width: 100%; }
#sub-navigation li { display: inline; height: 30px; line-height: 30px; list-style: none; margin: 0 15px; }
#sub-navigation li a { color: #fff; text-decoration: none; }

#main-content { overflow: hidden; padding: 20px; width: 840px; }

#content { float: left; width: 560px; }
#content.full { width: 100%; }

.quotes { font-weight: bold; font-style: italic; font-size: 1.3em; text-align: center; margin-bottom: 1em; color: #60B92D;}

#sidebar { float: right; width: 260px; }

#footer { color: #fff; font-size: 11px; overflow: hidden; padding: 20px; width: 840px; }
#footer .copyright { float: left; width: 65%; }
#footer .dabhand { float: right; text-align: right; width: 25%; }
#footer a { color: #fff; }

#contact-form { background-color: #cf9; float: right; margin-top: 20px; padding: 20px; width: 360px; }
#contact-form input, #contact-form textarea { font: inherit; }
#contact-form .field input { width: 65%; }
#contact-form .field textarea { width: 95%; }
#contact-form .field label { display: block; }
#contact-form .field label.error { color: #c00; }
#contact-form #thankyou { color: #390; }

/* page specific colours */

#home-page { background-color: #cf9; }
#home-page #sub-navigation, #home-page #footer { background-color: #6c3; }
#home-page h2 { color: #390; }

#children-page { background-color: #fcf; }
#children-page #sub-navigation, #children-page #footer { background-color: #f6c; }
#children-page h2 { color: #f39; }

#parents-page { background-color: #c9f; }
#parents-page #sub-navigation, #parents-page #footer { background-color: #93c; }
#parents-page h2 { color: #93c; }

#team-page { background-color: #fc9; }
#team-page #sub-navigation, #team-page #footer { background-color: #f60; }
#team-page h2 { color: #f60; }

#philosophy-page { background-color: #9cf; }
#philosophy-page #sub-navigation, #philosophy-page #footer { background-color: #39f; }
#philosophy-page h2 { color: #06c; }