body {
background-color: #634529;
background-image: url(../images/bodybg.jpg);
background-repeat: repeat-x;
background-position: top left;
text-align: center;
font-family: verdana, sans serif;
}

a {
	text-decoration: none;
	color: #5e3b1b;
}

a:hover {
color: #98612f;
border-bottom: 1px dotted #98612f;	
}

span.backlink {
color: #5e3b1b;
cursor: pointer;
}

span.backlink:hover {
color: #98612f;
border: 1px dotted #98612f;		
}

#maincontainer {
max-width: 925px;
min-width: 700px;
width: 95%;
margin: 0 auto 0 auto;
}

#topsection{
text-align: right;
height: 25px;
margin-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 235px;
background: #f4f2d0;
}


#leftcolumn{
float: left;
text-align: left;
width: 235px; /*Width of left column*/
margin-left: -100%;
}

#leftcolumn a:hover {
border: none;
}

#leftcolumn img {
margin-left: 5px;
}

div#navigation {
margin-top: 25px;
background-image: url(../images/menu_bg.gif);
background-repeat: repeat-y;
background-position: top right;
}

div#navigation div.topmoulding {
height: 12px;
width: 100%;
background-image: url(../images/nav_top.gif);
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 0px;
}

div#navigation div.bottommoulding {
height: 12px;
width: 100%;
background-image: url(../images/nav_bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
margin-top: 20px;
}

div#navigation h3 {
font-variant: small-caps;
text-transform: lowercase;
margin: 0 0 5px 15px;
font-family: georgia, serif;
font-size: 12px;
}

div#navigation a:hover {
border-bottom: 1px dotted #98612f;
}

ul.navlinks {
margin-left: 20px;
margin-right: 20px;
font-size: 11px;
font-weight: bold;
margin-bottom: 0;
}

ul.navlinks li {
padding: 6px 0 6px 0;
border-bottom: 1px solid #e6e4c6;
}

ul.navlinks li.pagenav {
padding: 6px 0 6px 0;
border:none;
}

ul.navlinks li.header {
font-variant: small-caps;
font-weight: normal;
text-transform: lowercase;
padding: 10px 0 5px 0;
font-family: georgia, serif;
font-size: 14px;
color: #8a7457;
border: none;
}

ul.navlinks li.button {
font-weight: bold;
font-size: 11px;
padding: 10px 8px 8px 18px;
background-image: url(../images/boxicon.jpg);
background-position: 0px 5px;
background-repeat: no-repeat;
}

ul.navlinks li.button:hover {
}

ul.navlinks li.button span {
font-family: verdana, sans-serif;
line-height: 12px;
font-size: 9px;
color: #8a7457;
font-weight: normal;
display: block;
margin: 4px 0 0 0;
}

ul.navlinks li.sublink a {
color: #8e7054;
padding-left: 18px;
font-weight: normal;
}
div#navigation ul.navlinks li.sublink a:hover {
color: #634529;
border: none;
}

div#pagecontent h1.collectiontitle {
display: none;	
}

div#contentcolumn div.topmoulding {
height: 10px;
background-image: url(../images/content_top_left.gif);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-left: -6px;
}

div#contentcolumn div.topmoulding img {
float: right;
display: block;
margin-right: -6px;
}

div#contentcolumn div.bottommoulding {
height: 10px;
background-image: url(../images/content_bottom_left.gif);
background-repeat: no-repeat;
background-position: bottom left;
margin-top: 20px;
margin-left: -6px;
}

div#contentcolumn div.bottommoulding img {
display: block;
float: right;
margin-right: -6px;
}

div#pagecontent {
margin: 10px 30px 30px 30px;
text-align: left;
min-height: 580px;
}

div.heading {
border-top: 1px solid #cdc2aa;
margin: 30px 0 0 0;
}

div#pagecontent h1 {
color: 	#8e7054;
font-family: georgia, serif;
font-size: 20px;
background-color: #f4f2d0;
font-weight: normal;
margin: -12px 0 15px 0;
display: block;
padding: 0 5px 0 0;
float: left;
}

