/*----------------------------------------------------------------------------*/
/*------------------------- Tablet Layout Vertical ---------------------------*/
/*----------------------------------------------------------------------------*/


@media only screen 
  and (min-device-width: 481px) and (max-device-width: 768px) {
	
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	margin: auto;
}	
.centerPage {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

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

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


/* ------------------------------------ Hide Mobile items -------------------------------------------*/	

.mobleBranding {
	display: none;
}

.mobleList {
	display: none;
}

.bottomTitle {
	display: none;	
}

.itemMobileNav {
	display: none;
}

.artifactsMenuMB {
	display: none;
}

.historicMenuMB {
	display: none;
}

.mobileCaption {
		display: none;
}
	
#mobileImage {
	display: none;
}
	
.bottomNavMB {
	display: none;
}

.museumItem {
	display: none;
}

#mobileImageHistoric {
	display: none;
}

.downloadImageMB {
	display: none;
}


/* ------------------------------------ Hide Desktop items -------------------------------------------*/	



.museumItemHistoric {
	display: none;
}

/* ------------------------------------ Hide Desktop items End ---------------------------------------*/	

#splashContainer {
	width:80%;
	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: 100%;
}

.historicLink img {
	float: left;
	width: 50%;
	margin-left: 50px;
	}
	
.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;	
	}





.brandingTop {
	margin-top: -50px;
}


.brandingTDT {
	width: 600px;
	margin-top: 15px;
	margin-right: -500px;
	margin-bottom: 10px;
}

.topLogo {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.topLogo img {
	margin-right: auto;
	margin-left: auto;
}

/* #titleBelowHeader {                    <--- DELETE IF NOTHING CHANGED 6/2/15
	margin-left: auto;
	left: 10%;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
	font-size: 1.2em;
	color: #666;
	margin-top: -2%;
	width: 150px;
	margin-right: auto;
	text-align: center;
}
*/


.Historic and Artifact Menus--------------------------------------------------{}

.historicMenuContainer {
	margin-right: auto;
	margin-left: auto;
	width: 400px;
}

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

.historicMenu ul {
	list-style-type: none;
	width: 150px;
	padding-top: 60px;
	padding-left: 20%;
}

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

}

.historicMenu ul li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bolder;
	color: #FFF;
	line-height: 2.1em;
	width: 170px;
}


.historicMenu ul li a {
	text-decoration: none;
	color: #FFF;
}
.historicMenu ul li a:hover {
	text-decoration: none;
	color: #333333;
}

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


.artifactsMenuContainer {
	margin-top: 70px;
}

.artifactsMenu {
	height: 500px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -50px;
	background-image: url(../_site-assets/imagesNonContent/artifacts_desk_arrowhead.JPG);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: -50px 100px;
}
#artifactMenuTitle {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#artifactMenuTitle img{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}


.artifactsMenu ul {
	list-style-type: none;
	width: 150px;
	padding-top: 15px;
	padding-left: 30px;
}
.artifactsMenu ul.histFirst {
	padding-top: 20px;
	margin-top: auto;
}
.artifactsMenu ul li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: bolder;
	color: #c2c0b6;
	line-height: 2.3em;
	width: 175px;
}
.artifactsMenu ul li a {
	text-decoration: none;
	color: #c2c0b6;
}
.artifactsMenu ul li a:visited {
	color: #c2c0b6;
}
.artifactsMenu ul li a:hover {
	color: #b6583a;
}

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

.TDT Footer Menu for Artifact/History Menu Pages ----------------------------------------------{}

.footer2 {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 450px;
}

.footerMenu2 {
	list-style-type: none;
	display: block;
	padding: 0px;


}

.footerMenu2  a {
	text-decoration: none;
	color: #CCC;
}

