/* DEFAULT STYLES */
/* this is an example of a css file customized with a default design */


/* -------------------------------------------- */
/*             GENERAL PAGE COLORS              */
/* -------------------------------------------- */

/* general page background colors and bg images */

body {
	padding-bottom: 27px;
	background-color: #faf9f1;
}

#shrinkwrap { background-color: #faf9f1; }
#wrapper { 
	border-color: #bfb4a0;
}

#masthead { background-color: #ea0437; }

#navAndSearchWrap {
	background-color: #efd370;
	border-bottom-color: #bfb4a0;
}

#middleWrapper { 
	background-color: #eee; /* SETS LEFT COLUMN COLOR */
	background-image: url(../images/bg-rightcol-article.gif); /* SETS RIGHT COLUMN COLOR (WHITE) */
/*	border-bottom-color: #eee;*/
}

#leftcol { background: none; }

#footerWrap {
	background-color: #fff;
	border-color: #bfb4a0;
}


/* HEADER and MAIN NAV STYLES */

#topNav li a, #topNav a:link { color: #333; }
#topNav li {
	padding: 0;
}
#topNav span {
	padding: 0 .3em 0 .5em;
	font-weight: normal;
	color: #999;
}

/* Dropdown menu colors */ 

#mainNav ul li div { background-color: #645f54; }

#mainNav ul li div ul li a {
	background-color: #bfb4a0; 
	color: #000;
	border-color: #645f54;
	border-top-color: #645f54;
}

#mainNav ul li div ul li a:hover {
	background-color: #645f54;
	color: #fff;
}



/* FOOTER */

#footerWrap p, #footerWrap a { color: #333; }





/* -------------------------------------------- */
/*    PAGE TOOLS AND SEARCH RESULTS TOOLBARS    */
/* -------------------------------------------- */

.toolbarWrapper {
	background-color: #BFB4A0;
}


.toolbarWrapper .pageTools {
	background-color: #BFB4A0;
	border-top-color: #bbb;
}

.toolbarWrapper2 .pageTools {
  background: transparent;
  border-top-color: #fff;
}

.resultsTools {
	border-top-color: #bbb;
}

#wrapper .pageTools .lcase {
	text-transform: none;
}



/* -------------------------------------------- */
/*              GENERAL TEXT COLORS             */
/* -------------------------------------------- */

/* links and general classes */
a, a:link, a:visited, a:active { color:#369; text-decoration:none; }
a:hover { text-decoration:underline; }

.more a, .less a { /* default image for more links */
	background: url(../images/ico-morearrow.gif) no-repeat right center;
}

.error {
color: #910;
}

.highlight {
	background-color: yellow;
}

/* Search Hit Highlight */
.hit, #content a.hit, .resultsTools .hit, .resultsTools .miss {
	background-color: #ec5;
}

/* #LEFTCOL styles */

#leftcol .toc li { background: url(../images/arrow.gif) no-repeat 0 0.5em; }

#leftcol .toc li li { background: url(../images/dash.gif) no-repeat 0 0.5em; }

#leftcol hr {
border-color: #aaa;
}
#leftcol h2 {
color: #333;
}

/* #CONTENT styles */

/* Headings h1-h4 */

#content h1 { color: #333; }
#content h1 span { color: #333; }
#content h2, #content h2 a, #content h2 a:hover { color: #a01111; }
#content h3, #content h3 a, #content h3 a:hover { color: #333; }
#content h4 { color: #333; }

#content .sm {font-size: 0.75em;}
#content .dform table td.formlabel {font-size: 0.75em; text-align: right; padding-top: 1.8em; width: 10px;}

/* sidebars */

#content .sidebar {
border-color: #999;
background-color: #eee;
color: #333;
}

.grove { background: url(../images/ico-music.gif) no-repeat left center; }
.tablecallout { background: url(../images/ico-table.gif) no-repeat left center; }


/* inline images */

#content .caption .larger { background: url(../images/ico-larger.gif) no-repeat left center; }
#content .articleimage { border-color: #ccc; }
#content .articleimage .caption { background-color: #ddd; }


/* tables */

#content .tdata table {
border-color: #999;
}

#content .tdata table td {
border-top-color: #ddd;
border-right-color: #999;
}

#content .tdata table th {
background-color: #eee;
border-bottom-color: #999;
border-right-color: #999;
}

#content .tdata table td.keynote  {
background-color: #ddd;
}

