/* HTML ELEMENTS *******************************************************************************************************/
body {
    margin: .5em auto 4em auto !important; /* margin top should be 0 to make it flush if Navigation banner goes into place */
}

dt {
    font-weight: bold;
    padding: .5em;
}

dd {
    padding: .5em;
}

strong {
    font-weight: bold
}

em {
    font-style: italic;
}

/* PAGE SECTIONS *******************************************************************************************************/


/* NAVIGATION AREA

/*
.nav {
    background-color: #333;
    font-size: 16px;
    width: 100%;
    padding: 8px 0 8px 14%;
    margin-bottom: 20px;
}

.nav a {
    color: white;
    text-decoration: none;
    cursor: pointer;
}
*/


/* HEADER *********************************************************/


#header {
    xxxxxxxxxheight: 150px;
    position: relative;
}


#site-title {
	/* Defer to responsive styling for font-size */
	/* font-size: 2em; */
    width: 250px;
    margin-top: 10px;
    /*
    padding-left: 10px;
    */
}

#site-title a {
    text-decoration: none;
}


#secondary-branding {
    text-align: right;
    margin-top: 10px;
}

/* FOOTER *********************************************************/

#footer {
}

/* CONTENT *********************************************************/

#content {
    padding: 1em 0;
}

/* NAVIGATION SECTIONS *********************************************/

#top-navigation .inner,
#main-breadcrumbs {
    height: 32px;
    line-height: 32px;
    
    
    /* Dean's font size */
    font-size: 0.813em;
    font-size: 0.9em;
}

#top-navigation a:link,
#top-navigation a:visited {
    font-weight: bold;
    xxxxxxxxxxxxxmargin-right: .5em;
}

/* CMS SIMPLE PAGES ****************************************************************************************************/


/* Simple Pages index pages ******************************************/

.provider-logo {
    width: inherit;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* EXHIBITS ************************************************************************************************************/


/* EXHIBIT MAIN PAGE **************************************************/

#exhibit-image-wrapper {
	position: relative;
	margin-bottom: 3em;
}

#exhibit-image-border {
    background: transparent url(../images/image-border.png) top left no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 460px;
    height: 412px;
    z-index: 1010;
    
    display:	none;	/* never shown - used only to load relevant overlay for js to pick up for "exhibit-shadow" */
}

#exhibit-shadow{
	position:	absolute;
	top:		0px;
	left:		0px;
	width:		100%;
	z-index:	2;
}

#crop-div{
	width:		100%;
	overflow:	hidden;
	z-index:	1; 
}

#crop-div img{
	width:		100%;
}
 




#exhibit-image {
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 460px;
    height: 412px;
    z-index: 1000;
}

.exhibit-summary {
    width: 25%;
    float: left;
    margin: 0 2em 0 0;
    min-height: 250px;
}

.exhibit-summary h3 {
    margin: 1em 0 0 0!important;
}

/* EXHIBITS THEME PAGE ************************************************/


.exhibit-theme-wrapper {
    text-align: center;
    width: 100%;
}

.exhibit-theme-container {
    display: inline-block;
    position: relative;
    width: 100px;
}

.exhibit-theme-image {
    margin: 5px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    z-index: 1000;
}

.exhibit-theme-image-overlay {
    background: transparent url(../images/circle-overlay-100.png) top left no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1010;
    width: 100px;
    height: 100px;
    margin: 5px;

}

.right .exhibit-theme-title {
    position: absolute;
    top: 45px;
    left: 120px;
    width: 200px;
}

.left .exhibit-theme-title {
    position: absolute;
    top: 45px;
    right: 120px;
    width: 300px;
}

.exhibit-theme-container.right{
    text-align: left;

}

/* EXHIBIT INTRO/STORY PAGE ********************************************/


#exhibit-item-infocus {
    position: relative;
    z-index: 1000;
    width: auto !important;
}

#exhibit-item-infocus-header {
    position: absolute;
    top: 8px;
    right: 8px;
    /*padding: .5em;*/
    /*z-index: 1010;*/
	z-index: 2000;
}

#exhibit-item-infocus-item {
    z-index: 1001;
    /*text-align: center;*/
    /*margin-bottom: .25em;*/
}

#exhibit-item-infocus-item img {
    xxxmax-width: 460px;
}

div#in-focus,
#__seadragon1
{
    xxxwidth: 460px;
	z-index: 100;
    text-align: center;
}

.mejs-container {
    min-height: 84px;
    text-align: left !important;
}

#in-focus img {
    max-height: 400px !important;
}

#exhibit-item-infocus a:link,
#exhibit-item-infocus a:visited,
#exhibit-item-thumbnails a:link,
#exhibit-item-thumbnails a:visited{
    text-decoration: none;
}

#exhibit-item-thumbnails {
    width: 100%;
    clear: both;
    padding-top: .5em;
    text-align: center;
}



/*
#exhibit-item-thumbnails .exhibit-item {
    display: inline;
    margin: 0 0 .25em .25em;
}
*/
#exhibit-item-thumbnails .exhibit-item {
    margin: 0 0 .25em .25em;
}


