* { margin: 0; padding: 0; font-size: 100%; }
ol, ul, li { list-style: none; }
img { border: none; }

.hideme { display: none; }

body {
  background: #003366;
  color: white;
  text-align: center;
  font-size: 80%;
  font-family: 'Bitstream Vera Sans', 'Verdana', Arial, Helvetica, sans-serif;
}

#wrapper {
  margin: 5px auto;
  background: #ffffcc url(../img/wrapper-shadow.gif) repeat-y 100% 0%;
  color: #333333;
  width: 775px;
  text-align: left;
}

.innertube {
  padding: 5px 15px 5px 5px;
}

#header {
  padding-top: 115px;
  background: url(../img/masthead.jpg) no-repeat 0% 0%;
}

#header .bar {
  text-align: right;
  font-size: 130%;
  background: #800A10 url(../img/at.gif) no-repeat 100% 50%;
  color: #FFFFCC;
  padding: 5px 30px 5px 5px;
  /*font-family: 'Tahoma';*/
}

#header .bar a:link    { color: #E7D1A9; text-decoration: none; }
#header .bar a:visited { color: #E7D1A9; text-decoration: none; }
#header .bar a:focus   { color: #ffffff; text-decoration: underline; }
#header .bar a:hover   { color: #ffffff; text-decoration: underline; }
#header .bar a:active  { color: #ffffff; text-decoration: none; }

#content {
  padding-bottom: 20px;
  overflow: hidden;
}

#intro {
  padding: 0 5px 10px 5px;
  border-bottom: 1px solid #0C3458;
  margin-bottom: 15px;
}

#intro h1 {
  
  color: #800A10;
}

#intro .patron {
  padding-top: 5px;
  font-weight: bold;
  font-size: 120%;
  color: #800A10;
}

#intro dl.patron {
	position: relative;
}

dl.patron dt, dl.patron dd {
	display: block;
	text-indent: 0;
	clear: none;
}

dl.patron ul {
	margin: 0; padding: 0;
}

dl.patron li {
	margin: 0; padding: 0;
}

dl.patron dt.patrons {
	float: left;
	width: 5em;
}

dl.patron dd.patrons {
	float: left;
	width: auto;
}

dl.patron dt.keeper {
	float: right;
	width: 6em;
	margin-right: 8em;
}

dl.patron dd.keeper {
	float: right;
	width: auto;
	margin-right: -13.5em;
}

#sidebar {
  float: left;
  width: 190px;
  padding-right: 10px;
}

#main {
  float: right;
  width: 550px;
}

#footer {
  clear: both;
  background: #003366 url(../img/footer-shadow.gif) no-repeat 0 0;
  padding-top: 10px;
  color: white;
  font-size: 75%;
  font-weight: bold;
  text-align: center;
}

#footer ul {
  display: block;
  text-align: center;
  line-height: 150%;
}

#footer li {
  display: inline;
  padding: 0 5px;
}

#footer a:link    { color: #CCCCCC; text-decoration: none; }
#footer a:visited { color: #CCCCCC; text-decoration: none; }
#footer a:focus   { color: #ffffff; text-decoration: underline; }
#footer a:hover   { color: #ffffff; text-decoration: underline; }
#footer a:active  { color: #ffffff; text-decoration: none; }

/* Sidebar */

#menu {
  border-top: 1px solid #CCCCB2;
}

#menu li {
  border-bottom: 1px solid #CCCCB2;
  padding: 2px 0px;
}

#menu li.selected {
}

#menu li a {
  display: block;
  padding: 2px 2px 2px 36px;
  background: #FFFFCC url(../img/menubullet.gif) no-repeat 2px 0px;
}

#menu a:link    { color: #333333; text-decoration: none;      background-color: #FFFFCC;  }
#menu a:visited { color: #333333; text-decoration: none;      background-color: #FFFFCC;  }
#menu a:focus   { color: #ffffff; text-decoration: underline; background-color: #800A10; background-position: 2px -218px; }
#menu a:hover   { color: #ffffff; text-decoration: underline; background-color: #800A10; background-position: 2px -218px; }
#menu a:active  { color: #ffffff; text-decoration: none;      background-color: #800A10; background-position: 2px -218px; }

#menu li.selected a:link, #menu li.selected a:visited {
  color: #ffffff; text-decoration: underline; background-color: #800A10; background-position: 2px -218px;
}