/* what is this? popup  */

#moreInfo span {
	border-color: #bbb;
	background-color: #ddd;
}







/* -------------------------------------------- */
/*     DASHBOARD - SEARCHBROWSETOOLS STYLES     */
/* -------------------------------------------- */

#content .searchBrowseTools .pages {
	background-color: #bfb4a0;
	border-color: #bfb4a0;
	color: #323431;
}

#content .searchBrowseTools td .off {
	color: #635f54;
}

#content .searchBrowseTools a, 
#content .searchBrowseTools a:hover { 
	color: #323431;
}
#content .searchBrowseTools .pages td span {
	font-weight: bold;
}
#content .searchBrowseTools .pages td.first span { padding-left:10px; }
#content .searchBrowseTools .pages td.first .off { background: url(/images/srchpag_prev_off.gif) no-repeat left center; }
#content .searchBrowseTools .pages td.first .on { background: url(/images/srchpag_prev_on.gif) no-repeat left center; }
#content .searchBrowseTools .pages td.last span { padding-right:10px; }
#content .searchBrowseTools .pages td.last .off { background: url(/images/srchpag_next_off.gif) no-repeat right center; }
#content .searchBrowseTools .pages td.last .on { background: url(/images/srchpag_next_on.gif) no-repeat right center; }


.jumptofield {
	border-color: #aaa;
}

/* TABS */
#content .searchBrowseTools .tabs td {
	background-color: #fff;
	border-color: #bbb;
	background: url(../images/tabl.gif) top center no-repeat;
}

#content .searchBrowseTools .tabs td.first { background: url(../images/tabl.gif) top left no-repeat; }
#content .searchBrowseTools .tabs td.last { background: url(../images/tabr.gif) top right no-repeat; }


#content .searchBrowseTools .tabs td.on {
	background-color: #666;
	color: #fff;
}

#content .searchBrowseTools .tabs td.on a {
	color: #fff;
}



/* -------------------------------------------- */
/*                    FORMS                     */
/* -------------------------------------------- */

/* colors for search and contact forms */

#content .dform fieldset {
border-color: #bfb4a0;
}

#content .dform fieldset.formbuttons {
background-color:#bfb4a0;
}

.inst {
color: #555;
}

.ftext,
.popup #content textarea.ftext, 
.popup #content select.ftext, 
.popup #content input.ftext {
	border-color: #999;
}

/* generic left column form styles */

.lform .inner {  }
#leftcol .lform h2, h2.lform {  }

/* -------------------------------------------- */
/*        BROWSE AND SEARCH RESULT STYLES       */
/* -------------------------------------------- */

.listpage #content li { /* results list border color */
border-top-color: #dcd6c8;
}

#leftcol {
height: auto !important;
height: 300px;
min-height: 300px;
}

.listpage #middleWrapper { background-color: #f3f0dd; }

/* resets the link color */
.listpage #middleWrapper h3 a, .listpage #middleWrapper h3 a:hover { color:#369; }

#content .browseparam { border-top-color: #bbb; }
#content .alphabrowse { color: #ddd; }
#content .alphabrowse a.on { color: #222; }

/* -------------------------------------------- */
/*              PHOTO ESSAY STYLES              */
/* -------------------------------------------- */

#content .photoessay {
border-top: 1px solid #ccc;
background-color: #ddd;
}

#content .photoessay img {
border: 1px solid #ccc;
background-color: #fff;
padding: 5px;
}

#content p.photosource {  }

/* -------------------------------------------- */
/*                 POPUP STYLES                 */
/* -------------------------------------------- */

.popup #masthead {
background-image: none;
border-bottom: 8px solid #000;
}

.popup.image #middleWrapper {
background-color: #eee;
background-image: none;
border-top: 1px solid #eee;
}

.help #middleWrapper {
border-top: 1px solid #999;
}

.popup form fieldset {
border-bottom-color: #aaa;
}




/* -------------------------------------------- */
/*               TIMELINE STYLES                */
/* -------------------------------------------- */

.timeline #middleWrapper { background: #fff; }

/* headers */

.timeline h2.lform { /* are these styles general? or do they belong here? overwrites some earlier margin padding in this stylesheet */
margin: -1.1em 0 0 0;
padding-top: 0.1em;
}

.timelineheader {
background-color: #eee; 
}
#timeline .ht, #timeline th.ht, #timeline .htempty {
background-color: #eee;
}

