/* Start of CMSMS style sheet 'Marshs Library main CSS' */
/* Defaults for various elements. */
body  {
  background: #e8fbfe;
  color: black;
  font-family: arial, sans-serif;
  font-size: 10pt;
  margin: 0;
  padding: 0;
  border-style: none;
}
div.body {
  min-width:650px;
  /* IE ignores min-width, and this hack only works on a div. Other browsers don't understand this. */
  width:expression(document.body.clientWidth < 655 ? '655px' : '100%' );
}
div {
  border:0;
  margin:0;
  padding:0;
}
img {
  border:0;
  margin:0;
  padding:0;
}
p {
  font-family: arial, sans-serif;
  font-size: 10pt;
  margin-top: 0em;
  margin-bottom: 1em;
  line-height: 1.3em;
}
table {
  font-family: arial, sans-serif;
  font-size: 10pt;
}
table tr.newSection th {
  padding-top:1.5em;
  font-weight:normal;
  text-decoration:underline;
}
table tr.newSection td {
  padding-top: 1.5em;
}
table td, table th {
  vertical-align: text-top;
  padding: 0.3em 0 0.3em 0;
  line-height:1.2em;
}
ul {
  padding:0 1em 1em 2em;
  font-family: arial, sans-serif;
  font-size: 10pt;
}
ul li {
  margin:0.2em 0 0.2em 0;
}
ol {
  padding:0 1em 1em 2em;
  font-family: arial, sans-serif;
  font-size: 10pt;
}
ol li {
  margin:0.2em 0 0.2em 0;
}
dt {
  font-family: arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color:#846d29;
}
dd {
  padding:0 1em 1em 2em;
  font-family: arial, sans-serif;
  font-size: 10pt;
  line-height: 1.3em;
}


/* Defaults for links. link/visited/active/hover cascade in the order given here. */
A:link,
A:visited,
A:active {
  text-decoration:none;
  background-color:inherit;
  border-bottom:1px dotted #b0b0b0;
  color:inherit;
}
A:hover {
  text-decoration: none;
  background-color:#F7D4B1; /*#c8e0e0;*/
  border-bottom:1px solid #b0b0b0;
  color:inherit;
}

/* The container for the banner. */
div.banner {
  background: url(/images/marsh/tpl/bannerBg.jpg) repeat-x;
  height:140px;
  text-align:center;
}

/* Containers for the content. Two nested to put left and right borders repeated in the background. */
div.contentOuter {
  width:100%;
  background:#fff6ec url(/images/marsh/tpl/edgeLeft3.jpg) repeat-y;
  margin:0;
  padding:0;
}
div.contentInner {
  width:100%;
  background:transparent url(/images/marsh/tpl/edgeRight3.jpg) repeat-y right;
  margin:0;
  padding:1px 0 0 0;
}

/* Columns for side columns and main content. "MainCentre" leaves space for side columns on */
/* left & right, while "Main" has space for a side column on the left only. */
div.columnLeft {
  float:left;
  width:190px;
  padding:15px 5px 0 10px;
}
div.columnRight {
  float:right;
  width:190px;
  padding:15px 10px 0 5px;
}
div.columnMain {
  margin:0 0 0 205px;
  padding:0 10px 3px 0;
}
div.columnMainCentre {
  margin:0 205px 0 205px;
  padding:0 0 3px 0;
}

/* The bottom edge */
div.bottomEdge {
  height:64px;
  background:#fff6ec url(/images/marsh/tpl/edgeBottomBg.jpg) repeat-x bottom left;
}

/* Headers */
h1 {
  margin:0;
  padding:0;
}

/* Section heading on a page */
h2 {
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
  text-decoration:none;
  background-color: #c7b099;
  color: #fff6ec;
  margin-top: 1em;
  margin-bottom: 0.4em;
  padding: 0.2em;
  padding-left: 0.5em;
}

h3 {
  font-size:12pt;
  font-weight:bold;
  font-style:italic;
  text-decoration:none;
  background-color:none;
  color:#303030;
  margin:0.5em 0.5em 0.5em 0;
  padding:0.2em;
  border-bottom:1px solid #303030;
}

h4 {
  font-size:10pt;
  font-weight:normal;
  font-style:normal;
  text-decoration:underline;
  background-color:none;
  color:#303030;
  margin:0.5em 0.5em 0.5em 0;
  padding:0.2em 0.2em 0.2em 0;
}