#sketches-info {
  background: #E7D1A9;
  padding: 5px;
  font-size: 90%;
  font-style: italic;
  line-height: 130%;
}

#home #sketches-info { margin-top: 10px; }

#sketches-info p { margin: 0; padding: 0; }

#sketches-info h2 {
  color: #800B11;
}

/* Main headers */

h1, h2 {
  clear: both;
  font-size: 175%;
  font-family: 'Bitstream Vera Serif', 'Book Antiqua', 'Bell MT', 'Times New Roman', Times, serif;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 5px;
  overflow: hidden;
}

h3 {
  clear: both;
  font-size: 125%;
  font-family: 'Bitstream Vera Serif', 'Book Antiqua', 'Bell MT', 'Times New Roman', Times, serif;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 5px;
}

.header {
  overflow: hidden;
  background: url(../img/header-bg.gif) repeat-y 0 0;
  position: relative;
  margin-bottom: 5px;
}

.header h1 {
  position: relative;
  width: 265px;
  height: 120px;
  padding: 0px;
  margin: 0;
  overflow: hidden;
  float: left;
  text-indent: -9999px;
}

#the-trust             .header h1 {  background: url(../img/titles/trust.jpg)               no-repeat 0 0; }
#the-collection        .header h1 {  background: url(../img/titles/collection.gif)          no-repeat 0 0; }
#king-and-country      .header h1 {  background: url(../img/titles/king-and-country.gif)    no-repeat 0 0; min-height: 268px; }
#help-us               .header h1 {  background: url(../img/titles/help-us.gif)             no-repeat 0 0; }
#contact-us            .header h1 {  background: url(../img/titles/contact-us.gif)          no-repeat 0 0; }
#site-map              .header h1 {  background: url(../img/titles/site-map.gif)            no-repeat 0 0; }
#archive               .header h1 {  background: url(../img/titles/archive.gif)             no-repeat 0 0; }
#cobblets              .header h1 {  background: url(../img/titles/cobblets.gif)            no-repeat 0 0; }
#future-developments   .header h1 {  background: url(../img/titles/future-developments.gif) no-repeat 0 0; }
#links                 .header h1 {  background: url(../img/titles/links.gif)               no-repeat 0 0; }
#news                  .header h1 {  background: url(../img/titles/news.gif)                no-repeat 0 0; }
#features              .header h1 {  background: url(../img/titles/features.gif)            no-repeat 0 0; }

#contact-us            .header h1 {  background: url(../img/titles/contact-and-help.gif)    no-repeat 0 0; }
#cobboldiana           .header h1 {  background: url(../img/titles/cobboldiana.gif)         no-repeat 0 0; }
#gifts                 .header h1 {  background: url(../img/titles/gifts.gif)               no-repeat 0 0; }
#books                 .header h1 {  background: url(../img/titles/books.gif)               no-repeat 0 0; }


#the-trust             .header {  background-color: #4d7195; }
#the-collection        .header {  background-color: #BD8285; }
#future-developments   .header {  background-color: #BD8285; }
#links                 .header {  background-color: #BD8285; }
#site-map              .header {  background-color: #BD8285; }
#king-and-country      .header {  background-color: #7E7E98; }
#cobblets              .header {  background-color: #7E7E98; }
#news                  .header {  background-color: #7E7E98; }
#help-us               .header {  background-color: #D7C393; }
#features              .header {  background-color: #D7C393; }
#contact-us            .header {  background-color: #D7C393; }
#archive               .header {  background-color: #D7C393; }

.sectionlinks {
  float: right;
  width: 275px;
  padding: 2px;
  min-height: 116px;
  font-family: 'Bitstream Vera Serif', 'Book Antiqua', 'Bell MT', 'Times New Roman', Times, serif;
/*  font-size: 120%;*/
  border-left: 5px solid #ffffce;
}

#king-and-country .sectionlinks {  min-height: 257px; }

.sectionlinks li a {
  display: block;
  padding: 1px 2px;
  font-size: 120%;
}

.sectionlinks p {
  padding: 4px 4px 0px 4px;
}

.sectionlinks form {
  margin-top: 10px;
  border-top: 1px solid #859DB6;
  padding: 4px;
}

.sectionlinks label {
  display: block;
  margin-bottom: 5px;
}

.sectionlinks input.text {
  border: none;
  background: #859DB6;
}

