body, html {
	height: 100%;
}

html {
	overflow-y: scroll; /* force vertical scrollbar */
}

body {
	background: #707070;
}

/*
**
*/

.header-wrap {
	position: relative;
	width: 100%;
	height: 190px;
	background: #222E3C url(../_images/header_image_people.jpg) center top no-repeat;

	/*background-color: #05051b;*/


	text-align: left;
}


.section-institution .header-wrap      { background-image: url(../_images/header_image_institution.jpg); }
.section-people .header-wrap           { background-image: url(../_images/header_image_people.jpg); }


.section-people-detail .header-wrap           { background-image: url(../_images/header_image_people.jpg); }


.section-exhibition .header-wrap       { background-image: url(../_images/header_image_exhibition.jpg); }
.section-collections .header-wrap      { background-image: url(../_images/header_image_collections.jpg); }
/* OW-226,  Change Banner Image */
.section-oral-history .header-wrap      { background-image: url(../_images/header_image_oral_histories_2.png); }

.section-education .header-wrap        { background-image: url(../_images/header_image_education.jpg); }
.section-records-research .header-wrap { background-image: url(../_images/header_image_records_research.jpg); }

/* using the same image for these 4 */
.section-about .header-wrap { background-image: url(../_images/header_image_about.jpg); }
.section-multimedia .header-wrap { background-image: url(../_images/header_image_about.jpg); }
.section-blog .header-wrap { background-image: url(../_images/header_image_about.jpg); }
.section-map .header-wrap { background-image: url(../_images/header_image_about.jpg); }

.header-bar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 91px;
	font-size: 0.857142857em;
	color: #FFF;
	background: url(../_images/bkg_logo_bar.png) left top repeat-x;
}

.header-bar a {
	color: #FFF;
}

.header-bar .inner {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 91px;
}

.logo_history_art_archives {
	position: absolute;
	display: block;
	top: 25px;
	left: 0;
}

.header-menu {
	position: absolute;
	display: block;
	top: 37px;
	right: 267px;
	line-height: 16px !important;
}

.header-menu li {
	margin: 0 0 0 15px;
	padding: 0;
}

.search-box {
	position: absolute;
	display: block;
	top: 33px;
	right: 0;
	margin: 0;
	border: 0;
	padding: 0;
}

.search-keywords {
	float: left;
	margin: 0;
	border: 0;
	padding: 6px;
	width: 205px;
	line-height: 13px;
	height: 13px;
	color: #333;
}

.search-submit {
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: white;
}


.main-menu {
	position: absolute;
	top: 83px;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 55px;
}

.main-menu > .inner {
	position: relative;
	margin: 0 auto 0;
	width: 966px;
	height: 55px;
}

.main-menu ul.menu {
	margin: 0;
	padding: 0 8px 7px;
	width: 950px;
	height: 48px;
	background: url(../_images/bkg_menu.png) center top no-repeat;
	list-style-type: none;
}

.main-menu ul.menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.main-menu ul.menu a {
	background-position: 0px -144px;
}

.main-menu ul.menu a:hover {
	background-position: 0px -48px;
}

.home .main-menu ul.menu a {
	background-position: 0px -0px;
}

.home .main-menu ul.menu a:hover {
	background-position: 0px -48px;
}


.main-menu ul.menu .active a {
	background-position: 0px -96px;
}

.main-menu ul.menu li.open a, .main-menu ul.menu li.open a:hover {
	background-position: 0px -192px;
}


.section-institution      .main-menu ul.menu .main-menu-1 a { background-position:  0px -96px; }
.section-people           .main-menu ul.menu .main-menu-2 a { background-position:  0px -96px; }
.section-exhibition       .main-menu ul.menu .main-menu-3 a { background-position:  0px -96px; }
.section-collections      .main-menu ul.menu .main-menu-4 a { background-position:  0px -96px; }
.section-education        .main-menu ul.menu .main-menu-6 a { background-position:  0px -96px; }
.section-oral-history     .main-menu ul.menu .main-menu-5 a { background-position:  0px -96px; }
.section-records-research .main-menu ul.menu .main-menu-7 a { background-position:  0px -96px; }

/*
**
*/

.glow {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 100%;
	background: url(../_images/bkg_glow.png) left top repeat-x;
}

/*
**
*/

.header-carousel {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	text-align: center;
}

.carousel .header-carousel {
	display: block;
}

.header-carousel > .inner {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 525px;
	text-align: left;
}

.header-carousel-controls {
	position: absolute;
	top: 145px;
	right: 0;
	display: none;
}

.carousel .header-carousel-controls {
	display: block;
}

.header-carousel-controls .container > * {
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 10px;
}


.carousel .header-wrap {
	height: 525px;
	/*background: #222E3C url(../images/image_carousel_background.png) center top no-repeat;*/ /* TEMP */

    background-color: #05051b;


    
}

.header-carousel-text a {
	position: absolute;
	bottom: 35px;
	right: 0;
	padding: 25px;
	max-width: 810px;
	background: url(../_images/bkg_caption_carousel.png) left top repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
	cursor: pointer;
}

