html {margin: 0; padding: 0; top: 0; left: 0;}
body {margin: 0; padding: 0; background: #FFF; color: #000; font-family: Verdana, Arial, sans-serif;}

div#content {margin-top: 3em; margin-right: 0; padding: 0;}
div#main {float:right; text-align: justify; margin-left: 28%; margin-right: 3%;}
div#leftcolumn {float: left; width: 23%; position: fixed; height: 90%; overflow: auto;}
img[alt] {font-size: 70%; font-weight: normal;}

/* navigation through finding aid */

div#navig {border: 2px solid silver; margin-left: 1em;}
div#navig h4.head {text-transform: uppercase; font-size: 120%; font-weight: bold; text-align: center; border-bottom: solid 2px silver; padding-bottom: 0.5em; padding-top: 0.5em; background: #BFD8D8; color: #5959AA;}


div#navig a:link, div#navigseries a:link {color: #000; background-color: #FFF;}
div#navig a:visited, div#navigseries a:visited {color: #696969; background-color: #FFF;}
div#navig a:hover, div#navigseries a:hover {color: #4A4A4A; background:  #F8F8F8; text-decoration: underline;}

div#navig a.first {border: none;}

div#navig a {display: block; font-size: 90%; line-height: 100%; font-weight: bold; padding: 0.5em 0.5em; border-top: solid 1px silver; text-decoration: none;}

div#navigseries {margin-top: 0; padding-top: 0;}
div#navigseries a {font-size: 80%; line-height: 100%; font-weight: normal;}
div#navigseries h4.dsc {text-transform: uppercase; font-size: 110%; font-weight: bold; border-top: 1px solid silver; padding: 0;}

div#navigseries h4.dsc a {border: 0; font-weight: bold;}

td {font-family: Verdana, Arial, sans-serif; font-size: 80%; text-align: left; vertical-align: top;}
div#validation {margin-left: 1em; margin-top: 1em;}
div#validation a img {border: 0;}

div.comments {font-size: 75%; color: rgb(80%, 40%, 20%); background-color: #FFF; border-top: 0; margin-left: 1.5em; margin-top: 2em;}
div.comments a {border: 0; display: block;}
 
/* main content */

#titlepage #logo {margin: 0 auto 2em; text-align: center;}
#logo img {border: 0; margin: 0;}

#titlepage h1, #titlepage h2, #titlepage h3, #titlepage h4 {text-align: center;}
h1, h1.frontdesign {font-size: 150%;}
h2, h2.frontdesign {font-size: 130%;}
h3.frontdesign {font-size: 120%; margin-bottom: 1em;}
h4.frontdesign {font-size: 100%; margin-top: 0;}

div#address {margin-top: 3em; text-align: left;}
div#address h4 {font-size: 85%; text-align: left;}

h3 div.extptr_image, div.extptr_image, h3.subheading div.extptr_image, h3 a div.extptr_image, h3#a2 div.extptr_image {float: right; margin-left: 0.5em; margin-bottom: 0; border: solid silver 0.125em; width: 250px;}
div.dao h6.daocaption, .caption {font: 63% Georgia, 'Times New Roman', serif; width: 140px; font-weight: normal; margin: 0.5em; text-align: left;}
img[alt] {font-size: 70%; font-weight: normal;}

/* dao link icon  added 2010-02-15 */
.dao {background: url(http://digital.cjh.org/images/viewitemiconcjh.gif) top right no-repeat; padding-right: 22px; height: 18px;}
.dao:visited {background-position: right bottom;}

h3 {margin: 0.5em 0 0.25em;}
h3.subheading {font-size: 115%; margin-bottom: 0;}

td h3 {font-size: 160%; margin-top: 0.5em; margin-bottom: 0; margin-top: 0;}
td h4 {font-size: 140%; margin-top: 0.5em; margin-bottom: 0;}
td h4.subseries {font-size: 125%; margin-top: 0.5em; margin-bottom: 0;} 

h4 {margin-bottom: 0; margin-top: 0;}
h4.section {margin-left: 10%; margin-top: 0.5em; font-size: 115%;}

table.summary, table.chronlist {width: 100%; vertical-align: top;}
table.summary th, table.chronlist th {font-size: 80%; text-align: left; width: 25%;}
table.summary td, table.chronlist td {margin-left: 0; text-align: left; width: 75%}

td.physlang {font-size: 80%; font-weight: bold;}
p.physlang {font-size: 100%; font-weight: bolder;}

h5.componentnote {font-size: 110%; margin-top: 0.5em; margin-bottom: 0; }
p.componentnote {margin-top: 0; margin-bottom: 0.5em; text-align: justify}

p.arrangement {margin-left: 5%;}
p.note, blockquote {font-size: 80%; margin-top: 0; text-align: justify;}

tr.headerline {font-weight: bold; font-size: 105%;}
p.firstparagraph {font-style: italic; font-size: 80%; margin-bottom: 0;}

#main a.return {font-size: 80%;}

ol {font-size: 80%;}
ul {list-style: none; font-size: 80%;}
li ul, li ol {list-style: none; font-size: 100%;}
ol ul, ol ol, ul ul {font-size: 100%;}

ul.note {list-style: none; text-transform: none; margin-left: 0; padding-left: 0;}
ul.note li.head {font-size: 130%; font-weight: bold;}
ul.note li {margin: 0.25em 0 0;}

ul.arrangement {list-style: none; font-size: 80%; text-transform: none; padding-left: 0; margin-left: 0;}

ul.controlaccess {margin-left: 0; margin-top: 0; padding-left: 0; text-align: left;}
ul.controlaccess li h3.subjecthead {font-size: 130%; font-weight: bold; margin-top: 0.5em;} 
ul.subjectgroup {padding-left: 0;}
ul.subjectgroup li {line-height: 120%;}

/* list in descgrp elements notes */
ul.descgrp {margin-left: 0; margin-top: 0.5em; padding-left: 0; text-align: left; list-style: square inside;}
ul.descgrp li {line-height: 120%; margin-top: 0.25em;}

/* table of the container list - each series has its own table */
table.highestcomponent ul {font-size: 100%; margin-bottom: 0; margin-top: 0; padding-left: 1em;}
table.highestcomponent ul il {margin-top: 0.125em;}

table.highestcomponent ul.filelist {margin-left: 0; padding-left: 0; line-height: 130%; font-size: 100%;}

table.highestcomponent {margin-top: 0; margin-bottom: 0; white-space: normal; width: 100%}

td.col01 {width: 10%;}
td.col02 {width: 10%;}
td.col03 {width: 55%;}
td.col04 {width: 25%;}

table.highestcomponent td p.filenote {margin: 0; font-size: 95%;}
table.highestcomponent tr.filenote {margin: 0; line-height: 90%;}
table.highestcomponent tr.filenote td ul {padding-left: 1em; margin-left: 0;}
 
/* displays titles of item described on the item level */
tr.item-level td.physlang {padding-left: 2em; font-weight: normal;}
td.item-title, tr.headerline td.item-level {padding-left: 2em;}
p.item-level {padding-left: 2em; margin-top: 0;}
h5.item-level {font-size: 90%; padding-left: 2em; margin-bottom: 0.25em;}