.sectionlinks .submit {
  display: block;
  margin-top: 5px;
}

/*------------------ */

div#tree {
  padding: 5px 0px;
  margin-left: -2px;
  margin-top: -2px;
}

div#tree a {
  display: block;
  text-indent: -9999px;
  background: url(../img/titles/tree.gif) no-repeat 0 0;
  width: 191px;
  height: 274px;
  border: 2px solid #ffffcc;
}

div#tree a:hover {
  border-color: #800a10;
}

p {
  margin-bottom: 5px;
}

ul.bulleted {
  margin-bottom: 5px;
}

ul.bulleted li {
  padding: 2px 2px 2px 36px;
}

div.hr {
  display: block;
  float: none; clear: both;
  margin: 15px 0px 15px 0px;
  background: url(../img/divider.gif) 0 0 no-repeat;
  height: 0px; padding: 1px 0px 0px 0px; overflow: hidden;
}

div.hr hr { visibility: hidden; }

.two-cols { overflow: hidden; padding-bottom: 5px; }
.left-col { width: 49%; float: left; }
.right-col { width: 49%; float: right; }

dl { overflow: hidden; padding-bottom: 5px;  }
dt { font-weight: bold; float: left; clear: left; width: 4em; }

form.side-by-side {
  overflow: hidden;
}

form.side-by-side .row { overflow: hidden; padding-bottom: 2px; }

form.side-by-side .label { float: left; width: 6em; font-weight: bold; }

form.side-by-side .field { float: left; width: auto; }

form.side-by-side .submit {
  clear: both;
  margin-left: 6em;
}

/* ----------------- */

.basictable {
  width: 100%;
}

.basictable.fixed {
  table-layout: fixed;
}

.basictable caption {
  text-align: left;
  padding: 3px;
  font-weight: bold;
  font-style: italic;
}

.basictable th, .basictable td {
  border: 1px solid #ccccb2;
  padding: 3px;
}

/* -------------------- */

dl.heraldry {
}

dl.heraldry dt {
  float: none; display: block; font-weight: bold;
}

dl.heraldry dd {
  float: none; display: block; font-weight: normal;
  margin-bottom: 10px;
}

/* -------------------- */

form { border: 1px solid #e7d1a9; padding: 1em; font-size: 80%; }
form br { display: block; margin-top: 10px; padding: 10px; }
label { padding-right: 1em; }

/* -------------------- */

dl.collection {
  float: none; display: block;
}

dl.collection dt {
  clear: both;
  float: none;
  display: block; font-weight: bold; 
  background: #e7d1a9;
  white-space: nowrap;
  text-align: right;
  width: 100%;
  margin-bottom: 5px;
  margin-left: -6px;
  padding: 3px;
}

dl.collection dd {
  clear: both;
  float: none; display: block; font-weight: normal;
  margin-bottom: 10px;
}

/*------------------ */

table#roll-of-honour {
  font-size: 80%;
  border-collapse: separate;
  /*font-family: 'Bitstream Vera Sans', 'Symbol';*/
}

table#roll-of-honour th {
  font-weight: bold;
}

table#roll-of-honour th, table#roll-of-honour td {
  padding: 3px;
  /*border: 1px solid #810A10;*/
  /*border: 1px solid black;*/
  border: 1px solid #810A10;
  vertical-align: top;
  
  color: #003366;
}

table#roll-of-honour th:first-child, table#roll-of-honour td:first-child {
  border-left-width: 2px;
}

table#roll-of-honour th:last-child, table#roll-of-honour td:last-child {
  border-right-width: 2px;
}

table#roll-of-honour tr.head-one th {
  background-color: #810A10;
  color: #ffffcc;
}

table#roll-of-honour tr.head-two th {
  color: #003366;
  background-color: #FFFF99;
}

/* ---- Alternate colours ---- */

table#roll-of-honour th, table#roll-of-honour td {
  color: #333333;
}
table#roll-of-honour tr.head-one th {
  color: #E7D1A9;
}
table#roll-of-honour tr.head-two th {
  background-color: #e7d1a9;
  color: #810A10;
}

/* -- End Alternate colours -- */

table#roll-of-honour tr.body-one td {
}

table#roll-of-honour tr.body-two td {
  border-bottom-width: 2px;
}

table#roll-of-honour tr.spacer td {
  border-color: #ffffcc;
  /*
  border-left-color: #ffffcc;
  border-right-color: #ffffcc;
  */
  background-color: #ffffcc;
  height: 10px;
}