.header-carousel-text a:hover {
	text-decoration: none;
}

.header-carousel-text-1 {
	display: block;
	width: 100%;
	font-size: 3.35714285714em;
	text-align: right;
}

.header-carousel-text-2 {
	display: block;
	width: 100%;
	font-size: 2em;
	font-style: italic;
	text-align: right;
}

/*
**
*/

.hatched {
	background: #ebf2eb url(../_images/bkg_page.png) center top repeat;
}

/*
**
*/

.tools-wrap {
	height: 40px;
}

.tools-wrap > .inner {
	position: relative;
	height: 40px;
}

.breadcrumb {
	position: absolute;
	top: 12px;
	left: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.857142857em; /* 12/14 */
	text-align: left;
	width: 650px;
	
	overflow: visible;
	padding-left: 15px;
	text-indent: -15px;
}

.home .breadcrumb {
	 display: none !important; visibility: hidden;
}

.tools {
	position: absolute;
	top: 12px;
	right: 0px;
}

.tools li {
	margin: 0 0 0 15px;
}

/*
**
*/

.content-wrap {
	margin: 0;
	padding: 0 0 40px 0;
	text-align: left;
	min-height: 90px;
}

/*
**
*/

.main-column > .inner,
.callouts-column > .inner,
.two-col .left-column > .inner {
	line-height: 1.5
}

/*
**
*/

.two-col .left-column > .inner {
	padding: 15px 40px 15px 15px;
	background: white;
}

.two-col .left-column > .inner {
	padding: 15px 40px 15px 15px;
	background: white;
}

.two-col .right-column .callout {
	margin-bottom: 15px;
	padding: 15px;
}

/*
**
*/

.two-col-bottom .left-column > .inner {
	padding: 15px 40px 15px 15px;
	background: white;
}

.two-col-bottom .right-column .callout {
	margin-bottom: 15px;
	padding: 15px;
}

.two-col-bottom .bottom-column {
	margin-top: 15px;
}

.two-col-bottom .bottom-column > .inner {
	padding: 15px;
	background: white;
}

/*
**
*/

.two-col-solid .everything {
	padding-top: 25px;
	background: white;
}

.two-col-solid .left-column > .inner {
	padding: 0 15px 20px;
}

.two-col-solid .right-column {
}

/*
**
*/

.two-col-bottom-solid .main-column {
}

.two-col-bottom-solid .main-column > .inner {
	background: white;
	padding: 15px 15px 25px;
}

.two-col-bottom-solid .callouts-column {
	float: right;
}

.two-col-bottom-solid .callouts-column > .inner {
	padding: 15px 15px 25px 0;
}

.two-col-bottom-solid .callout {
	margin: 15px 0;
	padding: 15px;
	background: #F5F7F5;
}

/*
**
*/

.three-col-menu .everything {
	background: white;
	padding: 15px 0 25px;
}

.three-col-menu .menu-column > .inner {
	padding: 6px 30px 0 15px;
}

.three-col-menu .main-column > .inner {
	padding: 0 15px 0 0;
}

.three-col-menu .callouts-column,
.landing-page-with-navigation .callouts-column {
	float: right;
	margin: 0 0 40px 30px;
	width: 270px;
}

/*
**
*/

.two-col-menu .everything {
	background: white;
	padding: 15px 0 25px;
}

.two-col-menu .menu-column > .inner {
	padding: 6px 30px 0 15px;
}

.two-col-menu .main-column > .inner {
	padding: 0 15px 0 0;
}

/*
**
*/

.one-col .main-column {
	background: white;
}

.one-col .main-column > .inner {
	padding: 15px 15px 25px;
}

/*
**
*/

.full-col .main-column > .inner {
	background: white;
	padding: 15px 15px 25px;
}

/*
**
*/

/* level 1 */

.menu-column .section-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.428571429em;
	color: #000000;
}

.menu-column .section-title a {
	color: inherit;
}

.menu-column ul.menu {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.142857143em; /* 16/14 */
	list-style-type: none;
}

.menu-column ul.menu > li {
	padding: 8px 0;
	border-top: 1px dotted #808080;
	margin-top: 8px;
}

.menu-column ul.menu > li:first-child {
	padding-top: 0;
	border-top: 0;
	margin-top: 0;
}

.menu-column ul.menu > li.active-trail {
}

.menu-column ul.menu > li a {
	color: #137089;
}

.menu-column ul.menu > li.active-trail > a, .menu-column ul.menu > li.active > a {
	color: #000000;
}

/* level 2 */

.menu-column ul.menu ul {
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.875em; /* 14/16 */
	list-style-type: none;
}

.menu-column ul.menu ul > li {
	padding: 12px 0 0 12px;
	background: url(../_images/icon_section_menu_inactive.png) left 18px no-repeat;
}

.menu-column ul.menu ul > li:first-child {
	padding-top: 0;
	border-top: 0;
	margin-top: 0;
	background-position: left 6px;
}

.menu-column ul.menu ul > li.active-trail {
	background-image: url(../_images/icon_section_menu_active.png);
}

.menu-column ul.menu ul > li a {
	color: #333333;
}