div#pagecontent h3.underline {
font-weight: bold;
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 20px 0 5px 0;
color: #8e7054;
border-bottom: 1px solid #cdc2aa;
}
	
div#pagecontent h4 {
clear: both;
display: block;
padding: 8px 0 0 0;
margin-top: 15px;
}

div#specialterms h4 {
font-size: 10px;
font-weight: bold;
color: #8e7054;
text-transform: uppercase;
margin: 0 0 15px 0;
}

div#pagecontent p {
font-size: 11px;
line-height: 17px;
margin: 0 20px 10px 0;
}

div#pagecontent p img {
float: right;
margin-top: -50px;
margin-right: -20px;
padding: 4px;
border: 1px solid #cdc2aa;
background-color: #f4f2d0;
margin-left: 20px;
margin-bottom: 20px;
}

div.contentimg {
text-align:center;
}

div.contentimg img{
padding: 4px;
border: 1px solid #cdc2aa;
background-color: #f4f2d0;
}

div#pagecontent p.caption {
	font-size: 11px;
	font-style: italic;
	color: #666666;
}

div#pagecontent p.breadcrumbs {
font-size: 11px;
color: #666666;
height: 15px;
}

div.pagetopimage {
	width: 99%;
	height: 175px;
	margin: 10px 0 10px 0;
	background-color: #ecebda;	
	background-repeat: no-repeat;
	background-position: center left;
	position: relative;
	border: 4px solid #fff;
}

div.pagetopimage img.topleft {
	position: absolute;
	top: -5px;
	left: -5px;
}	

div.pagetopimage img.topright {
	position: absolute;
	top: -5px;
	right: -5px;
}

div.pagetopimage img.bottomleft {
	position: absolute;
	bottom: -5px;
	left: -5px;
}

div.pagetopimage img.bottomright {
	position: absolute;
	bottom: -5px;
	right: -5px;
}

div#footer {
text-align: left;
padding: 0 30px 0 265px;
margin: 20px 0 0 0;
font-size: 12px;
color: #8a7457;
text-align: center;
}

div#footer table {
	width: 100%;
}

div#footer table td.half {
	width: 50%;
	padding: 0 10px 0 10px;
	vertical-align: top;
}

div#footer a {
color: #8a7457;
}

div#footer a:hover {
color: #98612f;	
}

div#footer p {
margin: 10px 0 0 0;
line-height: 12px;
font-size: 10px;
}

div#footer ul {
	font-size: 10px;
	border-top: 1px solid #6f4f32;
	margin-left: 50px;
}
div#footer ul li {
	padding: 3px 0 4px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #6f4f32;
	line-height: 12px;	
}

div#footer a {
text-decoration: none;
text-align: center;
}

div#footer a img {
border: none;
}

div#footer a div.popup {
height: 414px;
width: 346px;
background-image: url(../images/logopopup.png);
background-repeat: no-repeat;
background-position: top left;
display:  none;
z-index: 5000;
}

div#footer a:hover div.popup {
display: block;
position: absolute;
margin-top: -404px;
margin-left: -326px;
}

div#footer a div.popup p {
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 10px;
color: #fff;
line-height: 14px;
padding: 0 42px 0 42px;
text-align: left;
}

div#footer span.bold {
font-weight: bold;
}


div#headerimage {
height: 240px;
width: 100%;
background-image: url(../images/watson_splashimage.jpg);
background-repeat: no-repeat;
background-position: center center;
margin: 10px 0 10px 0;
border: 1px solid #cdc2aa;
}

img.homeimage {
margin: 0 auto 0 -10px;
}

div.pageoption {
float: left;
background-color: #eeeccb;
border-bottom: 1px solid #dedcbc;
border-right: 1px solid #dedcbc;
border-top: 1px solid #fbfae0;
border-left: 1px solid #fbfae0;
margin: 0px 10px 10px 0;
padding: 10px 10px 20px 10px;
font-size: 12px;
width: 130px;
height: 140px;
}

div.pageoption:hover {

}

div.pageoption form input.keysearch {
width: 115px;	
}

div.pageoption h2 {
font-weight: bold;
border-bottom: 1px solid #dedcbc;
padding: 0 0 5px 0;
line-height: 14px;
}

