/* !!! This site uses an elastic layout. Most browsers use 16px as the default font, so a 946px design = 946/16 = 59.125em  !!! */

/* ------------------------------------------------   HTML   ------------------------------------------------ */
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#626071 /*8A8A8A changed to 6A6A6A*/;
	margin:10px;
	padding:0px;/*background:#FFFFFF url(../images/bgivorygrad.gif) top repeat-x; /* background gradient */
}
p, td, li, a {
/*font-size:13px;*/
}
p {
	margin-top:0px;
}
hr {
	height:1px;
	color:#74684C;
	background-color:#8A8A8A;
	border:0;
}
img {
	border:none;
	padding:0px;
	margin:0px;
}
a {
	color:#402201;
	/*text-decoration: none;*/
}
a:hover {
	text-decoration: underline;
}
ol {
	margin-top:0px;
}
ul {
	margin-top:0px;
}
li {
	margin-bottom:.5em;
}
object, embed {
	margin: 12px 0px;
}
td {
	vertical-align:top;
}
/* ------------------------------------------------   Layout   ------------------------------------------------ */
#wrapper {
	/*background-color:#E6D7BC;*/
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: left top;
	background-image:url(../images/dividers/navbg_efe7d5.gif); /*creates a background for secondaryNav if image is 160px wide*/
	width:60em;
	margin: 0 auto;
	text-align:left;
	border: 1px solid #8A8A8A;
	border-top:none;
}
#ushrabwrapper {
	/*background-color:#E6D7BC;*/
	background-color: #FFFFFF;
	/*the above creates a background for secondaryNav if image is 160px wide*/
	width:60em;
	margin: 0 auto;
	text-align:left;
	border: 1px solid #8A8A8A;
	border-top:none;
}
#branding {
	/*background-color:#CCCCFF;*/
	/*border:dashed 2px #00FF00;	*/
	height:73px;
	margin:0px;
	padding:0px;
}
#flashBanner {
	/*border:red dashed 1px;*/
	width:960px;
	height:66px;
	margin:0px;
	padding:0px;
}
#flashBanner object, embed {
	/*background-color:#FF00CC;*/ 
	margin:0px;
	padding:0px;
}
#uiiBanner {
	background-image:url(../images/uii/uiiBackground.gif);
	background-repeat:repeat-x;
	height:31px;
}
#uiiBanner td {
	vertical-align:middle;
	padding:0px;
}
#uiiBanner input {
	/*border:dotted 2px purple;*/
	margin-right:4px
}
#uiiStage {
	/*border:dashed blue 1px;*/
	/*visibility:hidden;*/
	margin-left:-1000em;
	width:500px;
	float:left;
}
/* note: mainNav total height is supposed to be 30px. text slams to the top, though, so to center it, add padding and subtract that amount to overall height */
#mainNav {
	background-color:#FFFF00;
	background-color:#402000;
	text-align:center;
	white-space:nowrap;
	height:24px;
	padding-top:6px;
	border-bottom:1px #8A8A8A solid;
	clear:both;
}
#mainNav a {
	text-decoration:none;
	/*color:#FFFFFF;*/
	color:#FFFFFF;
	font-size:.9em;
	font-weight:bold;
	padding-left:8px; /*this works in conjunction with the right padding on the divider css */
}
#mainNav a:hover {
	color:#ACACAC;
}
#recordsmanagementNav {
	background-color:#402000;
	text-align:center;
	white-space:nowrap;
	height:24px;
	padding-top:6px;
	border-bottom:1px #8A8A8A solid;
	clear:both;
}
#recordsmanagementNav a {
	text-decoration:none;
	color:#FFFFFF;
	/*color:#402201;*/
	font-size:.9em;
	font-weight:bold;
	padding-left:8px; /*this works in conjunction with the right padding on the divider css */
}
#recordsmanagementNav a:hover {
	color:#ACACAC;
}
#ushrabmainNav {
	/*background-color:#FFFF00;*/
	background-color:#003366;
	text-align:center;
	white-space:nowrap;
	height:24px;
	padding-top:6px;
	border-bottom:1px #8A8A8A solid;
	clear:both;
}
#ushrabmainNav a {
	text-decoration:none;
	/*color:#FFFFFF;*/
	color:#FFFFFF;
	font-size:.9em;
	font-weight:bold;
	padding-left:8px; /*this works in conjunction with the right padding on the divider css */
}
#ushrabmainNav a:hover {
	color:#ACACAC;
}
#ushrabmainContent a {
	color:#003366;
	text-decoration: none;
}
#divisionName p {
	text-decoration:none;
	/*color:#FFFFFF;*/
	color:#FFFFFF;
	font-size:1.8em;
	font-weight:bold;
	padding-left:8px; /*this works in conjunction with the right padding on the divider css */
}
#srcNav {
	/*background-color:#FFFF00;*/
	background-color:#402000;
	text-align:center;
	white-space:nowrap;
	height:24px;
	padding-top:6px;
	border-bottom:1px #8A8A8A solid;
	clear:both;
}
#srcNav a {
	text-decoration:none;
	/*color:#FFFFFF;*/
	color:#FFFFFF;
	font-size:.9em;
	font-weight:bold;
	padding-left:8px; /*this works in conjunction with the right padding on the divider css */
}
#srcNav a:hover {
	color:#ACACAC;
}
#breadCrumb {
	font-size:12px;
	margin-bottom:16px;
}
#breadCrumb a {
	margin:0px;
	padding:0px;
}
#content {
	/*background-color:#FF0000;*/
	width:50em;
	float:right;
}
#mainContent {
	background-color:#FFFFFF;
	width:31.5em;
	float:left;
	padding-top:8px;
	padding-right:16px;
	padding-bottom:16px;
	padding-left:16px;
	border-right:1px #8A8A8A solid;
	border-left:1px #8A8A8A solid;/*border-left:1px #D5D5D5 solid;*/
}
#ushrabmainContent {
	background-color:#FFFFFF;
	width:31.5em;
	float:left;
	padding-top:8px;
	padding-right:16px;
	padding-bottom:16px;
	padding-left:16px;
	border-right:1px #8A8A8A solid;
	border-left:1px #8A8A8A solid;/*border-left:1px #D5D5D5 solid;*/
}
#pagedate {
	/*background-color:#00FF00;*/
	width:31.5em;
	float:left;
	padding-top:8px;
	padding-right:16px;
	padding-bottom:16px;
	padding-left:16px;/*border-left:1px #8A8A8A solid;*//*border-left:1px #D5D5D5 solid;*/
}
#secondaryContent {
	/*background-color:#FF6600;*/
	
	width:14em;
	float:right;
	padding:16px;
	font-size: 0.9em;
}
#secondaryContent ol ol {
	list-style-type:lower-alpha;
}
#secondaryNav {
	/*background-color:#CCFFFF;*/
	/*border-right:dashed 1px #FF33FF;*/
	width:10em;
	float:left;
	padding:0px;
	padding-bottom:16px;
}
#secondaryNav ul {
	/*border:red dotted 1px;*/
	margin:0px;
	padding:0px;
}
#secondaryNav li {
	font-size:14px;
	font-weight:bold;
	list-style:none;
	padding:0px;
	margin:0px;
	padding-top:16px;
	padding-left:16px;
}
#secondaryNav ul li a {
	/*font-weight:bold;*/
	/*color:#FF0000;*/
	/*color:#072355;*/
	text-decoration:none;
}
#secondaryNav li a:hover {
	text-decoration:underline;
}
#ushrabsecondaryNav {
	/*background-color:#CCFFFF;*/
	/*border-right:dashed 1px #FF33FF;*/
	width:10em;
	float:left;
	padding:0px;
	padding-bottom:16px;
}
#ushrabsecondaryNav ul {
	/*border:red dotted 1px;*/
	margin:0px;
	padding:0px;
}
#ushrabsecondaryNav li {
	font-size:1em;
	/*background-image:url(../images/other/leftNavBackground.jpg);*/
	/*background-repeat:no-repeat;*/
	font-weight:bold;
	list-style:none;
	padding:0px;
	margin:0px;
	padding-top:16px;
	padding-left:16px;
}
#ushrabsecondaryNav ul li a {
	font-weight:bold;
	/*color:#FF0000;*/
	color:#003366;
	text-decoration:none;
}
#ushrabsecondaryNav li a:hover {
	text-decoration:underline;
}
#theAddress {
	/*background-color:#FFCC00;*/
	width:60em;
	margin:8px auto;
	text-align:center;
}
#theAddress address, #theAddress p, #theAddress a {
	font-size:13px;
}
#theAddress a {
	color:#74684C;
	font-weight:normal;
	padding-left:8px; /*this works in conjunction with the right padding on the divider css */
}
#theAddress address {
	font-size:11px;
	margin-bottom:0px;
	padding-bottom:8px;
}
#theAddress address a {
	font-size:11px;
}
#footer {
	/*background-color:#00FFFF;*/
	width:60em;
	margin: 0 auto;
	text-align:center;
}
#footer a {
	font-weight:bold;
	color:#402201;
	font-size:12px;
	padding-left:8px; /*this works in conjunction with the right padding on the divider css */
	text-decoration:none;
}
.divider402201 {
	background: url(../images/dividers/dividerBar402201.gif) no-repeat right center;
	padding-right:8px;
}
.dividerBrown {
	background: url(../images/dividers/dividerBar74684C.gif) no-repeat right center;
	padding-right:8px;
}
/*.dividerGrey {
	background:url(../images/dividers/dividerBar8A8A8A.gif) no-repeat right center;
	padding-right:8px;
}*/
/*.dividerBlue {
	background:url(../images/dividers/dividerBar072355.gif) no-repeat right center;
	padding-right:8px;
}*/
.dividerWhite {
	background:url(../images/dividers/dividerBarFFFFFF.gif) no-repeat right center;
	padding-right:8px;
}
.clear {
	clear:both;
}
.right {
	float:right;
}
.left {
	float:left;
}
/* ------------------------------------------------   #Content table Custom   ------------------------------------------------ */
/* UII uses table layout in their header and footer, so any table customization we do needs to go with a specific <div> */