/*
#exhibit-item-thumbnails .exhibit-item:first-of-type {
    margin-left: .5em;
}
*/
#exhibit-item-thumbnails td{
	padding:		2px;
}

#exhibit-item-title {
    padding: .5em;
    text-align: center;
}

#exhibit-item-title h4 {
    margin: 0;
}

body.exhibit-item-show #exhibit-item-title {
    display: none;
}

/* EXHIBIT NAVIGATION *********************************************************/

.exhibit-page-nav a:link,
.exhibit-page-nav a.current{
    margin: 0 1em 0 0;
}

.exhibit-page-nav a:link.current {
    font-weight: bold;
    text-decoration: none;
}

.exhibit-page-nav a:link.current img {
    margin-bottom: 1em;
}


/***** story navigation *****/
.story-nav{
	float:		left;
	height:		100%;
	min-height:	100%;
}

.story-nav-wrapper{
	max-width:	100%;
}

story-nav-wrapper a img{
	max-width: auto;
}

.story-nav-padding{
	min-width:1%;
	float: left;
}






/* ITEMS ***************************************************************************************************************/


/* ITEM PAGE **********************************************/

.element-set h2 {
    display: none;
}

/* responsive design change (h3 -> h4) */
.element h1 {
    margin:			0 .5em 0 0;
    padding:		0;
    line-height:	20px;
}

/* responsive design change */
.element h2 {
    margin:			0 .5em 0 0;
    padding:		0;
}

.element h1, .element h2, .element h6{
    line-height: 	19px;
    font-size:		13px;
}

/* responsive design change */
.element h6{
    clear:			left;
    float:			left;
    font-weight:	bold;
    margin:			0 .5em 0 0;
    padding:		0;
	display:		inline;	
}


.exhibit-text p{
	line-height:	26px;	
}


.element h1{
	xxxxdisplay:	inline;	
	margin-bottom: 0;
}

.element td h6 {
    line-height:	19px;
}


.element .element-text, .element p {
	/* responsive design change */
	font-size:		13px;    
    line-height:	19px;
}

.element h6:after {
    content: ":";
}


@media handheld, screen and (max-width: 767px) {
	.element .element-text, .element p {
	    font-size:		15px;	
	    line-height:	20px;
	}
	.element td h6 {
    	line-height:	20px;
	}
	
	.element h1 {
	    padding:		0;
	}
	
	/* responsive design change */
	.element h2 {
	    padding:		0;
	}
	/* responsive design change */
	.element h6{
	    font-weight:	bold;
	}
	.element h1, .element h2, .element h6{
	    font-size:		15px;
	    line-height:	20px;
	    
	}
}
	
	







.element .element-text p {
    margin: 0;
}

.element {
    clear: both;
}



/* ITEMS BROWSE / PAGE NAV ********************************/

ul.pagination_list,
ul.navigation {
    display: block;
    margin-top: 1em;
}

ul.pagination_list li,
ul.navigation li {
    display: inline;
    margin: 0 1em 0 0;
}

.item-description  {
    margin-bottom: 2em;
}

pagination-top{
	color:blue;
}

li.pagination_current{
	
	font-weight: 900 !important;
}

li.pagination_range a{
	
	font-weight: 100 !important;
}

/* AUDIO / VIDEO STYLES ************************************************************************************************/

audio, video, .mejs-container, .mejs-container * {
    width: 460px;
    max-width: 100%;
    
}

#video-logo-link{
	position:		absolute;
	z-index:		1;
	left:			0;
	margin-top:		8px;
	margin-left:	8px;
}

/* CUSTOM DEFS *********************************************************************************************************/
.t-right {
    text-align: right;
}
.t-left {
    text-align: left;
}

.return-nav {
    display: block;
    margin: .5em 0;
    height: 50px;
}

.widget {

    display: inline-block;
    position: relative;
    text-decoration: none !important;
    text-align: left;
    min-height: 32px;
}

.widget.clear-b {
    clear: both;
}

.widget img {
    vertical-align: middle;
    margin: 0 .5em;
}

.icon {
    display: inline-block;
    width: 32px;
    min-height: 32px;
}

.icon.right {
    float: right;
}

.icon.left {
    /*float: left;*/
}

.icon.arrow {
    background: transparent url(../images/arrow-right.png) top right no-repeat;
}

.icon.arrow.left {
    background: transparent url(../images/arrow-left.png) top left no-repeat;
    margin-right: .5em;
    /*display: inline-block;*/
}

a.nav-arrow.east {
   background: transparent url(../images/arrow-right.png) top right no-repeat;
    line-height: 32px;
    min-height: 32px;
   padding: 5px 42px 5px 0;
}

/* SIMPLE CONTACT PAGE *************************************************************************************************/

#simple-contact label {
    display: block;
    margin-top: 1em;
}

/* HELPERS *************************************************************************************************************/

div.error,
p.error{
    background: #fffff0;
    border: 1px solid firebrick;
    color: firebrick;
    display: inline-block;
    padding: .5em;
    text-align: left;
    z-index: 2010 !important;
    margin: 0 0 .5em 0;
}

p.error {
    max-width:150px;
    margin: 0;
}