@charset "utf-8";
/* CSS Document */


/*--------------------------------------------------------------------------*/
/*------------------------- Mobile Layout  ---------------------------------*/
/*--------------------------------------------------------------------------*/



#Mobile and TDT splash page----------------------------------------------------------{}

@media only screen and (max-device-width: 480px) {


.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
	/* [disabled]padding-left: 1.82%; */
	/* [disabled]padding-right: 1.82%; */
}

/* unvisited link */
a:link {
    color: #C63;
}

/* visited link */
a:visited {
    color: #C63;
}


/* Hide TDT items from Mobile */

.brandingTDT {
	display: none;
}
.miniMenuHist {
	display: none;
}

.miniMenuArt {
	display: none;
	}

.footer {
	display: none;
}

.footer2 {
	display: none;
}

.topLogo {
	display: none;
	}
	
figcaptionTDT{
		display: none;
	}
	
figcaptionTDT2{
		display: none;
	}
	
.artifactsMenu {
	display: none;
}
.historicMenu {
	display: none;
}

#thumbsTDT {
	display: none; !important
	}
	
.museumItem {
	display: none;
	}
	
.itemfooter {
	display: none;
	}
#miniNavArt {
	display: none;
	}
	
.photoInstruction {
	display: none;
	}
	
#photoCaption {
	display: none;
	}
	
#hover {
	display: none;
	}

.museumItemTAB {
	display: none;
}

.showLink  {
	display: none;
}

.hideLink  {
	display: none;
}

.museumItemHistoric {
	display: none;
}

.downloadImageTDT {
	display: none;
}

.hideFromMobile {
	display: none;
}

/* End Hide Desktop and Tablet items from Mobile */

.hrTop  {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
.hrBottom {
	padding: 0px;
	margin-top: 6px;
	margin-bottom: 0px;

}

/* Splash Page (Home Page) */
#splashContainer {
	width:90%;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}

#splashMainImage {
	width: 100%;
	position: relative;
	margin-top: 50px;
	}
	
#splashMainImage img {
	position: relative;
	width: 100%;
}

splashMenu .splashMenuCenter {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 90%;
}


/*#splashMenu {
	width: 100%;
	padding-left: 15%;
	margin-left: auto;
	margin-right: auto;
	}
*/


.historicLink img {
	float: left;
	width: 50%;
	margin-left: 30px;
	}
	
.rings img{
	float: left;
	margin-left: 10px;
	margin-right: 0px;	
	width: 5%;
	}

.artifactsLink img {
	float: left;
	width: 31%;	
	}

.historicLink img:hover {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;	
	}
	
.artifactsLink img:hover {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;	
	}




#Branding--------------------------------------------------------------------------------{}

/* .brandingTop{
	display: none;	
	}
*/


#logoMenu {
	margin-top: 25px;
	color: #666;
	margin-left: auto;
	margin-right: auto;

}
#titleBelowHeader {
	margin-left: auto;
	left: 10%;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
	font-size: 1.2em;
	color: #666;
	margin-top: 1%;
	width: 150px;
	margin-right: auto;
	text-align: center;
}

.mainLogo {
	margin-top: 5px;

}
.mainLogo img {
	margin-top: 5px;
	width: 90%;
}
.imgMenu {
	/* [disabled]width: 300px; */
	/* [disabled]position: relative; */
	/* [disabled]left: 100px; */
}
#Mobile Branding & NAV----------------------------------------------------------{}


.mobleBranding {
	position: fixed;
	border-bottom-color: #666;
	z-index: 999;
	background-color: #FFF;
	height: 90px;
	left: 0px;
	top: 0px;
}


.mobileList {
	list-style-type: none;
	z-index: 9999;
	margin-top: -15px;
	background-color: #FFF;
	/* [disabled]margin-bottom: 50px; */
}

.mobileList ul {
	list-style-type: none;
	display: none;
	background-color: #FFF;
	width: 100%;
	margin-left: -40px;
	/* margin-top: -50px;   margin top is to test menu with Firebug on desktop */
	height: 310px;
	/* [disabled]margin-bottom: 50px; */
}

.mobileList ul li  {
	text-decoration: none;
	margin-top: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 1px;
	padding-bottom: 10px;
	margin-left: -40px;
	background-color: #FFF;
}


.mobileList ul li a {
	text-decoration: none;
	font-family: CrimsonText;
	font-size: 3em;
	margin-left: 20px;
	background-color: #FFF;
	font-weight: 700;
	width: 200px;
	color: #beb8ad;
}
.mobileList ul .first {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 10px;
	background-color: #FFF;
	margin-top: 10%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.mobileList ul .last {
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #CCC;
	height: 60px;
	background-color: #FFF;
	/* [disabled]padding-bottom: 60px; */
}
.first a .imgMenu img {
	width: 120px;
	float: right;
}
.mobileList ul .artifacts img{
	width: 120px;
	float: right;
}
.mobileList ul .historic img {
	width: 80px;
	float: right;
	margin-right: 20px;
}


.mobileList ul .last a .imgMenu img {
	width: 50px;
	float: right;
	margin-right: 30px;

}

.mobileList ul li a .navSpan {
	margin-left: 20px;
}
.mobileList ul li a .navSpan2 {
	margin-left: 20px;
	font-size: 0.42em;
	position: relative;
	margin-top: -5px;
	padding-bottom: 20px;
	color: #beb8ad;
}
.mobileList ul li a .navSpan3 img {
	width: 102px;
	margin-top: 2px;
}
.mobileList:hover > ul  {
	visibility: visible;
	display: block;
	background-color: #FFF;
	height: 2000px;
	z-index: 10000;
	position: fixed;
	top: 0px;
	width: 88%;
	margin-top: -5px;
}


.mobileList ul li a:visited {
	color: #beb8ad;
}

.hamburgerLI {
	position: absolute;
	background-color: #FFF;
}


.hamburger-menu
{
	width: 30px;
	height: 5px;
	background-color: #666;
	border-radius: 5px;
	position: absolute;
	float: right;
	top: 0px;
	right: 10px;
	margin-top: 10px;
}

.hamburger-menu:after, .hamburger-menu:before {
    content: '';
    width: 100%;
    height:5px;
    background-color:#666;
    position:absolute;
    border-radius:5px;
}

.hamburger-menu:after
{
	top: 10px;
}

.hamburger-menu:before {
	top: 20px;
}




#Historic and Artifact Menus--------------------------------------------------{}

.historicMenuContainer {
	margin-right: auto;
	margin-left: auto;
	margin-top: 75px;
}

.historicMenuMB {
	background-image: url(../_site-assets/imagesNonContent/historic_images_cell.jpg);
	background-size: contain;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}

.historicMenuMB ul {
	list-style-type: none;
	width: 150px;
	padding-top: 15px;
	padding-left: 15%;
}

.historicMenuMB ul.histFirst {
	padding-top: 20px;
	margin-top: auto;

}

.historicMenuMB ul li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	color: #FFF;
	line-height: 2.3em;
	width: 150px;
}