div#pagecontent div.pageoption p {
	font-size: 10px;
	line-height: 13px;
	margin-top: 10px;
	margin-bottom: 0;
}

div.pageoption div.suboption {
	position: relative;
	float: left;
	margin: 10px 4px 0 10px;
	line-height: 14px;
	clear: both;
	font-weight: bold;
}

div#optiongroup {
	margin: 10px 0 10px 0;
	clear: both;
	float: left;
}

div.spacer {
clear: both;
}

a#player {
float: left;	
margin-right: 20px;
}

div#alphalinks {
font-family: georgia, serif;
font-size: 14px;
width: 100%;
margin-left: -1px;
padding-bottom: 20px;
}

div.alphaletter {
float: left;
width: 20px;
height: 20px;
color: #f4f2d0;
line-height: 18px;
text-align: center;
background-color: #dedcbc;
border: 1px solid #dedcbc;
margin: 0 1px 2px 1px;
}

div.alphaletter a {
display: block;
width: 20px;
height: 20px;
background-color: #fcfbe1;
}

div#pagecontent h2.alphaheader {
font-size: 14px;
font-weight: bold;
padding: 0 0 5px 0;
border-bottom: 1px solid #cdc2aa;
margin: 20px 0 15px 0px;;
}

div#pagecontent div.namerecord {
font-size: 11px;
margin: 0 0 10px 0;
}

div#specialterms {
position: relative;
float: right;
background-color: #f4f2d0;
border: 1px solid #cdc2aa;
padding: 10px 20px 10px 20px;
margin: -35px 0 0 0;
}

div.backtotop {
font-size: 11px;
text-align: center;
float: left;
width: 80px;
padding: 2px 0 3px 0;
background-color: #fcfbe1;
border: 1px solid #dedcbc;
margin: 10px 0 10px 0;
}


input.searchbutton {
font-size: 11px;
text-align: center;
float: left;
padding: 2px 5px 3px 5px;
background-color: #fcfbe1;
border: 1px solid #cdc2aa;
margin: 5px 0 0 0;
color: #8e7054;	
cursor: pointer;

}

div#pagecontent p.results {
	font-weight: bold;
	margin-top: 20px;
	clear: both;
	float: left;
}

div.resultrecord {
	border-top: 1px solid #dedcbc;
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
	font-size: 11px;
	line-height: 16px;
}

div.resultrecord h3 {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	padding: 5px 20px 0 0;	
}

div.resultrecord p {
	font-weight: normal;
	padding-top: 5px;
	padding-left: 100px;
}

div.resultrecord div.thumbwrap {
	width: 85px;
	float: left;
	margin: 8px 15px 0 0;
	text-align: center;
}

div.resultrecord div.thumbwrap img {
	
}

div#topframecontent {
width: 100%;
height: 125px;
background-image: url(../images/frameborder.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}

div#topframecontainer {
max-width: 1000px;
min-width: 700px;
width: 95%;
margin: 0 auto 0 auto;
padding: 30px 0 0 0;
}

table.zoomifywrap {
background-color: #f4f2d0;
margin: 10px 0 0 0;
}	

td.poweredby {
text-align: right;
font-size: 10px;
margin: 0 0 20px 0;
}

table#metadata {
	font-size: 11px;
	line-height: 15px;
	width: 100%;
	margin: -7px 0 0 0;
}

table#metadata td {
	border-bottom: 1px solid #dedcbc;
	padding: 3px 0 4px 0;
}

table#metadata td.label {
	width: 150px;
	font-weight: bold;
	vertical-align: top;
}

span.entityinfo {
float: left;
clear: both;
}

table#download {
float: right;
margin: 10px 0 0 0;
font-size: 11px;
}

table#download td {
padding-left: 15px;
}

table#download td a {
padding: 5px 0px 5px 20px;	
}

table#download td.print a {
background-image: url(../images/printicon.jpg);
background-repeat: no-repeat;
background-position: center left;
}

table#download td.highres a {
background-image: url(../images/downloadicon.jpg);
background-repeat: no-repeat;
background-position: center left;
}