/* Elements in the lefthand column */
div.columnLeft, div.columnRight {
  text-align:center;
}
div.columnLeft img, div.columnRight img {
  border:solid 1px #808080;
  padding:0;
  margin:0.5em 0 0.2em 0;
}
div.columnLeft p, div.columnRight p {
  padding:0 7px 0 7px;
  line-height:1.3em;
  text-align:left;
  font-size:8pt;
  color:#707070;
}
div.columnLeft h3, div.columnRight h3 {
  text-align:left;
  font-size:10pt;
  color:#707070;
  font-weight:bold;
  font-style:italic;
  text-decoration:none;
  border-bottom:1px solid #707070;
  background-color:none;
  margin:12px 7px 0 7px;
  padding:0 0 3px 0;
}

/* Miscellaneous bits & pieces */
span.title {
  font-style:italic;
}
.floatLeft {
  float:left;
  border:1px solid #c0c0c0;
  padding:0;
  margin:5px 10px 5px 0;
}
.floatRight {
  float:right;
  border:1px solid #c0c0c0;
  padding:0;
  margin:5px 0 5px 10px;
}
.note {
  font-size: 8pt;
  font-style: italic;
}
.importantNote {
  color:#e01010;
  padding:0.5em;
  border:1px solid #b05050;
  background:#e8e8e8;
}

/* The search box */
div#search {
  float:none;
  width:auto;
  text-align:center;
  font-size:80%;
  color:#808080;
  border:1px solid #a0a0a0;
  padding: 0.2em;
  margin: 0 5px 0 5px;
}
div#search input {
  font-size:inherit;
  color:inherit;
}
div#search p {
  font-size:inherit;
  color:inherit;
  line-height:normal;
}

/* The overall block containing a set of news headlines */
div.newsSummaryBlock {
  text-align:left;
  border:1px solid #a0a0a0;
  background-color:white;
  margin:5px 5px 0 5px;
  padding:0;
  font-size:80%;
}
div.newsSummaryBlock h2 {
  font-size:10pt;
  font-weight: normal;
  font-style: italic;
  background-color: #c7b099;
  color: #ffffff; /*#fff6ec;*/
  margin:0;
  padding: 0.2em;
}
/* One news summary (headline) item */
div.NewsSummary {
  padding: 2px 0 0 0;
  margin: 5px;
}
/* The date of one news headline */
div.NewsSummaryPostdate {
  font-style:italic;
  padding:0 0 0 0;
  margin:0;
}
/* One news headline text */
div.NewsSummaryLink {
  padding:0;
  margin:0;
}

/* A single article on the main news page */
div.NewsArticle {
  padding:5px 0 5px 0;
}
/* The title of one article */
div.NewsArticle h3 {
  color:#606060;
  border:none;
  border-top:1px solid #808080;
  margin:10px 0 0 0;
}
/* The date of one article */
div.NewsArticle p.NewsPostdate {
  color:#808080;
  padding:0;
  margin:0 0 5px 5px;
  font-style:italic;
  font-size:8pt;
}
/* The content of one news article */
div.NewsArticle p.NewsContent {
  padding:0 0 1.0em 5px;
  margin:0;
}


/* Titles of exhibitions. Create a new class exYYYY for each exhibition. */
div.exhibTitle {
  background-color:none;
  text-align:center;
  padding:0 0 15px 0;
}
div.exhibTitle h3 {
  font-weight:bold;
  font-style:normal;
  font-size:150%;
  color:inherit;
  margin:0.5em 0.5em 0.3em 0.5em;
  padding:0.2em;
  border:none;
}
div.exhibTitle p {
  font-style:italic;
  font-size:110%;
  color:inherit;
  margin:0.3px 0 0.3px 0;
}
div.ex2009 {
  color: #606060;
}
div.ex2008 {
  color: #020884;
}
div.ex2007 {
  color: #020884;
}
div.ex2006 {
  color: #020884;
}
div.ex2004 {
  color: #020884;
}
div.ex2003 {
  color: #406040;
}
div.ex2002 {
  color: #404080;
}
div.ex2001 {
  color: #717240;
}
div.ex2000 {
  color: #157138;
}

/* Images with a short caption beneath them */
div.titledImage {
  padding:0.5em;
  margin:0.5em;
}
div.titledImage img {
  border:1px solid #c0c0c0;
  margin:0;
  padding:0;
}
div.titledImage p {
  margin:0;
  padding:0.1em;
  max-width:92%;
  font-style:italic;
  font-size:75%;
  color:#707070;
}
div.titledImage span.title {
  font-style:normal;
  font-size:inherit;
  color:#303030;
}

/* Text block of contact information */
p.infoBlock {
  margin-left:3em;
}

/* Table of exhibition catalogues */
table.catList {
  margin:0.5em;
  border:1px solid #a0a0a0;
  background-color:#fef4d4;
}
table.catList td {
  border-top:1px solid #a0a0a0;
  padding:0.2em;
  margin:0;
}
table.catList td h4 {
  color:#0000a0;
  font-weight:bold;
}

