body { margin: 0; padding: 0; font: 100.01%/1.5 Georgia, "Times New Roman", Times, serif; text-align: left; color: #666; background-color: none; } a {color: #666;} a:hover {color:#FFF;} #pagewrapper { width: 762px; margin: 0 auto; } #page { background-color: none; border: 1px solid #F0E1C1; } #header { width: 760px; height: 254px; background-image: url(../Images/indexHeaderMontage.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%;} #wrapper {width: 760px;padding: 0px 0 10px;} #content { float: right; width: 530px; margin-right: 10px; padding: 0 10px; background-image: none; 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;} #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: 0; font-size: 80%; } #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;} table { margin: 20px 0; text-align: left; color: #333333; table-layout: fixed; font: 0.9em Arial, Helvetica, sans-serif; } caption { caption-side: top; text-align: left; font: 1.1em Georgia, "Times New Roman", Times, serif; font-weight: bold; } legend {font-weight: bold;} table a {color: #4B4948;} body#resEnq textarea {background-color: #fff; color: #333; font-size: 1.25em;} body#resEnq option, body#resEnq select, body#resEnq input {background-color: #fff; color: #333333; font-size: 0.95em;} body#resEnq .prompt {text-align: right; padding-right: 5px; vertical-align: top;} body#resEnq #container span.smallText {font-size: 0.8em; text-align: left;} body#resEnq .reqd {color: red; font-weight: bold;} body#resEnq p.button {text-align: center;} body#resEnq #container a {color: #333;} body#resEnq #container a:hover {color: #e2dfcd;} body#resEnq fieldset#currentRates td {padding-left: 10px;} body#resEnq fieldset {margin: 20px 0; text-align: left; color: #333333; font: 1em Arial, Helvetica, sans-serif;} fieldset#contactDetails {margin-bottom: 20px; background-color: #fff;} fieldset#accomReqd, fieldset#currentRates {background-color: #fff;} body#resEnq fieldset#currentRates {margin: 0;} fieldset#currentRates td {padding-bottom: 7px;} body#error #content p {padding-top: 20px;} body#contact tbody {font-size: 1.1em; text-align: left;} body#contact td.lcol {text-align: right; padding-right: 15px;} body#contact td {padding-top: 10px;} body#contact table {margin-top: 50px;} body#contact #content a:hover {color: #996666;} body#contact #content {width: 530px; margin-right: 0;} .centre {text-align: center;} th {text-align: left;}