/*
colours:
main background #F3DDC0
titles #690000
links #690000
links hover #990000
*/


body { background: #fff; font: normal 14px times, serif; }

a, a:visited { color: #690000; text-decoration: underline; }
a:hover { color: #990000; text-decoration: underline; }
.bobcontent a:hover { color: yellow; text-decoration: underline; }

img { border: 0; padding: 0; }
blockquote { margin-left: 20px; margin-right: 0px; }
table { border-collapse: collapse; }
td { vertical-align: top; }

h1 { font: normal 1.8em Times, serif; }

h2 { font: bold 1.6em Trebuchet Ms, sans-serif; padding: 20px 0 10px 0; margin: 0; }

h3 { font: normal 1.2em Trebuchet Ms, sans-serif; }

h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited { 
  text-decoration: none; 
}
h1 a:hover, h2 a:hover, h3 a:hover { 
  text-decoration: none; color: #006699; 
}
h1 a:visited, h2 a:visited, h3 a:visited { 
  text-decoration: none;
}

h2, h3 { color: #690000; }


table#museummenu { 
  border-collapse: collapse;
  width: 100%;
  background: #336633;
  padding: 0px;
  font-size: .9em;
}

#museummenu td { padding: 0; vertical-align: bottom; }
#museummenu td.link { padding: 3px; width: 75px; }

#museummenu a, #museummenu a:visited {
font-family: times, serif;
color: #fff; padding: 0px;
text-decoration: none;
}

#museummenu a:hover {
  text-decoration: underline;
}

#topmenu {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 7px;
  font-size: .9em; }

#topmenu a, #topmenu a:visited {
  color: #fff;
  padding: 0px 8px;
  text-decoration: none;
}

#topmenu a:hover {
  color: fff;
  background: #333;
}

#submenu { padding: 1em 0; }
#submenu span { padding: 0 1em; }

#head {
  text-align: right;
  color: #fff;
  background: #660000;
  padding: 20px; }

#head a, #head a:visited {
  color: #fff;
  text-decoration: none;
  border: 0; }

#head img {
  border: 0;
  text-decoration: none; }

#container {
  width: 700px;
  margin: 10px auto;
  padding: 0px;
  background: #F3DDC0; 
}

#content {
  float: right;
  width: 480px;
  color: #000;
  background: #F3DDC0; 
  padding: 30px;
  border-left: 1px solid #BF8A78;
}

#content hr { color: #ccc; width: 100%; margin: 2em 0; }

#foot {
  clear: both;
  text-align: center;
  background: #000;
  padding: 1em;
  color: #aaa;
  font-size: .8em; }

#foot a { color: #aaa; }
#toplink a { font-size: .9em; color: #333; }
#accessibility { position: absolute; top: -10000px; }

.green { color: #363; }
.maroon { color: #900; }
.pink { color: #c66; }
.blue { color: #069; }

.caps { }
.small { font-size: .7em; }
.caption { font-size: .7em; font-style: italic; }
.iright { text-align: right; }
.right { float: right; padding: 0 0px 5px 10px; }
.left { float: left; padding: 0 10px 5px 0; }
.clear { clear: both; }
.block { padding-left: 2em; }
.divider { border-top: 1px solid #555; margin: 1.5em 0 }
.underline { border-bottom: 1px solid #fff; }

#content img.left { padding: 0 1em 1em 0; clear: both; }
#content img.right { padding: 0 0 1em 1em; clear: both; }

.comments_error {  background-color: #ffa  }
div.comments_error { border: 1px solid #cc8; padding : 0.3em; }


/* sidemenu */

#sidemenu {
width: 150px;
float: left;
text-align: right;
padding: 50px 0;
color: #000;
}

#sidemenu a {
text-decoration: none;
display: block;
padding: 2px;
color: #000;
}

#sidemenu a:hover {
background: maroon;
color: #fff;
}


/* maps */

.smallmap {
width: 470px; height: 350px; border: 1px solid #ddd; color:#000;
}

.bigmap {
width: 480px; height: 480px; border: 1px solid #ddd; color:#000;
}


/* booking table */

table.bookings { font-size: .8em; }

table.bookings td {
background: #aaa;
padding: 5px;
color: #222;
}

table.bookings tr > td:first-child {
color: #000;
background: #555;
text-align: center;
}


/* search form  */

#search { 
  text-align: right; 
  font-size: .9em; 
}

#search form { display: inline; }

form input { border: 1px solid #BF8A78; }

/* search results */

.searchresult { 
  padding-bottom: 1em;
  border-bottom: 1px solid #fff;
}

.searchresult h3 {
  font-size: 1.1em;
}

.searchresult h3 a, .search h3 a:visited {
  text-decoration: underline;
  padding-bottom: 0;
  color: #520000;
}


/* museum override colours etc */

#museum, #default { padding:0; margin: 0; }

#museum a, #museum a:visited, #museum h2, #museum h3, #museum #content, #museum #sidemenu { color: #fff; }
#museum a:hover { color: #000; }
#museum #sidemenu a:hover { color: #fff; background: #555; }
#museum form input { border: 1px solid #555; }

/* masthead backgrounds */

.mh {
height: 190px;
width: 100%;
border: 0;
color: #fff;
}

.mh p { margin: 0; padding: 20px; }

.mh span.small  { font-size: 20px; }
.mh span.medium { font-size: 40px; }
.mh span.big    { font-size: 60px; }

#mh_default {
background: #bbb url('../images/8.jpg') top left no-repeat;
}

#mh_bookings {
background: #bbb url('../images/11.jpg') top left no-repeat;
}

#mh_education {
background: #bbb url('../images/10.jpg') top left no-repeat;
}

#mh_campaigns {
background: #bbb url('../images/132.jpg') top left no-repeat;
}

#mh_no1 {
height: 160px;
width: 90%;
background: #bbb url('../images/13.jpg') top left no-repeat;
padding: 15px 5%;
}

#mh_bathb {
height: 160px;
width: 90%;
background: #bbb url('../images/20.jpg') top left no-repeat;
padding: 15px 5%;
}

#mh_beckfords {
height: 160px;
width: 90%;
background: #bbb url('../images/7.jpg') top left no-repeat;
padding: 15px 5%;
}

#mh_herschel {
height: 160px;
width: 90%;
background: #bbb url('../images/9.jpg') top left no-repeat;
padding: 15px 5%;
}