@charset "iso-8859-1";
/* CSS Document */

/* Aboriginal Documentary Heritage - 020-016 */

body {
background-color: #330000;
color: #000;
}


/*custom headers */

div.center h1 {
font-size: 1.25em;
margin: 8px;
background-color: #330000;
color: #fff;
padding: 15px 0 15px 8px;
border: none;
}

div.center h1 a#cont{
color: #fff;
background-color: #330000;
}

div.center h2 {
border-bottom: 1px dashed #cc9900;
margin-left: 10px;
margin-right: 10px;
padding-left: 6px;
padding-bottom: 8px;
}

/* For the Right Column Graphics */
.right-navigation {
background-image: none;
background-color: #fff;
color: #000;	
border: none;
}


/************* LEFT MENU **************/

div.left {
background-color: #fff;
color: #000;
padding: 0;
}

ul.nav {
background-color: #000;
color: #fff;
padding-bottom: 20px;
}

ul.nav li {
background-color: #000;
color: #fff;
border-bottom: 1px dotted #cc9900;
margin: 0;
padding: 0;
display: block;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #000;
color: #fff;
margin: 0;
padding: 7px 10px 7px 10px;
}

ul.nav li a.menulink:hover {
background-color: #336666;
color: #fff;
margin: 0;
padding: 7px 10px 7px 10px;
}

ul.nav li span.on-state {
background-color: #336666;
color: #fff;
margin: 0;
padding: 7px 10px 7px 10px;
display: block;
width: 130px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
background-color: #336666;
color: #fff;
margin: 0;
padding: 7px 10px 7px 10px;
display: block;
}

/* Set the final link to not have the border*/
ul.nav li.link-no-border {border-bottom: none;}


/* Graphic at the bottom of the left navigation menu */
div.left img
{
float: left;
margin: 0;
}

/************* LEFT MENU - SUB-MENU CLASSES ***************/

ul.nav3 {
width: 100%;
background-color: #000;
color: #fff;
margin: 0;
padding: 0;
border: none;
}

ul.nav3 li {
width: 100%;
background-color: #000;
color: #fff;
margin: 0;
padding: 0;
display: inline;
border-bottom: none;
border-top: 1px dotted #cc9900;
}

ul.nav3 li span.on-state {
background-color: #000;
color: #fff;
padding: 7px 3px 7px 17px;
margin: 0px;
display: block;
border-left: 8px solid #cc9900;
border-bottom: none; /* border inherited from top styles - this is not needed */
}

ul.nav3 li a.on-state:link, ul.nav3 li a.on-state:visited {
background-color: #000;
color: #fff;
padding: 7px 3px 7px 17px;
margin: 0px;
display: block;
border-left: 8px solid #cc9900;
border-bottom: none; /* border inherited from top styles - this is not needed */
}

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
display: block;
margin:  0;
padding: 7px 3px 7px 17px;
text-decoration: none;
background-color: #000;
color: #fff;
border-left: 8px solid #000;
border-bottom: none; /* border inherited from top styles - this is not needed */
}

ul.nav3 li a.menulink:hover{
background-color: #000;
color: #fff;
margin: 0;
padding: 7px 3px 7px 17px;
border-left: 8px solid #cc9900;
border-bottom: none;
}


/* Essay list display */

div.essay-list
{
background-color: #cccc99;
width: 94%;
margin: 1em auto;
padding: 1em 0;
color: #000;
}

div.essay-list ul li
{
margin-bottom: 0.5em;
}


/* Series gallery */
.div-main-wrapper {
width: 99%;
margin: 0;
padding: 0;
display: block;
}

.index-gallery-wrapper {
width: 94%;
margin: 0.5em 0 1.5em 0;
padding: 0 0 0 1.5em;
float: left;
}

.index-gallery-row {
width: auto;
float: left;
margin: 0.5em 0;
padding: 0;
display: block;	
}

.index-gallery-item {
width: 75px;
float: left;
margin: 0 1.2em 0 0;
padding: 0;
font-size: .85em;
background-color: #000;
color: #fff;
}

.center .index-gallery-item a, .center .index-gallery-item a:link, .center .index-gallery-item a:visited{
display: block;
background-color: #000;
color: #fff;
text-decoration: none;
padding: 2px 0 0 0;
}

.center .index-gallery-item a:hover, .center .index-gallery-item a:active{
display: block;
background-color: #660000;
color: #fff;
text-decoration: none;
padding: 2px 0 0 0;
}

.center .index-gallery-item a img{
float: left;
display: inline;
border: none;
margin: 0;
}

.photo-container {
width: 95%;
margin: 1em 0;
padding: 0 0 0 1em;
float: left;
}

.photo-gallery {
width: 90px;
float: left;
text-align: center;
padding: 10px;
border: 1px solid #ccc;
margin: 0 18px 10px 0;
}

.transcription {
margin: 1em 0 1em 1.2em;
width: 95%;
padding: 0 0 1em 0;
float: left;
display: inline;
}

#transcription-img {
width: 200px;
text-align: center;
float: left;
margin: 5px 10px 0 0;
}

#transcription-img img {
margin: 5px 0 4px 0;
}

#transcription-text {
width: 340px;
float: left;
}

a.photo-source, a:link.photo-source, a:visited.photo-source, a:hover.photo-source,  a:active.photo-source {
text-decoration: none;
font-size: 0.85em;
line-height: 1.3em;
}

/* Abbreviation class */

.abbr-table{
width: 95%;
margin: 0.5em 0 1.5em 0;
padding: 0 0 0 1.5em;
float: left;
}

.abbr-row{
float: left;
width: 100%;
margin: 0;
padding: 0.5em 0;
}

.abbr-col1 {
width: 10%;
float: left;
text-align: left;
margin: 0;
padding: 0;
}

.abbr-col2 {
width: 85%;
float: left;
text-align: left;
margin: 0;
padding: 0;
}

/* Block type list items with wider gap between the list items */

ul.block-type li, ol.block-type li {
margin-bottom: 1em;
}

/* For Flash Intro Section */

.flash-intro {
width: 740px;
padding: 0;
margin: 1em auto;
display: block;
}

/* used for photos and credits in the photo credits page */

.photo-credit-wrapper {
width: 95%;
margin: 1em auto;
display: block;
padding: 0;
}

.photo-credit {
width: 99%;
margin: 0 0 1em 0;
display: block;
padding: 0 0 1em 0;
border-bottom: 1px dashed #ccc;
float: left;
}

.photo-credit p {
font-size: 0.85em;
padding: 0 1em 1em 0;
}

.photo-credit img {
float: left;
margin-right: 20px;
}


/* Specific class for 020016-4102-x.html */
.frederick {
width: 95%;
margin: 1em 0;
padding: 0 0 0 1.2em;
float: left;
}

.frederick-img {
width: 110px;
float: left;
}

.frederick-img img {
border: 1px solid #666666;
margin: 0 10px 4px 0;
}

.frederick-img a, .frederick-img a:link, .frederick-img a:active, .frederick-img a:visited {
font-size: 0.85em;
}