#content table {
	border-collapse:collapse;
	/*border:#828281 1px solid;*/
	margin:10px;
}
#content th, #content td {
	
	
}
#content caption {
}
#content thead {
}
#content th {
	
	
}
#content tr:hover {
}

/* ------------------------------------------------   searchBox Stuff   ------------------------------------------------ */
#searchBox {
	/*background-color:#FF0000;*/
	/*border:dashed purple 1px;*/
	float:right;
	white-space:nowrap;
	color:#FFFFFF;
	margin-top:48px;
	/*margin-right:-16px;*/
	margin-right:32px;
}
#searchBox input {
	padding-right:8px;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
#searchBox img {
	float:none;
	padding:0px;
	margin:0px;
	margin-left:8px;
}
#searchBox a {
	margin:0 8px;
	color:#FFFFFF;
}
/* !!! For some reason, <img> and <input type="image"> ignore margin css when in a form and add a gap, making it difficult to style. Use this class in conjunction with a <button></button> tag to fix it. 
.searchButton {
	background: transparent url(../images/buttons/buttonSearch.gif) no-repeat center top;
	width: 62px;
	height: 21px;
	padding: 0;
	margin: 0;
	margin-left:6px;
	border: 0;
	text-indent: -1000em;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor 
	cursor: hand; /* for IE 5.x 
}
^ loading the above creates a CSS error [cursor element]*/



