/* CSS Document */ body { font:0.8em/1.5 georgia, "Times New Roman", Times, serif; color: #00240F; background-color: beige; } h3 {font-weight: bold; font-size: 1.5em;} h4 {font-weight: bold; font-size: 1.2em;} h5 {font-weight: bold; font-size: 1.2em;} .skipNav {font: 0.6em Verdana, Arial, Helvetica, sans-serif; color: #005223;} #page { padding: 0; margin: 0 auto; width: 760px; border: 2px solid #005223; background-color: #D5D6B7; height:100%; } #masthead { height: 158px; background-image: url("../Images/header.jpg"); background-repeat: no-repeat; } #topnav { height: 25px; padding: 0 20px 5px 5px; background-color: #9EB28E; } #linkContainer { position:relative; top: 5px; left: 10px; height: 18px; padding: 0; margin: 0; z-index: auto; text-align: right; } #linkContainer a:link, #linkContainer a:visited { padding:0 5px 0 5px; text-decoration: none; color: #005223; font-weight: bold; } a.topNavLink, a.topNavLink:visited { padding: 0 5px 0 5px; border-right: 1px solid; } .lastLink {border-right: none;} #linkContainer a:hover { background-color: #D5D6B7; color:#005223; } /* syles the current page link in the navbar */ /* and relies on each page's body tag being assigned an id*/ /* e.g. */ /* the navbar links are assigned an id e.g. */ /* Home */ body#home a#homenav, body#cottages a#cottnav, body#rates a#ratesnav, body#reservations a#resnav, body#info a#infonav, body#directions a#dirnav { color: #D5D6B7; background: #005223; } /* end of current page styling */ #wrapper { padding: 0; margin: 0; font-size: 1em; height:100%; background-color: #D5D6B7; } body#directions h3 {padding-left: 15px;} div#homeRight img.photo {margin-top: 10px; margin-right: 5px; border: 3px solid #005223;} img.tgcsa {margin-top: 40px;} body#home div#homeRight, body#info div#infoRight { float: right; width: 270px; height: 100%; padding: 10px 0 5px 5px; } body#home div#homeContent { margin: 0 285px 0 0; padding: 5px 5px 5px 15px; height:100%; text-align: justify; } body#info div#infoContent { margin: 0; padding: 5px 15px 5px 15px; height:100%; text-align: justify; } div#ratesContent p {text-align: center;} div#reservationsContent a, div#ratesContent a {color: #00240F; font-weight: bold;} div#reservationsContent a:hover, div#ratesContent a:hover {color: #FFF;} div#ratesContent th a {font-weight: bold; font-size: 1.2em;} div#reservationsContent p {padding: 5px 5px 5px 15px;} body#oak div#oakContent, body#pear div#pearContent, body#goose div#gooseContent, body#orchard div#orchardContent, body#milkwood div#milkwoodContent { margin: 0; padding: 5px 15px 5px 15px; height:100%; text-align: justify; } #oakThumbs, #pearThumbs, #gooseThumbs, #orchardThumbs, #milkwoodThumbs { clear: right; width: 60%; margin-right: 20%; margin-left: 20%; text-align: center; } /* end of cottage styling */ /* Contact details div */ #contact { clear: right; text-align: center; padding: 15px; color: #00240F; } #contact a {color: #00240F;} #contact a:hover {color: #FFF;} /* End of contact details div */ #footer { clear: right; background-color: #9EB28E; height: 35px; text-align: right; margin-top: 10px; font-size: .8em; } div#footer p { padding: 10px 10px 0 10px; text-decoration: none; margin: 0; color: #D5D6B7; } div#footer p a {color: #D5D6B7;} div#footer p a:hover {color: #FFF;} .left {float:left;} .right {float:right;} div.spacer {clear: both;} .homeImage {float: right; margin-left: 15px; border: 3px solid #055223;} /*class for small floated image on homepage */ .rFloatImage {float: right; margin: 0 0 0 15px; border: 3px solid #055223;} /*class for floated image on Farm Info & Individual cottage pages */ a img {border: 3px solid #055223;} /*adds border to thumbnails on cottage pages */ body#cottages a img {border: none;} #ratesContent h4 {padding-left: 10px;} .centre {text-align: center;} .caption { text-align: left; font-weight: bold; font-size: 1.2em; } div#aboveHead h1 {font-size: 0.9em;}