.menu-column ul.menu ul > li.active-trail > a, .menu-column ul.menu ul > li.active > a {
	color: #C5351C;
}

/* level 3+ */

.menu-column ul.menu ul ul {
	margin: 12px 0 0 0;
	padding: 0;
	font-size: 0.928571428571em; /* 13/14 */
}

.menu-column ul.menu ul ul > li {
	padding: 12px 0 0 12px;
	background: url(../_images/icon_section_menu_dash_inactive.png) left 19px no-repeat;
}

.menu-column ul.menu ul ul > li:first-child {
	padding-top: 0;
	border-top: 0;
	margin-top: 0;
	background-position: left 7px;
}

.menu-column ul.menu ul ul > li.active-trail, .menu-column ul.menu ul ul > li.active {
	background-image: url(../_images/icon_section_menu_dash_active.png);
}

.menu-column ul.menu ul ul > li a {
	color: #595959;
}

.menu-column ul.menu ul ul > li.active-trail > a, .menu-column ul.menu ul > li.active > a {
	color: #C5351C;
}

/*
**
*/

.menu-column ul.special-menu {
	margin: 10px 0 0 0;
	border-top: 1px solid #BFBFBF;
	padding: 10px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.menu-column ul.special-menu li {
	margin: 0 0 5px 0;
	padding: 0;
}

/*
**
*/

.footer-wrap {
	height: 80px;
	background: #707070 url(../_images/bkg_footer.png) left top repeat-x;
	font-size: 0.785714286em;
	color: #FFF;
	text-align: left;
}

.footer-wrap a {
	color: #FFF;
}

.footer {
}

.footer .inner {
	position: relative;
	height: 80px;
}

.footer address {
	position: absolute;
	left: 0;
	top: 25px;
	width: 600px;
}

.footer-menu {
	position: absolute;
	right: 0;
	top: 25px;
	
}

.footer-menu a {
	margin: 0 0 0 7px;
}

.footer-menu a.icon {
	margin: 0 0 0 7px;
}

.footer-menu a {
	vertical-align: text-top;
}

/*
**
*/

.meganav {
	position: absolute;
	top: 48px;
	left: 0;
	margin: 0 8px;
	border: 1px solid #3F7383;
	padding: 20px;
	width: 908px;
	background: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.meganav .white {
	position: absolute;
	top: -1px;
	z-index: 100;
	display: block;
	height: 1px;
	background: white;
}

/*
.meganav-1 .white {  width: 115px; left:   0px; }
.meganav-2 .white {  width:  78px; left: 119px; }
.meganav-3 .white {  width: 221px; left: 201px; }
.meganav-4 .white {  width: 119px; left: 426px; }
.meganav-5 .white {  width: 127px; left: 549px; }
*/

.meganav-1 .white {  width: 111px; left:   0px; } /* width(n) = button width - 4, left(n) = width(n-1) + left(n-1) + 4 */
.meganav-2 .white {  width:  75px; left: 115px; }
.meganav-3 .white {  width: 219px; left: 194px; }
.meganav-4 .white {  width: 119px; left: 417px; }
.meganav-5 .white {  width: 125px; left: 540px; }
.meganav-6 .white {  width: 104px; left: 669px; }
.meganav-7 .white {  width: 169px; left: 777px; }

.meganav .col {
	float: left;
}

.meganav .col.col1 {
	padding-right: 10px;
	border-right: 1px solid #BFBFBF;
	width: 200px;
}

.meganav .col.col2 {
	padding-left: 10px;
	border-left: 1px solid #BFBFBF;
	margin-left: -1px;
	padding-right: 10px;
	border-right: 1px solid #BFBFBF;
	margin-right: -1px;
	width: 210px;
}

.meganav .col.col3 {
	padding-left: 10px;
	border-left: 1px solid #BFBFBF;
	width: 220px;
}


.meganav .featured {
	float: right;
	padding: 15px;
	width: 180px;
	background: #f0f0db;
}

.meganav .featured .title_graphic_featured_meganav {
	width: auto;
	background-position: center top;
}

.meganav .featured h3 {
	font-size: 1.214285714em;
	font-weight: normal;
}

.meganav .featured h3 a {
}

.meganav ul {
	padding: 0;
	list-style-type: none;
}

.meganav li {
	margin-bottom: 12px;
}

/*
**
*/

.citation {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	
	width: 100%;
	height: 100%;

	background: url(../_images/bkg_citation.png) left top repeat;
}

.citation > .inner {
	margin: 100px auto 0;
	padding: 40px;
	width: 535px;
	text-align: left;
	background: white;
}

.citation .btn_close_image_overlay {
	float: right;
	margin: -25px -25px 15px 15px;
	padding: 0;
}

.citation ul {
	padding-left: 0;
	list-style-type: none;
}

.error-document .errorMsg {
	height: 300px;
	padding: 45px;
}

.error-document .errorlink {
	font: italic 20px Georgia, Times, serif;
	color: #147089;
	padding-left:5px;
}

.congressional-link {
	position: absolute;
	display: block;
	top: 63px;
	right: 0;
	margin: 0;
	border: 0;
	padding: 0;
}