/* General styles applied throughout web-site ========================================== */ /* No margins or padding by default */ * {margin: 0; padding: 0;} /* Base font */ body {font-family: verdana, arial, helvetica, sans-serif; font-size: 13px;} /* Standard element styling */ p {margin-bottom: 0.5em} h1 {font-size: 1.6em; text-align: center; margin: 0.35em 0 0.7em; padding: 0 0.5em;} img {border: 1px solid;} ul li {margin-left: 1em; margin-bottom: 0.5em; font-weight: bold;} ol li {margin-left: 2.5em; margin-bottom: 0.5em;} dl {margin: 1em 0} dt {font-weight: bold;} table {margin: 0 auto 1em; empty-cells: hide; border-spacing: 0; border-collapse: collapse;} td {padding: 0.2em 0.5em; border: 1px solid black;} thead th {padding: 0.2em 0.5em; text-align: right; font-weight: bold; border: none;} tfoot td {border: none;} tbody {background: #FFC;} /* General-purpose classes ======================= */ /* No word-wrapping (usually applied to a to avoid multiple  ) */ .nobreak {white-space: nowrap;} .left {float: left;} .right {float: right;} /* Block for pictures and their captions */ .picture {margin: 0 0.5em; padding: 1em 0.5em;} .picture p {margin-bottom: 0.5em; padding: 0; font-weight: bold; font-size: 0.85em; text-align: center;} /* Styles for specific blocks making up the standard page framework ================================================================ */ /* Outer box for the page, centred horizontally with maximum and minimum widths */ #container {margin: 0 auto; min-width: 47em; max-width: 78em; background: #FFD;} /* Page header banner */ #header {padding: 5px 0; background: #FFD url("bookshelves banner.jpg");} #header p {float: right; margin: 0.5em 0.4em 0; font: bold 1.5em Georgia, Times, serif; color: maroon;} #header img {float: left; border: none;} #header ul {clear: both; padding: 0 5px; text-align: center; list-style: none;} #header ul {position: relative;} /* IE6 work-around: avoids truncated left-hand edge to navigation buttons when they wrap onto a second line */ #header li {display: inline; margin: 0;} #header a {padding: 2px 6px; margin: 0 1px; line-height: 2.5em; font-weight: bold; color: #FD9; text-decoration: none; white-space: nowrap; background: #A63; border: outset 0.3em #A63;} #header a:hover, #header a:focus {color: white;} #header a:active {color: white; border: inset 0.3em #A63;} /* Main content box of the page: structures within this box are styled elsewhere than in this stylesheet (usually in the section of the relevant page). */ #content {padding: 0 0.5%;} /* Contact details page footer banner */ #footer {clear: both; position: relative; width: 100%; background: #FFD;} #footer h1 {padding-bottom: 0.1em; margin: 0; font-size: 1.3em; font-weight: bold; text-align: center; color: white; background: #A63;} #footer p {padding: 0.5em 5px; font-weight: bold; text-align: center;} #footer p.phone {position: absolute; top: 0; left: 0; width: 32%; margin: 2.9em 0;} #footer p.address {margin: 0 36%;} #footer p.email {position: absolute; top: 0; right: 0; width: 32%; margin: 2.9em 0;} /* Semi-invisible validation buttons area */ #validation {width: 100%; background: white;} #validation img {visibility: hidden; border: none;} #validation a:hover img {visibility: visible;}