body {
	/*background-color:#343a40;  */
	margin: 0px;
	padding: 0px;
/* navbar-top css: Show it's not fixed to the top */
  min-height: 65rem;
}

a {
	color: #5e0501;
	text-decoration: none;
	font-weight: normal;
}
a:hover 
{	color: #5e0501;
text-decoration: underline;
}



h2{font-weight:normal;
	 font-size: 1.8em;
	color: #5a4d37;
	margin: 20px 0 ;
	font-family: 'Averia Serif Libre',  Helvetica, sans-serif;
	padding:0;
}

#workInfoTabs h2 {padding:0;}

h3{
	font-size: 1.5em;
	color: #816F50;
	margin: 20px 0 10px 0;
	font-weight:normal;
	font-family: 'Averia Serif Libre',  Helvetica, sans-serif;
	font-weight:300;
}
h4{
	font-size: 1.0em;
	color: #816F50;
	margin: 20px 0 10px 0;
	font-weight:normal;
	font-family: 'Averia Serif Libre',  Helvetica, sans-serif;
	font-weight:300;
}


#Container{margin:0 auto;
	font-family: Helvetica, sans-serif;	
	line-height: 110%;
	width: 1050px;
	width:100%;
	color: #C3A881;
	color:black;
	background-image: url(../images/terracotta_bgnd.gif);
	text-align: center;
}

#Header{
	width:100%;
	background: url(../images/terra_cotta_header2016.jpg) no-repeat;
	height: 170px;
	margin: 0 auto;
	padding: 0 0 0 0;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size:cover;
}

#Header h1{
	padding:5% 5px;
	text-align: center; 
font-family: 'Averia Serif Libre', Helvetica, sans-serif;
font-weight:normal;
color:#FFF;
opacity:.8;}


#Content{position:relative;
	width: 100%;
	margin: 0px auto;
	text-align: left;
	color:black;
}
#pageInfo {margin:0 10px; padding:15px 10px;}

#myContainer { width:100%; height:550px; margin:0px auto; border:0px; border-style:solid; border-color:#696969;background: #90b290;} 

.navbar {padding: .5rem 0rem;}

.navbar-collapse {
	font-size:.95em;
	margin:0 auto;
	clear: both;
	list-style: none;
	padding: 7px 0 14px 0;
	text-align: center;
	opacity:.8;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.8);
}


.viewInMap {display:inline-block;opacity:.8;
 background:url(../images/nav/terracotta-map-view.png) no-repeat -4px -5px;
 height:20px;
 width:20px;
font-size:.75em;
text-indent:-5000px;
margin:0 0 0 5px;
}

.viewInMap a {text-indent:-5000px;}

.navbar-collapse p {display:inline; float:left;}
#Header .NavSecondary {margin: 90px 0 0 9px;}


.NavSecondary {padding: 0px 10px 20px 0;}
.NavSecondary p {display:inline; float:left; margin:0; }
.NavSecondary ul {display:inline;}
.NavSecondary li {list-style: none;float:left; display:inline-block;margin:0 5px;}

#workInfoTabs{padding:0 0px}

.targetDiv p {padding:0 10px;}

/* initial divs hidden for sub menus */
.initialHide {display:none;}


/* Make into 2 columns */
.columns ol, .columns ul{
  -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;	
	margin: 0 0 0 -26px;
	}
.columns ol li, .columns ul li {
margin:0 21px;
padding:8px 0 0px 0px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;}	



/*dropdown menu items */
.navbar-collapse {position:relative;}
.navbar-collapse a  {color:#fff;}
.navbar-collapse ul {
	color:#FFF;
    margin: 0 0px;
    padding: 0;
    list-style: none;
}
.navbar-collapse  ul li{
	 margin: 0 5px;
    display: inline-block;
    float: left;
}

.navbar-collapse.show ul li{
	 margin: 0 5px;
    display: block;
    float: none;
}
.navbar-collapse li ul {

    display: none;
}

.navbar-collapse.show li ul {
    display: block;
}
.navbar-collapse ul ul li a {
    display: block;
    text-decoration: none;
    padding: 0;
    margin-left:0px;
    white-space: nowrap;
}
.navbar-collapse ul li  a:hover  { 
 text-decoration:underline;
}
.navbar-collapse li:hover ul {
    display: inline-block;
    position: absolute;
    left:0px;
    text-align:center;
}

.navbar-collapse.show li:hover ul , .navbar-collapse.show li:hover ul li{
    display: block;
    position: relative;
    left:0px;
    text-align:center;
}

.navbar-collapse ul.dropdown-content {margin:-5px 8px;}


/* homepage overlays; will need to hide these upon initial view */
.sidebarContentBox {display:inline; font-size:.85em;}
#clearOverlay {position: absolute;
top:700px;
left:0px;
margin: 0px;
font-size: .75em;
text-align: right;
width:800px;}

#clearOverlay.highlight {color:white;}
.overlay {
  position: absolute;
  z-index: 100;
}
.frame {
  border: 9px ridge white;
  background-color: rgba(255, 255, 255, 0);
  padding: 3px;
  box-shadow: black 0px 0px 13px
}
#terracotta-army-overview { 
top: 250px;
  left: 645px;
  width: 95px;
  height: 74px;
  border:12px solid #FFF;}
#mausoleum-overview{ 
top: 140px;
  left: 413px;
  width: 133px;
  height: 287px;
  border:12px solid #FFF;}
#bronze-birds-overview{ 
top: 0px;
  left: 575px;
  width: 64px;
  height: 34px;
  border:12px solid #FFF;}
#east-stables-overview{ 
top: 280px;
  left: 594px;
  width: 34px;
  height: 54px;
  border:12px solid #FFF;}
#conscripts-cemetery-overview{ 
top: 300px;
  left: 304px;
  width: 74px;
  height: 84px;
  border:12px solid #FFF;}