.footerMenu2 li {
	list-style-type: none;
	display: inline;
	text-decoration: none;
	font-size: 1.5em;
}
.footerMenu2 li .live {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.footerMenu2 .first {
}

.footerMenu2 .first {
	text-decoration: none;
}

.footerMenu2 .footerRings img {
	height: 20px;
	width: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

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


/* ----------------------- Mini Menu Artifacts TDT on Item Page -------------------------*/	

#miniNavArt {
	position: relative;
	margin-left: 100px;
	margin-right: 30px;
	width: 190px;
	height: 100%;
	float: left;
	}	

.titleBelowHeaderTDT {
	position: relative;
	font-size: 36px;
	color: #666;
	margin-left: 25px;
	}
	
.titleBelowHeaderTDT img {
	width: 190px;
	}

.miniMenuArt {
	position: relative;
	background-image: url(../_site-assets/imagesNonContent/artifacts_menu_bkgd.jpg);
	background-repeat: no-repeat;
	background-size: 85%;
	background-position: right -10px;
	margin-top: -13px;
	height: 160px;
	margin-bottom: 10px;
}


.miniMenuArt ul {
	list-style-type: none;
	text-decoration: none;
	background-position: 0px 0px;
	margin-left: -40px;
}

.miniMenuArt ul li a{
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	line-height: 2.5em;
	font-weight: bolder;
	color: #666;
}

.miniMenuArt ul li a:hover{
	color: #C98334;
	}
	
.museumItem img {           /*----------------------------------------    Main Artifact Image Setting */
	width: 50%;
	float: left;
	cursor: move;
	border: thin solid #CCC;
}

.museumItemTAB img {        /*----------------------------------------    Main Artifact TAB Image Setting  */
	width: 53%;  !important
	float: left;
	cursor: move;
 	border: thin solid #CCC;
}

.museumItemHistoric img {  /*-----------------------------------------    Main Historic Image Setting */
	width: 54%;
	float: left;
	cursor: move;
}

  
.miniMenuArt hr {
	padding-bottom: 10px;
}

.miniMenuArtHistoric .live a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	}

/* ----------------------- Mini Menu Historic TDT on Item Page -------------------------*/

.miniMenuArtHistoric {
	position: relative;
	background-image: url(../_site-assets/imagesNonContent/historic_desk_gallery_200px.JPG);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: right -10px;
	margin-top: -13px;
	height: 250px;
	margin-bottom: 10px;
}

.miniMenuArtHistoric ul {
	list-style-type: none;
	text-decoration: none;
	background-position: 0px 0px;
	margin-left: -20px;
	padding-top: 10px;
}

.miniMenuArtHistoric ul li a{
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	line-height: 2em;
	font-weight: bolder;
	color: #fff;
} 

.miniMenuArtHistoric ul li a:hover{
	color: #C98334;
	}
	

.tap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 900;
	color: #C63;
	width: 100%;
	text-align: center;
	border: thin solid #999;
	padding: 10px;
	text-decoration: none;
	}
	
.more {
	display: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #FFF;
	width: 500px;
}

a.showLink, a.hideLink {
	text-decoration: none;
	color: #C63;
	font-weight: bolder;
	  }

a.hideLink {
	  text-decoration: none; 
	  }

a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #36f; 
	  }
	
/* END test expand on click put back foldout code if doesn't work */

.hover {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

.downloadImageTDT {
	padding-top: 10px;
	
	}
.downloadImageTDT img {
	width: 190px;
	}
	
#photoCaption .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 900;
	color: #666;
	padding-top: 10px;
}

#photoCaption p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#tap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 900;
	color: #C63;
	}



.TDT Thumbnail Styles for Imported Edge Files --------------------------------{}

#thumbsTDT {
	width: 85%;
	position: relative;
	padding-top: 20px;
	padding-right: 5px;
	margin-right: 5px;
	margin-left: 100px;
	display: block;
	float: left;
}

#Stage {
	padding-right: 3px;
	}

.thumb-box {
	border: thin solid #CCCCCC;
	cursor:pointer;
}

.TDT Footer Menu for Historic and Archival Master Link Page Only --------------------------------{}

.footer {
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.footerMenu {
	list-style-type: none;
	display: block;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 450px;
}


.footerMenu  a {
	text-decoration: none;
	color: #CCC;
}

.footerMenu li {
	list-style-type: none;
	display: inline;
	text-decoration: none;
	font-size: 1.5em;
}
.footerMenu li .live {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.footerMenu .first {
}

.footerMenu .first {
	text-decoration: none;
}

.footerMenu .footerRings img {
	height: 20px;
	width: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.TDT Item Footer---------------------------------{}

.itemfooter {

}

.itemfooterMenu {
	list-style-type: none;
	display: block;
	padding: 0px;
	width: 500px;
	margin-left: 100px;
}


.itemfooterMenu  a {
	text-decoration: none;
	color: #CCC;
}

.itemfooterMenu li {
	list-style-type: none;
	display: inline;
	text-decoration: none;
	font-size: 1.5em;
}
.itemfooterMenu li .live {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.itemfooterMenu .first {
}

.itemfooterMenu .first {
	text-decoration: none;
}

.itemfooterMenu .itemfooterRings img {
	height: 20px;
	width: 20px;
	padding-left: 10px;
	padding-right: 10px;
}


}