#pagecontent p.pagenav {
font-size: 11px;
text-align: center;
}

table#familytree {
	width: 100%;
	font-size: 10px;
	table-layout: fixed;
	margin: 10px 0 0 0;
	background-image: url(../images/treebg.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 10px 5px 20px 10px;
	border: 1px solid #cdc2aa;
}

table#familytree td {
	width: 23%;
	height: 15px;
}

table#familytree td.normal {
	height: 15px;
}

table#familytree td.spacertd {
	width: 0px;	
}	

table#familytree td div.watson {
	background-color: #c4c2a4;
	/* background-color: #e5e3be; */
	padding: 5px;
	margin: 5px 10px 0 0;	
	float: left;
	display: block;
	width: 90%;
	line-height: 10px;
	cursor: pointer;
	border-right: 2px solid #c4c2a4;
}


table#familytree td div.bymarriage {
	padding: 5px;
	float: left;
	display: block;
	width: 90%;
	margin: 0 0 15px 0;
	/* border-left: 1px solid #e5e3be;
	border-bottom: 1px solid #e5e3be; */
	border-left: 1px solid #c4c2a4;
	border-bottom: 1px solid #c4c2a4;
	border-right: 1px solid #c4c2a4;
	cursor: pointer;
}


ul#arrangement {
	font-size: 11px; 
	line-height: 17px;
margin-bottom: 10px;	
}

ul#arrangement li ul li {
	margin: 0 0 0 20px;	
}

div#audiowrap {
	background-color: #e6e4c6; 
	padding: 10px 15px;
}

div#pagecontent p.transcript {
	margin-left: 40px;
margin-bottom: 8px;	
}

div#pagecontent p.transcript span.speaker {
	display: block;
	clear:both;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin-left: -20px;
	margin-bottom: 5px;
}

ul.browsedate {
	font-size: 12px;	
}

ul.browsedate li {
	background-color: #eeeccb;
}

ul.browsedate li ul {
	margin-left: 40px;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 20px;	
}

ul.browsedate li ul li {
	background-color: #e6e4c6;	
}

ul.browsedate li, ul.browsedate li ul li {
	padding: 5px;
	margin: 0 0 2px 0;	
	width: 100%;
}

ul.browsedate li ul li ul li {
	background-color: #eeeccb;	
}

span.italic {
	font-style: italic;
}

span.paraheading {
	font-weight: bold;
}

div#lightbox {
	background-color: #dedcbc;
	padding: 10px;
	width: 610px;
	height: 75px;
	margin: 10px 0 0 0;
	overflow: scroll;
}

div.lbthumb {
	float: left;
	margin: 0 10px 0;
	width: 75px;
	text-align: center;
}

div.lbthumb p {
	width: 75px;
	color: #8e7054;
	text-align: center;
}

div#fakelightbox {
	background-image: url(../images/lightboxbg.jpg);
	background-position: -1px 0;
	background-repeat: no-repeat;
	height: 118px;
	padding: 12px 0 0 0;
	width: 628px;
	margin: -10px 0 0 0;
	border-bottom: 1px solid #cdc2aa;
	border-left: 1px solid #cdc2aa;
	border-right: 1px solid #cdc2aa;
}

div.lbthumb img.active {
border: 1px solid #8e7054;	
}

ul.placelist li, ul.placelistalpha li  {
font-size: 11px;
margin: 0 0 10px 0;
}

ul.placelist {
margin: 10px 0 0 0;
clear: both;
}

ul.placelistalpha {
margin: -15px 0 0 50px;	
clear: both;
}

span.placeinfo {
clear:left;
display: block;
font-size: 11px;
color: #555;
font-style: italic;
margin-left: 20px;
padding-top: 4px;
}

ul#placemenu {
	
}
ul#placemenu li {
float: left;
}

ul#placemenu li a {
font-family: georgia, serif;
background-color: #fcfbe1;
border: 1px solid #dedcbc;
font-size: 12px;
padding: 3px 8px 3px 8px;
margin-right: 2px;
}