.historicMenuMB ul li a {
	text-decoration: none;
}


.historicMenuMB ul li a:visited {
	color: #fff;
}

.historicMenuMB ul li:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	color: #333333;
}

.historicMenuMB ul li a:active {
	color: #333333;
}

#Artifact Menus Mobile--------------------------------------------------{}

.artifactsMenuContainer {
	margin-top: 135px;
	margin-right: auto;
	margin-left: auto;
}

.artifactsMenuMB {
	background-image: url(../_site-assets/imagesNonContent/artifacts_no_title01.jpg);
	background-size: cover;
	height: 300px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: -50px;
	background-position: 0px -120px;
}

.artifactsMenuMB ul {
	list-style-type: none;
	width: 150px;
	padding-top: 15px;
	padding-left: 30px;
}
.artifactsMenuMB ul.histFirst {
	padding-top: 20px;
	margin-top: auto;
}
.artifactsMenuMB ul li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	color: #808080;
	line-height: 2.6em;
	width: 150px;
}
.artifactsMenuMB ul li a {
	text-decoration: none;
	color: #666;
}
.artifactsMenuMB ul li a:visited {
	color: #666666;
}
.artifactsMenuMB ul li a:hover {
	color: #C98334;
}

.artifactsMenuMB ul li:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	color: #963;
	line-height: 2.3em;
}

.artifactsMenuMB ul li a:active {
	color: #C98334;
}

#End Historic and Artifact Menus----------------------------------------------{}

.bottomNavMB {
	position: fixed;
	bottom: 0px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	z-index: 9999;
}
.hrBottomNavMB {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.itemMobileNav {
	margin-right: auto;
	margin-left: auto;
	/* [disabled]width: 85%; */
}

.itemMobileNav ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;

}

.itemMobileNav ul li {
	display: inline;
	list-style-type: none;
	text-decoration: none;
	color: #666;
}


.itemMobileNav ul .navMiddle a {
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
}
.itemMobileNav ul  a:visited {
	color: #666;
	text-decoration: none;
	list-style-type: none;
}
.itemMobileNav ul a  {
	text-decoration: none;
	list-style-type: none;
	color: #666;
}

.previousArrow {
	left: 0px;
	font-size: 2em;
	color: #999;
	padding-left: 20px;
}
.navMiddle  {
	margin-left: 32%;
	}

.nextArrow {
	right: 0px;
	font-size: 2em;
	color: #999;
	float: right;
	padding-right: 20px;
}


.galleryHeadline2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #666;
	z-index: 9999;
	background-color: #FFF;
	float: left;
	margin-left: 10px;
}

.galleryHeadline3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #666;
	z-index: 9999;
	background-color: #FFF;
	float: left;
	margin-left: 10px;
}


.previousGalArrow {
	font-size: 1.5em;
	color: #999;
	margin-right: 15px;
	margin-left: 15px;
}
.nextGalArrow {
	font-size: 1.5em;
	color: #999;
	margin-left: 15px;
}

.galleryScroll .scroll{
	width: 154px;
	/* padding-left: 20px; */
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 30px;
	z-index: 8888;
	margin-right: auto;
	margin-left: auto;
}
.galleryScroll .scroll img {
	width: 99%;
	border: thin solid #CCC;
}

.museumItem .itemPhoto img {
	border: thin solid #CCC;
	margin-bottom: 15px;
	margin-top: 5px;
}


#mobileImage img{
	border: thin solid #999;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	position: relative;
	display: block;
	}
	
#mobileImageHistoric img{	
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 110px;
	position: relative;
	display: block;
	}
	
.downloadImageMB img {
	padding-top: 10px;
	width: 60%;
	padding-left: 20%;
	}
	
.mobileCaption .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 900;
	color: #666;
}
.mobileCaption p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}


.mobileCaption {
	padding-left: 20px;
	padding-right: 20px;
	height: 500px;
}

.mobileCaption span {
	/* [disabled]font-weight: bolder; */
}
.mobileGalleries {
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	float: right;
	margin-right: 15px;
	margin-top: -5px;
}
.mobileGalleries a{
	text-decoration: none;
	color: #666;
}

@media only screen and (max-device-width: 320px) {
	.mobleBranding {
	position: fixed;
	border-bottom-color: #666;
	z-index: 999;
	background-color: #FFF;
	height: 80px;
	left: 0px;
	top: 0px;
}	
	
}

}