/* ------------------------------------------------   Custom   ------------------------------------------------ */

/* skipToConent contains a link to help screen readers jump over uii and other redundant navigation and get right to the page content */
#skipToContent {
	/*background-color:#0000FF;*/
	margin-left:-1000em;
	width:500px;
	float:left;
}
/*.handcursor{
	cursor:hand;
	cursor:pointer;
	margin-top:5px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
^ loading the above creates a CSS error [cursor element]*/

.dividerLinks { /* when not in a parent div or element */
	background: url(../images/dividers/dividerBar74684C.gif) no-repeat right center;
	padding-right:8px;
	padding-left:8px;
}
.dividerLinksoff {
	background-image:none;
	padding-left:8px;
}
/*Images with text (caption) wrapped around (guides, etc.). Apply as class to containing div */
.image {
	float: right;
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}
.image p {
	font-size: 90%; /*Image captions*/
	font-style: italic;
	margin-top:0px;
}
.image img {
	border: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.imgframe { /*drop shadow, images cannot be longer than 1000 pixels on any side*/
	background-image:url(../images/dividers/img_shadow.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding: 6px 28px 28px 6px;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
}
.note { /*for small notes instead of changing font size manually */
	font-size:small;
}
/*---------- Table of Holdings -------------------------- */	
table.series {
	vertical-align: top;
	text-indent: 20px;/*border-bottom: thin dotted #333333;*/
	background-color:#FFFFFF;
	border:none;
	width: 99%;
}


.agencyname { /* resets intent and emphasizes agency name as a subheading within a holdings table */
	padding-top: 10px;
	text-indent: 0px;
	margin: 0px;/*text-transform:uppercase;*/
	text-transform: uppercase;	/*font-variant: small-caps;*/
	width:66%;
}
td.holdingshead {
	font-style:italic;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 20px;
	padding-bottom: 0px;
	font-weight: bold;
	text-indent: 0px;
	border-bottom-color: #efe7d5;
	margin: 0px;
}

/*-------- Research Guides ---------------------------*/
.chart th, .chart td {
border:#CCCCCC solid 1px;
padding:4px;
}


/*------------------ Series Inventories ------------------------------------*/
#seriesNumber {
	font-size: large;
	font-weight: bold;
	background-image: url(../../common/images/logos/archives_round_grey.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	width: 200px;
	float: right;
	height: 165px;
	padding-top: 20px;
}

/* Scrolling container lists introduced 5/7/2009, removed 5/11/2009 due to browser incompatibility, holding for future use
table.container {
	padding-right:18px; /* room for wide last columns to wrap without cutting content off paired with overflow-x:hidden 
	overflow:visible;
	height:auto;
	}*/
table.container td, table.container th 	{
	padding:0px 10px 0px 10px;
	margin:0px;
	}
/* Non-IE browsers will scroll longer tables automatically with this set 
table.container tbody  	{
	height:300px;
	overflow-y:auto;
	overflow-x:hidden; /* prevents horizontal scroll bar as paired with extra right margain on table element 
	}
/* Firefox 3 however stretches available rows if less than enough to scroll, reported bug last updated 4/28/2009
   Internet Explorer 7 creates large spaces between rows according to compatibility view in IE 8 
table.container thead th {
	position:relative; /* fixes thead group above scrolling table 
	}
*/
table.container thead th {
	text-align:left;
	text-transform:lowercase; /* EAD required uppercase headings so here undo paired with first-letter psuedo element */
	}
th:first-letter {
	text-transform:capitalize; /* makes now lowercase headings with capital first letters */
	}
td.unitdate {
	white-space:nowrap; /* stops long dates in EAD <unitdate> tag from wrapping, instead cell should do auto width */
	}