/* --------------------------- */

h3 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.links { overflow: hidden; }

.links div.link { margin-bottom: 10px; }

.links h3 {
}

/*
.links div.link h3 { float: left; }
.links div.link a { clear: left; float: left; margin-top: 5px; }

.links div.link { float: left; width: auto; margin: 0px 30px 30px 0px; }
*/

.links a:link    img { border: 2px solid #ffffcc; }
.links a:visited img { border: 2px solid #ffffcc; }
.links a:focus   img { border: 2px solid #800a10; }
.links a:hover   img { border: 2px solid #800a10; }
.links a:active  img { border: 2px solid #800a10; }

/* -------------------------- */

#home-link {
  margin-top: 16px;
  text-align: center;
  padding-top: 36px;
  padding-bottom: 4px;
  background: url(../img/document_32.png) no-repeat 50% 0;
  margin-bottom: 0;
  font-size: 150%;
  margin-left: -8px;
}

#home-link a {
  text-decoration: none;
  color: #62563c;
  font-weight: bold;
}

#home-link a:hover {
  text-decoration: underline;
  color: #81090f;
}

ul#site-map-tree {
  background: url(../img/tree-main-bg.gif) no-repeat 15px 0;
  font-size: 150%;
  padding-top: 48px;
  /*background: url(../img/tree-I.gif) repeat-y 0 0;*/
}

ul#site-map-tree a {
  text-decoration: none;
  /*color: #ccccb2;*/
  color: #62563c;
}

ul#site-map-tree a:hover {
  text-decoration: underline;
  color: #81090f;
}

ul#site-map-tree li {
  display: block;
  background: url(../img/tree-T.gif) no-repeat 0% 0%;
  padding-left: 0px;
  min-height: 32px;
  padding-left: 48px;
  
}

ul#site-map-tree li a {
  display: block;
  padding-left: 38px;
  background: url(../img/document_32.png) no-repeat 0 0;
  min-height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
}

ul#site-map-tree li strong {
/*
  background: url(../img/muffin_32.png) no-repeat 48px 0;
*/
}

ul#site-map-tree li:last-child {
  background-image: url(../img/tree-L.gif);
}

ul#site-map-tree ul {
}

ul#site-map-tree ul li {
}

/* ------------------- */

ul.pdf-list {
  padding-bottom: 15px;
}

ul.pdf-list li {
  display: block;
  overflow: hidden; clear: both;
  margin: 8px 0px;
}

ul.pdf-list a {
  display: block;
  padding-left: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
  float: left;
  background: url(../img/acrobatlogo.gif) no-repeat 0% 50%;
}

ul.pdf-list small {
  float: right;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 100%;
  margin-right: 12px;
}

blockquote { text-indent: 4em; }

/* -------------------- */

#table-wrapper {
  position: relative;
  overflow: visible;
}

table#home-page-table {
  table-layout: fixed;
}

table#home-page-table p#table-intro {
  margin: 0; padding: 0; text-indent: -9999px;
  background: url(../img/chunks/bg-colour.gif) no-repeat 0 0;
  width: 260px;
  height: 110px;
  overflow: hidden;
  border: 2px solid #ffffcc;
}

table#home-page-table td {
  padding: 3px 3px 3px 3px;
}

table#home-page-table td a {
  border: none;
}

table#home-page-table td img {
  border: 2px solid #ffffcc;
}

table#home-page-table td a:hover img {
  border-color: #800a10;
}

/* --------------------- */

.booklist {
  border-collapse: collapse;
  font-size: 80%;
}

.booklist tr {
  vertical-align: top;
}

.booklist th {
  background-color: #990000;
  border: 2px solid #990000;
  color: #ffffcc;
  padding: 3px;
}

.booklist td {
  border: 2px solid #990000;
  padding: 3px;
}

.booklist td a, .booklist td a:visited {
  color: black;
  text-decoration: none;
}

.booklist a.book-title { font-weight: bold; }

.booklist td a:hover {
  color: black;
  background-color: #e7d1a9;
  text-decoration: underline;
}

ul.pageswitcher {
	margin-left: 0;
	padding-left: 0;
  margin-top: 5px;
	display: block;
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  font-family: Verdana, Helvetica, sans-serif;
}