.yearrange { /* html version large year range title */
color: #ccc;
}

/* pageTools (print and email) background and link colors */

.timeline #wrapper .toolbarWrapper2 .pageTools { /* adjust this color to match the background the pageTools sit on*/ 
border-top-color: #fff; 
}
.timeline #wrapper .toolbarWrapper2 li a {  }
.timeline #wrapper .toolbarWrapper2 li a:hover {  }


/* searchBrowseTools (prev, next, jumpto) background and link colors */

#timeline .searchBrowseTools a {  }
#timeline .searchBrowseTools a:hover {  }
#middleWrapper #timeline .timelineheader .searchBrowseTools .pages { border-color: #aaa; }



.selectall { /* select all/none title */ 

}

/* timeline table styles */

#timeline th {
background-color: #ddd;
color: #333;
border-top-color: #eee;
border-bottom-color: #aaa;
}

#timeline td { /* horizontal lines below each row */
border-bottom-color: #aaa;
}

/* year and moments columns */

#timeline td.year { /* default color for years */
color: #999; 
}

#timeline td.first { /* for first instance of a year */
color: #000;
}

#timeline col.year, #timeline col.moment {
background-color: #fff;
}

/* foot */

#timeline .hb, #timeline th.hb, #timeline .hbempty {
background-color: #efefef;
}

#timeline .hbempty2 {
background-color: #fff;
}


/* category col styles */

#timeline colgroup.categories {
background-color: #efefef;
}

/* for more/fewer categories adjust the width of empty columns as follows:
categories = 2; col.empty { width: ; }
categories = 7; col.empty { width: 1.6em; }
Also needs to be adjusted in the IE stylesheet
 */
#timeline colgroup.categories col.empty { width: 1.6em; }

/* category colors and images */

#timeline col.tCat1 { background-image: url(../images/timelines/line-cat1.gif); }
#timeline col.tCat2 { background-image: url(../images/timelines/line-cat2.gif); }
#timeline col.tCat3 { background-image: url(../images/timelines/line-cat3.gif); }
#timeline col.tCat4 { background-image: url(../images/timelines/line-cat4.gif); }
#timeline col.tCat5 { background-image: url(../images/timelines/line-cat5.gif); }
#timeline col.tCat6 { background-image: url(../images/timelines/line-cat6.gif); }
#timeline col.tCat7 { background-image: url(../images/timelines/line-cat7.gif); }

#timeline th.tCat1 { border-top-color: #442; }
#timeline th.tCat2 { border-top-color: #695; }
#timeline th.tCat3 { border-top-color: #921; }
#timeline th.tCat4 { border-top-color: #336; }
#timeline th.tCat5 { border-top-color: #e95; }
#timeline th.tCat6 { border-top-color: #985; }
#timeline th.tCat7 { border-top-color: #ec5; }





/* -------------------------------------------- */
/*            MAIN NAVIGATION STYLES            */
/* -------------------------------------------- */


#mainNav a.mainLevel {
display:block;
float: left;
font-size: 0.75em;
line-height: 2.166em;
background-color: #efd370;
color: #333;
padding: 0 1.25em;
}

#mainNav a.mainLevel:hover, #mainNav a.on {
text-decoration: none;
background-color: #fff;
color: #000;
}

.toolbarWrapper .pageTools a, a:link, a:visited, a:active {
	color: black;	
}
.toolbarWrapper .resultsTools a, .toolbarWrapper .resultsTools a:hover, .toolbarWrapper .resultsTools a:visited, a:link, a:visited, a:active {
	color: black;	
}

#leftcol a, a:link, a:visited, a:active {
color:#336699;
text-decoration:none;		
}

#leftcol .helpNav {
	margin-top: 20px;
	width: 180px;
	position: absolute;
	
	}

#content #helpContent h2 {
	margin-top: 30px;
	}
	
#content #helpContent p {
	margin-bottom: 10px;
	}
	
#content #helpContent ul {
	margin: 10px 0;
	}
	
#content #helpContent img {
	margin: 20px 0 20px 0;
	position: relative;
	top: 2px;
	left: 0;
	}

#content #helpContent img.inlineImage {
	margin: 0;
	}

.help #leftcol {
	height: 0;
}

.help #footerWrap {
	height: auto;
}

.help #footerWrap p {
	padding-top: 38px;
}

.help #footerWrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}