body { margin: 0; padding: 0; font: 100.01%/1.5 Georgia, "Times New Roman", Times, serif; text-align: left; color: #666; background-color: #B6A26F; } a {color: #666;} a:hover {color:#FFF;} #pagewrapper { width: 762px; margin: 0 auto; } #page { background-color: #F9F2E3; border: 1px solid #F0E1C1; } #header { width: 760px; height: 254px; background-image: url(../Images/indexHeader.jpg); background-repeat: no-repeat; } #header h1 { width: 700px; margin-left: 30px; margin-top: 0; text-indent: -5000px; } .logo {position: relative; top: 0; left: 29%;} #header blockquote { /*can be removed, now quote not included */ position: absolute; top: 193px; left: 393px; background-image: url(../Images/quoteOpen.gif); background-position: top left; background-repeat: no-repeat; } #header blockquote p.quote {/*can be removed, now quote not included */ font-size: 1.2em; margin-bottom: 0; margin-top: 5px; padding: 0px 13px 7px 20px; color: #896041; background-image: url(../Images/quoteClose.gif); background-position: bottom right; background-repeat: no-repeat; } #header blockquote p.author {/*can be removed, now quote not included */ font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: right; font-style: italic; margin-top: 0; color: #AC7851; } #wrapper {width: 760px;padding: 0px 0 10px;} #content { float: right; width: 530px; margin-right: 10px; padding: 0 10px; background-image: url(../Images/heritageLogo.jpg); background-position: 90% 10%; background-repeat: no-repeat; font-size: 90%; border-left: 1px solid #ccc; } body#resEnq #content, body#ok #content {padding: 0 0 0 10px; margin:0; width: 560px;} /*body#directions #content {margin: 0; padding: 0 10px 0 0;}*/ body#rooms #content, body#resEnq #content, body#directions #content, body#ok #content, body#facilities #content {background-image: none;} #content h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.6em; color: #d1a343; padding-top: 0; margin-top: 0; } #content h4, #content p {clear:both;} /*this for the accommodation headings*/ #content hr {width: 50%; margin: 0 auto;} body#links #content a:hover {color: #CC9999;} #sidebar { width: 180px; } #nav { padding-top: /*20px;*/0; font-size: 90%; } #nav li { list-style: none; margin-left: -30px; padding: 0 0 10px 0; font-weight: bold; } #nav a { text-decoration: none; color: #D1A343; background-image: url(../Images/NM.gif); background-position: 0 50%; background-repeat: no-repeat; padding-left: 22px; } #nav li a:hover { color: #996666; background-image: url(../Images/NMbrn.gif); background-position: 0% 50%; background-repeat: no-repeat; } /* 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#rooms a#roomnav, body#facilities a#facilnav, body#resEnq a#resnav, body#links a#linknav, body#directions a#dirnav, body#contact a#contactnav, body#policies a#policynav { color: #A47B28; text-decoration: underline; } /* end of current page styling */ #logos p {text-align: center; padding-top: 10px;} #footer { clear: both; width: 760px; border-bottom: 6px solid #C7A387; } .left {float: left;} .right {float: right;} .left, .right {font: 75% Verdana, Arial, Helvetica, sans-serif;} .imgLeft {float: left; padding: 5px 10px 5px 0;} .imgRight {float: right; padding: 5px 0 5px 10px;} .contact {text-align: center;} .centre {text-align: center;}