ul.pageswitcher li {
	margin-left: 0px;
  padding-left: .5em;
  padding-right: .5em;
  padding-top: 0px;
  padding-bottom: 0px;
	border-left: 1px solid black;
	list-style: none;
	display: inline;
}

ul.pageswitcher li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

ul.pageswitcher li.current {
  font-weight: bold;
}

/* -------------------------------- */

dl.inline-dl {
  display: block; float: none;
}

dl.inline-dl dt {
  display: block; float: left; clear: left;
  width: auto;
  font-weight: bold;
  margin-right: 1em;
}

dl.inline-dl dd {
  display: block; float: none; clear: none;
  margin-bottom: 10px;
}

/* -------------------------------- */


#sidebar #in-memoriam {
  width: 191px;
  height: 350px;
  overflow: hidden;
  background: url(../img/poem-in-memoriam.gif) no-repeat 0 0;
  position: relative;
}

#sidebar #in-memoriam.poem .title, #sidebar #in-memoriam.poem div {
  text-indent: -9999px;
}

.poem {
  font-size: 80%;
  line-height: 120%;
  margin-bottom: 10px;
}

.poem .title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 100%;
  font-weight: bold;
}

.poem .line.indented {
  text-indent: 1em;
}

.poem .author {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* -------------- */

.chunk {
	min-height: 133px;
	padding: 5px 280px 5px 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid black;
	position: relative;
	background: #FFFFCC url(../img/pixel.png) no-repeat 100% 5px;
}

.chunk:hover {
	background-color: #E0E0B3;
}

* html .chunk {
	height: 133px;
}

.chunk h2 {
	color: #800A10;
	font-size: 160%;
}

.chunk a {
	position: absolute;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 99;
	background: transparent url(../img/pixel.png) repeat 0 0;
}

* html .chunk a {
	padding: 5px 280px 5px 5px;
}


#chunk-book {
	background-image: url(../img/titles/new-book.gif);
	margin-top: 0;
}

#chunk-exhibition {
	background-image: url(../img/titles/exhibition.gif);
	margin-top: 0;
}

#chunk-home {
	background-image: url(../img/titles/website.gif);
}

#chunk-tree {
	background-image: url(../img/titles/family.gif);
	border-bottom: none;
}

/* -------------------- */

#order-table {
  background-color: #FD9;
  border: 3px solid #722;
  padding: 5px;
  margin-bottom: 20px;
}

#order-table table.payment  {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

#order-table .payment th,  #order-table .payment td {
  border-top: 1px solid #967;
  border-bottom: 1px solid #967;
  
}

#order-table .payment thead th {
  padding-bottom: 1em;
}

.price {
  text-align: left;
  margin-bottom: 20px;
}

.price span {
  font-size: 200%;
}

.books form {
border:none;
font-size:1em;
padding:0px;
}
.books {
margin-top:20px;
}
.books .toggler {
width:528px;
padding:10px;
background-color:#800A10;
color:#fff;
display:block;
border: 1px solid #800A10;
cursor:pointer;
font-weight:bold;
font-size:1.2em;
text-transform:uppercase;
clear:both;
}
.books .toggler .price {
float:right;
color: #FFFFCC;
margin:0px;
}

.books .element {
margin:0px;
width:528px;
padding:10px;
padding-top:10px;
border: 1px solid #800A10;
margin-bottom:10px;
}
.books .element .images{
padding-right:10px;
width:150px;
float:left;

}
.books .element .description{
width:368px;
float:right;

}
.books .element .buy{

}
.books .element .buy table {
width:368px;
border: 1px solid #800A10;
border-right:none;

}
.books .element .buy table th {
background-color:#800A10;
padding:3px;
color:#FFFFCC;
text-align:center;
}
.books .element .buy table td {
padding:3px;
border-right: 1px solid #800A10;
}
.books .element .images img{
width:150px;
}
.books .element p{
line-height:1.4em;
}
.books .push {
 clear:both;
 width:500px;
 display:block;
 height:1px;
}
.books .element .total {
width:90px;
text-align:center;
vertical-align:top;
font-size:1.5em;
font-weight:bold;
color:#800A10;
}
.books .element .total dl{

font-size:0.5em;
text-align:left;
} 
.books .element .total dd{
font-weight:normal;
text-align:right;
color:#333;
}
.books .element .total span, .books .element .total dl{
display:none;
}
.books label {
cursor:pointer;
}