body {
  background-color: #faf2e4;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 85px;
  margin-left: 2px;
  /* margin: 0 5%; */
  font-family: sans-serif;
  }
  
/* Makes HTML5 layout elements block elements for older browsers */ 

header, nav, aside, article, footer, section { 
  display: block; 
} 

/* Fuck Older Browsers - use flexbox and grid where needed */
nav {
	display: flex;
	justify-content: center;
}

/* Style for <a> tags in the nav section */ 
  nav a { 
  background-color: #DBB475; 
  color: black; 
  text-decoration: none; 
  font-weight: bold;
  outline: none;
  padding:10px 20px; 
  display: flex;
  justify-content: center;
  float: left; 
  border-bottom: solid 3px black; 
  border-top: solid 2px black;
  border-left: solid 2px black;
  border-right: solid 1px black;
  text-align:center;
  border-top-left-radius: 5px; 
  border-top-right-radius: 5px; 
  }
  nav a:hover, nav a:active {
   background: #B0905D;
   color: black;
   }
  
hr {
	color:black;
	align:center;
}
/* Headings */
h1 {
	text-align: center;
	font-family: serif;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #57b1dc;
	margin-top: 30px;
	font-size: 3.0em;
	}
h2 {
	text-align: center;
	color: #d1633c;
	font-size: 1em;
}
h3 {
	text-align: left;
	color: black;
	font-size: 2.5em;
	font-weight:bold;
}
h4 {
	text-align: left;
	color: #581845;
	font-size: 1.65em;
	font-weight:bold;
	margin-left: 10px;
}
h5 {
	text-align: left;
	color: brown;
	font-size: 1.35em;
	font-weight:bold;
	margin-left: 25px;
}
h6 {
	text-align: left;
	color: blue;
	font-size: 1.1em;
	font-weight:bold;
	margin-left: 50px;
}
h7 {
	text-align: left;
	color: green;
	font-size: 1.0em;
	font-weight:bold;
	margin-left: 50px;
}
aside {
    width: 20%;
    padding-left: .5rem;
    margin-left: .5rem;
    float: right;
    box-shadow: inset 5px 0 5px -5px #29627e;
    font-style: italic;
    color: #29627e;
}

aside > p {
    margin: .5rem;

}

table{
/* center table blank lines above and below */
margin:1em auto;
}

table {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: left;
	}
table th {
  white-space: nowrap;
  padding: 3px;
  border: 1px solid black;
  border-collapse: collapse;
  text-align: left;
  background-color: #D6C696;
}

table td{
  white-space: nowrap;
  padding: 3px;
  border: 1px solid black;
  border-collapse: collapse;
  text-align: left;
}


.numerictable {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	}

.numerictable th {
  white-space: nowrap;
  border: 1px solid black;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  text-align: center;
  background-color: #B3D1F5;
}

.numerictable  th:nth-child(5) 
{ background-color: #4C7BD9; }

.numerictable td{
  white-space: nowrap;
  border: 1px solid black;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  text-align: left;
}

}
.archeotable {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: left;
	}
.archeotable th {
  white-space: nowrap;
  padding: 3px;
  border: 1px solid black;
  border-collapse: collapse;
  text-align: left;
  background-color: #D6C696;
}

.archeotable td{
  white-space: nowrap;
  padding: 3px;
  border: 1px solid black;
  border-collapse: collapse;
  text-align: left;
}

.wrappingarcheotable {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: left;
	}
.wrappingarcheotable th {
  white-space: nowrap;
  border: 1px solid black;
  padding: 3px;
  text-align: left;
  background-color: #D6C696;
}

.wrappingarcheotable td{
  white-space: normal;
  border: 1px solid black;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 25px;
  padding-top: 3px;
  text-align: left;
}

/*  The hovering was getting annoying

tr:hover{
	background-color:#FFCC88;
}

 */


a.hiddenlink{
   outline:none;
   background-color: #faf2e4;
   color:#faf2e4;
}

/*hiddenlink unvisited links*/
a.hiddenlink:link{

   background-color: #faf2e4;
   color:#faf2e4;
}

/*hiddenlink visited links*/
a.hiddenlink:visited{
   background-color: #faf2e4;
   color:#faf2e4;
}

/*hiddenlink hover and active state links*/
a.hiddenlink:hover, a.hiddenlink:active{
   background-color: #faf2e4;
   color:#faf2e4;
}

.gallery { 
  position: relative; 


  } 
  /* Smaller divs with 2 img tags each */ 
  .gallery div { 
  padding: 2px; 
  width: 25px;
  display: inline-block; 
  } 
  /* First image in each smaller div */ 
  .gallery div img:nth-child(1) { 
  width: 15px;
  display: inline-block;  
  } 
  
  /* Second image in each smaller div */ 
  .gallery div img:nth-child(2) { 
  position: absolute; 
  top: 10px; 
  left: -300px; 
  z-index: 12;
  border-style: solid;
  border-width: thick;  
  visibility: hidden; 
  } 

  /* Hover on any smaller div */ 
  .gallery div:hover img:nth-child(2) { 
  visibility: visible; 
  }




/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 235px;
  background-color: white;
  border:solid;
  color: black;
  text-align: left;
  padding: 5px;
  border-radius: 1px;
  top: -5px;
  right: 105%;
 
  /* Position the tooltip text */
  position:fixed;
  left:5px;
  float: left;
  top:1%;
  z-index: 11;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}



/* Split the screen in half */
.split {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
  padding-top: 20px;
}

/* Control the left side */
.left {
  left: 0;
  background-color: #D6C696;
}

/* Control the right side */
.right {
  right: 0;
  background-color: #D6C696;
}

/* If you want the content centered horizontally and vertically */
/* .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

*/



/* Google font - Markazi for arabic */

@import url('https://fonts.googleapis.com/css2?family=Markazi+Text&display=swap');

h28 {
	font-family:Markazi,Cursive;
}

h29{
	font-size:0.85em;
}

h30{
	font-size:0.70em;
}

figure.captioned{
    width: 10%;
    text-align:center;
}
figure.captioned img{
    
    width: 100%;
    }
figure.captioned figcaption{
    
    width: 100%;
}


div.centeredlist{
	text-align:center;
}
div.centeredlist ul li{
   display:inline;
 }



/* Regular Collapsible Panels */
        /* Style for the entire collapsible panel */
        .cPanel {
            background-color: #D6C696;
            width: 90%;
            margin: 1em auto;
            border: solid 2px #777;
            border-radius: 5px;
            font-family: Verdana, Tahoma, Sans-Serif;
        }
        /* Style for the top bar */
        .top {
            padding: 8px 48px 8px 4px;
            border: solid 1px #F5E4BB;
            border-radius: 5px;
            font-size: 1em;
        }
        /* Shows collapse button */
        .collapse {
            background: url(ChevronUp.jpg) no-repeat 98% center;
        }
        /* Shows expand button */
        .expand {
            background: url(ChevronDown.jpg) no-repeat 98% center;
        }
        /* Style for panel that drops down.*/
        .cPanel .slidepanel {
            margin: 0;
            padding: 1em;
            background-color: white;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
			display:none;
        }



/* Wide Collapsible Panels */
        /* Style for the entire collapsible panel */
        .cPanelWide {
            background-color: #D6C696;
            width: 100%;
            margin: 1em auto;
            border: solid 2px #777;
            border-radius: 5px;
            font-family: Verdana, Tahoma, Sans-Serif;
        }
       /* Style for panel that drops down.*/
        .cPanelWide .slidepanelWide {
            margin: 0;
            padding: 1em;
            background-color: #faf2e4;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
			display:none;
        }