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



/*---------------------------------------------------------------------------*/
/*------------------------- Desktop Layout. ----------------------------------*/
/*---------------------------------------------------------------------------*/

@media only screen and (min-device-width: 1025px) {	
	
.DESKTOP------------------------------------------------------ {}	

	
.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;
	text-decoration: none;
}

/* visited link
a:visited {
    color: #C63;
	text-decoration: none;
}
 */

/* ------------------------------------ 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;
}

.museumItemTAB {
	display: none;
}

#mobileImageHistoric {
	display: none;
}
.downloadImageMB {
	display: none;
}


/* ------------------------------------ Splash Page Items -----------------------------------------------*/	

#splashContainer {
	width:50%;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}

#splashMainImage {
	position: relative;
	margin-top: 50px;
	}
	
#splashMainImage img {
	position: relative;
	width: 100%;
}
#splashMenu .splashMenuCenter {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%;
}


/*#splashMenu {
	width: 100%;
	padding-left: 15%;
	margin-left: auto;
	margin-right: auto;
	}
*/
.historicLink img {
	float: left;
	width: 50%;
	margin-left: 70px;
	}
	
.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;	
	}


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

.topLogo {
	margin-left: auto;
	margin-right: auto;
	width: 735px;
	}

.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: #333333;
}


.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 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;
}

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


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

#itemWrapper {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
	position: relative; 
	}

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

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

.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: #C63;
	}
	

.museumItem {
	postion: absolute;
	}

.museumItem img {
	width: 60%;
	float: left;
	cursor: move;
	border: thin solid #CCC;
}

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

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

	
/* ----------------------- 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: #453828;
	}
	
.museumItemHistoric img {
	width: 60%;
	float: left;
	cursor: move;
}
	
	
.miniMenuArtHistoric .live a {
	font-weight: bold;
	text-decoration: none;
	color: #45392b;
	}

/* test expand on click put back foldout code if doesn't work */


.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;
	font-weight: 900;
	color: #666;
	  }

a.hideLink {
	  text-decoration: none; 
	  }

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

.downloadImageTDT {
	padding-top: 10px;
	}
	
.downloadImageTDT img {
	width: 190px;
	}
	
/*.downloadImageTDT img:hover {
	border: thin solid #CCC;
	margin: -1px;	
	}
*/	
#photoCaption .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 900;
	color: #666;
	padding-top: 1px;
}

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

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

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

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

#Stage {
	padding-right: 3px;
	}

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



.TDT Footer Menu for Item Pages ----------------------------------------------{}

.footer {
	/*margin-left: auto;
	margin-right: auto; */
	margin-left: 100px;
	clear: both;
	width: 50px;
}

.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 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;
}

/* ---------------------------  TOOL TIPS CODE  New but delete if old works redone ---------------------------- */
/*
a.tooltips {
	position: relative;
	display: inline;
}
a.tooltips span {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	left: 15%;
	top: 60%;
	right: 0%;
	bottom: 0px;
	z-index: 999;
}

a:hover.tooltips span {
	visibility: visible;
	background-image: url(../_site-assets/imagesNonContent/scroll%20to%20zoom%20+%20icon%20copy.JPG);
	background-repeat: no-repeat;
	z-index: 999;

}

*/

/* ---------------------------  TOOL TIPS CODE (OLD) ---------------------------- */
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
	position: absolute;
	width: 115px;
	/* [disabled]color: #FFFFFF; */
	/* [disabled]background: #000000; */
	height: 115px;
	/* [disabled]line-height: 30px; */
	/* [disabled]text-align: center; */
	visibility: hidden;
	/* [disabled]border-radius: 6px; */
} 
a.tooltips span:after {
	/* [disabled]content: ''; */
	position: absolute;
	/* [disabled]top: 100%; */
	/* [disabled]left: 50%; */
	/* [disabled]margin-left: -8px; */
	/* [disabled]width: 0; */
	/* [disabled]height: 0; */
	/* [disabled]border-top: 8px solid #000000; */
	/* [disabled]border-right: 8px solid transparent; */
	/* [disabled]border-left: 8px solid transparent; */
} 
a:hover.tooltips span {
	visibility: visible;
	opacity: 0.8;
	margin-left: -76px;
	background-image: url(../_site-assets/imagesNonContent/scroll%20to%20zoom%20+%20icon%20copy.JPG);
	background-repeat: no-repeat;
	z-index: 999;
	margin-top: -80px;
}
 
SECOND VERSION OF THE  CODE ----------------------------

/* ---------------------------  TOOL TIPS CODE  ---------------------------- */
/*a.tooltips {
	position: relative;
	display: inline;
	right: 0px;
 
}   
a.tooltips span {
  position: absolute;
  width:115px;
  height: 110px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}

/* Arrow on Bubble */
/*a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
*/
/*a:hover.tooltips span {
	display: inline;
	visibility: visible;
	bottom: -600px;
	left: -1000px;
	z-index: 999;
	background-image: url(../_site-assets/imagesNonContent/scroll%20to%20zoom%20+%20icon%20copy.JPG);
	background-repeat: no-repeat;
}
 
 
 
 
 
 
 */
}