/* Block of links & flags for information in different languages */
div.lang {
  margin:0;
  padding:10px 0 5px 0;
  text-align:center;
  float:left;
  background-color:#fff6ec;
}
div.lang div {
  margin:0;
  padding:0;
}
div.lang img {
  border:1px solid #d0d0d0;
  margin:2px;
  padding:0;
}
div.lang p {
  font-size: 7pt; 
  margin:1px;
  padding: 0 1px 0 1px; 
  text-align: center;
}
div.lang  p A:link,
div.lang p A:visited,
div.lang p A:active,
div.lang p A:hover {
  text-decoration: none;
  border-bottom:none;
}

/* These are for the info pages in various languages */
div.infoLang h2 img {
  border:1px solid #d0d0d0;
  margin:0 5px 0 2px;
  padding:0;
}
div.infoLang .subtitle {
  font-size:12pt; 
  font-weight:bold;
  margin:0 0 0.5em 0.5em;
}
div.infoLang .address {
  font-size:8pt; 
  margin:0 0 1em 1em;
  color:#808080;
}
div.infoLang .author  {
  font-weight:bold; 
  margin:3px 0 1px 0;
  text-align:right;
}
div.infoLang .translator {
  margin: 0 0 3px 0;
  text-align:right;
}
div.infoLang .openhours {
  margin:0; 
}
div.infoLang .bindery    {
  margin: 2em 0 1em 0;
}
div.infoLang .contact {
  margin:0; 
}

div.infoLang img {
  background-color:white;
  padding:3px;
  margin:0 0 4px 0;
  border:1px solid #d0d0d0;
}

/* For the display of catalogue search form & results */
div.catSearch hr {
  position:static;
  height:1px;
  border:none;
  border-top:1px dotted black;
  padding:0;
  margin:8px;
}
div.catSearch p.matchNum {
  color:#808080;
  padding:0;
  margin:0;
}
div.catSearch th {
  font-weight:normal;
  font-style:italic;
}

/* Bar containing page links */
.linkBar {
  font-size: 7pt;
  margin:0;
  padding: 1em 0.2em 1em 0.2em;
  background-color:#e0dbd6; /*cfe3e3;*/
  text-align:center;
}

/* ========== 03apr08: Above here has been checked & is needed. */

/* Compact text */
.compact {
	font-size: 8pt;
}

/* Extra compact text */
.xcompact {
	font-size: 7pt;
}

/* Small indent */
.smIndent {
	margin-left: 1em;
}

/* Medium indent */
.medIndent {
	margin-left: 2em;
}

/* Text in a sidebar */
.sidebar {
	font-size: 7pt;
	font-style: italic;
	color: #707070;
}

/* Book details in the sidebar */
.sidebarBook {
	font-size: 7pt;
	font-style: italic;
	text-align: center;
}

/* Publication title in a sidebar */
.sidebarT {
	font-style: normal;
}

/* Medium size plain heading */
.medH {
	font-size: 10pt;
	font-weight: bold;
}


/* Publication title */
.pubT {
	font-weight: bold;
	font-style: italic;
}




/* For items on the news page */
.newstitle {
	font-size: 8pt; 
	margin-top: 1em; /*9;*/ 
	margin-bottom: 0;
}
.newshead {
	color: red; 
	font-weight: bold;
}
.newstext {
	font-size: 8pt; 
	margin-top: 0.1em; 
	margin-bottom: 0.5em;
}

/* News headlines */
.boxNewsHeads {
	border: 1px solid #c7b099; /*black;*/ 
	background-color: #ececec; 
	margin:0; 
	width: 160px;
}
.newsTitle {
	font-size: 8pt;
	background-color: #c7b099; 
	color:white; 
	text-align:center; 
	margin-top:0;
	margin-bottom:0.5em;
}
.newsTitle A:link, .newsTitle A:active, .newsTitle A:visited {
	color: white;
	text-decoration: none;
}
.newshead2 {
	font-size: 7pt; 
	margin-top: 0; 
	margin-bottom: 0.5em; 
	margin-left: 0.5em; 
	margin-right: 0.5em;
}

/* Buttons on html forms */
.btnStd {
	font-size: 8pt;
	margin: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0;
	width: 6.4em;
}

/* Buttons on html forms */
.btnCompact {
	font-size: 7pt;
	margin: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0;
	width: 6.0em;
}

/* Standard box (usually div), for forms etc */
.boxStd {
	border: 1px solid black; 
	background-color: #ececec; 
	padding: 0.5em; 
	margin-bottom: 0.4em;
}

/* Box in the sidebar (usually for a book image & name) */
.boxSidebar {
	width: 100%;
	background: white; 
	border: 1px solid black; 
	margin-top: 0.1em; 
	margin-bottom: 0.3em;
	text-align: center;
}


/* End of 'Marshs Library main CSS' */