div#viewerbar {
width: 100%;
background-color: #dedcbc;
font-size: 11px;
padding: 0 0 0 0;
height: 23px;
margin-bottom: 10px;
}

span#pagedata {
float: right;	
padding: 5px 10px 2px 0;
}

span#downloadlink {
float: right;
padding: 0px 5px 0 0;
}

a#downloadlink-icon {
background-image: url(../images/downloadicon.jpg);
background-repeat: no-repeat;
height: 20px;
width: 20px;
display: block;
float: right;
background-position: center 3px;
}


a#togglebutton {
color: #5e3b1b;
font-weight: bold;
float: left;
height: 16px;
width: 150px;
padding: 5px 0 2px 10px;
background-image: url(../images/togglebutton_bg.gif);
background-repeat: no-repeat;
}

a#togglebutton {
border: none;
}

a#previousbutton, a#nextbutton {
font-weight: bold;	
}

div#findinpage {
float: right;
position: relative;
margin: -30px 0 0 0;
font-size: 11px;
line-height: 26px;
text-align: right;
}

input {
border: 1px solid #cdc2aa;
margin-right: 4px;
font-size: 11px;
padding: 3px;
}

div#findinpage button {
background-color: #fcfbe1;
border: 1px solid #cdc2aa;
font-size: 11px;
color: #5e3b1b;
padding: 2px;
}

div.blurbButton {
font-family: georgia,serif;
background-color: #fcfbe1;
border: 1px solid #dedcbc;
font-size: 12px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
margin-right: 2px;
}

div.blurbButton a:hover {
border: none;
}

div#pagecontent p img.inlineimage {
  float: none;
  position: inline;
  background-color: none;
  border: none;
  padding: 0;
  margin: 0;
  }

span.italics {
font-style:italic;
}

span.bold {
font-weight:bold;
}



/* YUI CAROUSEL STYLESET */
/* --------------------- */

	#doc {
		margin: 10px 0 0 0;	
		}

	#info {
		width:559px;
		margin:0 auto;
		overflow:hidden;
		padding:10px 35px;
		position:relative;
		background-color: #dedcbc;
	}
	#info a {
		background:#fff;
		color:#333;
		display:block;
		position:absolute;
		text-decoration:none;
		top:40px;
		outline: none;
		z-index:100;
	}
		#info a#move-left {
			left:10px;
			color: #6f4f32;
			font-weight: bold;
			background-color: #dedcbc;
		}
		#info a#move-right {
			right:10px;
			color: #6f4f32;
			font-weight: bold;
			background-color: #dedcbc;
		}
		#info .mod {
			overflow:hidden;
		}
	#themes {
		width:50000px;
	}
	.mod {
		width:516px;
		overflow:hidden;
		margin:0 auto;
		position:relative;
		zoom:1;
	}
	#themes, #themes li {
		margin:0;
		overflow:hidden;
		padding:0;
	}
	#themes li {
		float:left;
		height:99px;
		margin:0 5px 0 0;
		width: 81px;
		padding:0;
		text-align: center;
		list-style-type: none;
		font-size: 10px;
	}
	li img {
		border:1px solid #f4f2d0;
		padding: 2px;
	}
	
	#themes li a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: static;
	background-color: transparent;
	}
	
	span.thumbcap{
	display: block;	
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #8e7054;
	margin: 2px 0 0 0;
	}

	
	div.jumplinks {
  text-align: center;
  }
  
  div.jumplinks a {
font-size: 11px;
text-align: center;
padding: 2px 5px 3px 5px;
background-color: #fcfbe1;
border: 1px solid #dedcbc;
line-height: 25px;
margin: 0;
white-space: nowrap;
display: none;
  }
  
  div.jumplinks br {
  display: none;
  }
  
  div.jumplinks a.toggle {
  display: inline;

  }
  
  h3.jumplinkhead {
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  padding-bottom: 10px;
  display: none;
  }

span.breadspan {
 font-weight: bold;
 margin-right: 5px;
 text-transform: lowercase;
 color: #8e7054;
 font-variant: small-caps;
}

div#itemlinks {
text-align: right;
font-size: 11px;
margin-top: 5px;
}