/*
     FILE ARCHIVED ON 15:21:22 Sep 19, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:11:42 Oct 12, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============================================================*/
/* GLOBAL STRUCTURE */
/* ============================================================*/

html {
	/* Required to force a vertical scroll bar and therefore 
	prevent main wrapper element from jumping to the left 
	when showing vertical scrollbars */
	overflow-y: scroll; 
}
body{
	top:0px; bottom:0px; left:0px; right:0px;
	margin:0px;
	padding:0px;
}
#wrapper {
	height:auto;
	min-height:625px;
	width:875px;
	margin:0px auto;
}
#container {
	height:auto;
	min-height:600px;
	padding:40px 30px 35px 30px;
}
#leftColumn {
	height:auto;
	min-height:575px;
	width:271px;
	padding:0px 15px 0px 0px;
	float:left;
	/*border-right:#D1CEBE solid 1px;*/
	margin: 0px 0px 20px 0px;
}
#rightColumn{
	height:auto;
	min-height:575px;
	padding:0px;
	margin: 0px 0px 55px 0px;
	width:524px;
	position:relative;
	right:0px;
	top:0px;
	float:right;
}
#fullWidthColumn {
	padding:0 10px 0 10px;
	min-height:575px;
}
#fullWidthColumnCenter {
	width:485px; margin-left:165px;
}
#footer {
	clear:both;
	padding:5px 5px;
	position:relative;
	bottom:0px;
}
#footer p {
	margin:0;
	padding:5px 10px
}
ul {
	margin:0 0 10px 0; padding:0px;
}

/*==================[ TOP DIVS ]=================================*/

#topDiv {
	/*height:auto;*/
	min-height:27px;
	width:auto;
}
#mastHead { 
	height:87px;
	width:auto;
	margin:1px 0px;
}
#topNav {
	margin:1px 8px 0px 10px;
	padding:5px 0px;
}
#logoTitle {
	width:301px;
	height:67px;
	float:left;
	padding:10px;
}
#sectionImg {
	width:auto;
	height:87px;
	padding:0px;
}
#sectionTitle {
	padding-top:3px; 
}
#sectionSubTitle {
	padding-top:3px;
}
#topNav {
	height:15px;
}
#topNav ul, #topNav li {
	float:left;
	padding:0px 2px 0px 0px;
}
#subNav{
	height:15px;
	margin:1px 8px 0px 10px;
	padding:5px 0px;
}
#subNav ul, #subNav li {
	float:left;
	margin:0px 1px 5px 0px;
	padding:2px 2px 0px 0px;
}


/* ============================================================*/
/* GLOBAL TYPOGRAPHY AND COLORS */
/* ============================================================*/

body {
	/*background:#6B230A;*/
	background:#5D5A48;
	text-align: center;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif; 
	color: #80612E;
}	
#wrapper {
	background:white;
	border-left:#D9D6C5 solid 3px;
	border-right:#D9D6C5 solid 3px;
	border-top:#D9D6C5 solid 1px;/**/
	text-align: left;
}	
#container {
	/*border-top:#6B230A solid 5px;*/
	border-top:#7B351B solid 5px;
	font-size: 11px; line-height:1.45em;
}
#footer {
	background: #D1CEBE;
	color: #483318;
	font-weight: normal;
	font-family: Arial, sans-serif;
	text-align:center;
	text-transform:uppercase;
	font-size:9px;
}
.small {
	font-size:10px;
}
ul, li {
	list-style-type:none;
}
h1 {
	color:#6B230A;
	margin:0 0 6px 0;
	font-size:22px;
	line-height:24px;
}
h2 {
	padding:3px 5px 1px 0;
	margin:0px 5px 6px 0;	
	color:#6B230A;
	font-size:12px;
	text-transform:uppercase;
	/*background:#D9D6C5;*/
	border-bottom:#D1CEBE solid 1px;
}
h3 {
	color:#6B230A;
	font-size:12px;
}
h4 {
	font-size:11px;
	color:#664C0A;
	padding:0px 3px 0 0;
	margin:0px;
}
a, a:visited {
	color:#80612E;
	text-decoration:underline;
}
a:hover {
	color:#C9AC68;
	text-decoration:underline;
}
.icon {
	line-height:12px;
}
.icon img {
	margin-bottom:3px;
	border:#D1CEBE solid 2px;
}

/*==================[ TOP DIVS ]=================================*/

#topDiv {
	/*background:#D1CEBE;*/
	background:#D9D6C5;
}
#mastHead { 
	background:#968C64;
	text-transform:uppercase;
	color:#ffffff;
	/*color:#6B230A; burnt red color*/
	font-size:18px;
}
#topNav {
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	/*color:#856430;*/
	text-transform:lowercase;
}
#topNav ul, #topNav li {
	list-style-type:none;
	/*border-right:#ffffff solid 1px;*/
}
#subNav{
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	/*color:#856430;*/
	text-transform:lowercase;
}
#logoTitle {
	border-right:#ffffff solid 1px;
	text-align:left;
	/*background:#968C64;
	background:#968C64;*/
	background:#A16E39;
}
#sectionTitle {
	text-transform:uppercase;
}
#sectionSubTitle {
	text-transform:none;
	font-size:12px;
}
#sectionImg {
	text-align:right;
	overflow:hidden;
}
.tabOff a {
	color:#80612E;
	text-decoration:none;
}
.tabOff a:hover {
	/*color:#6B230A;*/
	color:#6B230A;
	text-decoration:underline;
}
.tabOn a {
	color:#6B230A;
	font-weight:bold;
	text-decoration:underline;
}
a.lowercase {
	text-transform:lowercase;
}


/*==================[ LEFT COLUMN ]=================================*/

#leftColumn p {
	margin:0 0 12px 0;
}

#leftColumn ul {
	list-style:url(http://wayback.archive-it.org:80/7877/20160919152122/http://dlib.etc.ucla.edu/projects/Karnak/images/doubleArrows.png)
}
#leftColumn li {
	margin-left:10px;
	padding:3px 0 3px 0;
}
/*#leftColumn li:before {
	content: "\00BB \0020";
}*/
#leftColumn h3 {
	margin:0 0 6px 0;
}


/*==================[ RIGHT COLUMN ]=================================*/

#rightColumn {
	color:#3d3d3d;
}
#rightColumn .subhead {
	margin:0 0 35px 0;
}
#rightColumn .subsection {
	border-top:#D1CEBE solid 1px;
	padding:3px 0;
	margin:24px 0;
}
#rightColumn .subsection h3 {
	margin-top:0px;
}
#rightColumn .subsection p {
	margin-top:0px;
}

.icon_table {
	margin:12px 0 20px 0;
}

.icon_row {
	
}

.icon_cell {
	text-align:center;
}

.icon_cell_no_title {
	text-align:left;
}

/* ============================================================*/
/* PAGE-SPECIFIC STYLES */
/* ============================================================*/


/*==================[ HOME ]=================================*/

#leftColumn .biglist li { /* obsolete */
	font-size:12px;
	padding-bottom:6px;
}

#fullWidthColumnHome {
	width:485px; margin-left:165px;
}
#homeMainNav {
	margin:0 0 20px 0;
}
#homeMainNav .imageButton {
	margin:0 0 5px 0;
}

/*==================[ BROWSE ARCHIVE ]=================================*/

.archiveRows ul {	
	padding:0px;
	margin:0px 6px 12px 0;
	font-size:10px;
}
/*
.archiveRows li a {
	color:#9C7D46;
	text-decoration:none;
	font-weight:bold;
}
.archiveRows li a:hover {
	color:#3F3F3F;
	text-decoration:underline;
}
.archiveResults a, .archiveResults a:visited {
	text-decoration:none;
}
.archiveResults a:hover {
	color:#80612E;
	text-decoration:underline;
}
*/

/*==================[ TIMEMAP PAGE ]=================================*/

#fullWidthColumnTimemap {
	padding:0;
}

#slidermap {
	float:left; width:638px;
}

.slider_container { background: url('http://wayback.archive-it.org:80/7877/20160919152122/http://dlib.etc.ucla.edu/projects/Karnak/images/timemapSliderBg.png') no-repeat; background-position: center; position: relative; top:9px; margin-top: 0px;  height: 40px;  width: 637px;  text-align: center; } 

.slider_back {position: absolute; background-color: #D9D6C5; width: 637px; height: 17px; top:-9px; left:0px; border-top:1px solid #B8B6A8; border-bottom: 1px solid #B8B6A8;}

.slider_bar {  height: 17px;  float: left; border-right: 0px; border-left: 0px;  position: absolute;}  

.previewrange {
	height: 7px; position: absolute; bottom: -8px;
	background: #CC3300;
	/* See http://developer.mozilla.org/En/Useful_CSS_tips/Color_and_Background */
	filter:alpha(opacity=70);   /* Internet Explorer       */
	-moz-opacity:0.7;           /* Mozilla 1.6 and below   */
	opacity: 0.7;               /* newer Mozilla and CSS-3 */
}

.slider_startrange { font-family: "Arial";  font-size: 11px;  color: #B8B6A8;   position:absolute;  left: 3px; top:-14px; z-index: 1; } 

.slider_endrange { font-family: "Arial";  font-size: 11px;  color: #B8B6A8;   position:absolute;  right: 1px; top:-14px;  z-index: 1; }

.slider_handle {  height: 17px;  width: 62px;  padding: 0 0; margin: 0 0; position: absolute; z-index:10; text-align: center; cursor: pointer; text-decoration: none; } 

.leftarrow {width: 6px; height: 17px; background: url('http://wayback.archive-it.org:80/7877/20160919152122/http://dlib.etc.ucla.edu/projects/Karnak/images/leftArrows.png') no-repeat; padding: 0 0; margin: 0 0; float:left;}

.slider_callout  {background-color: #A3A196; position: absolute; padding:2px 0 6px 0; width: 50px; height: 10px; left: 6px; font-family: "Arial";  font-size: 10px;  color: #fff;  text-decoration: none;  text-align: center; vertical-align: middle; } 

.rightarrow {width: 6px; height: 17px; background: url('http://wayback.archive-it.org:80/7877/20160919152122/http://dlib.etc.ucla.edu/projects/Karnak/images/rightArrows.png') no-repeat; padding: 0 0; margin: 0 0; float:right; top: 0;}

#map {
	clear:both;
	width:637px; height:525px;
	border:1px solid #ccc;
	margin:5px 0 10px 0;
}

.layer-switcher {
	margin:6px;
}

.layer-switcher .layer-switcher-button:last-child {
	border-left: 1px solid #717B87 !important;
}

.layer-switcher-button {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	min-width: 51px;
	color: #000;
	background: #f9f9f9;
	overflow: hidden;
	text-align: center;
	position: relative;	
	padding: 1px 6px;
	border: 1px solid #717B87;
	border-left: 0px;
	-webkit-user-select: none;	
	-webkit-box-shadow: rgba(2, 2, 2, 0.398438) 0px 2px 4px;
	box-shadow: rgba(2, 2, 2, 0.398438) 0px 2px 4px;	
	float:right;
	cursor:pointer;    
}

.layer-switcher-button-active {
	font-weight: bold;
	background: #fff;
}




#legend_container {
	 width:600px; clear:both;
}
#legend {
	margin-top:0;
}
#legend .swatch {
	width:40px; height:20px;
}
#legend .label {
	padding:0 20px 0 6px;
}
#legend .active {
	border:1px solid #ff6666; /* 0000ff at 70% */
	background:#ffcccc; /* 0000ff at 20% */
}
#legend .inactive {
	border:1px solid #F1DE61; /* D6C554 at 50% */
	background:#F5EFCA; /* D6C554 at 10% */
}

/* The right-hand margin panel */
#period {
	float:left;
	width:163px;
	margin:0 0 20px 0;
	padding:0 0 0 12px;
}
#period h3 {
	margin:12px 0 6px 0;
}
#period p {
	margin:0 0 3px 0;
	line-height:12px;
	font-size:10px;
}
#period h4 {
	margin:12px 0 6px 0;
}
#periodLabel {
	margin:0 0 10px 0;
}
#periodLabel h4 {
	margin:0;
}
#periodLabel p {
	margin:3px 0; font-size:12px;
}
#period .hilited {
	color:red;
}
#periodMenu { width:170px; height:20px; margin:0 0 12px 0;
	font-size:11px;
}

.timemapInfoWindow {width:275px;}
.timemapInfoWindow .icon {float:left;}
.timemapInfoWindow p.featureName { padding:0 0 0 10px; width:190px; font-size:12px; font-weight:bold; margin:0; float:left;}


/*==================[ FEATURE PAGE ]=================================*/

#renderColumnObs {
	width:127px;
	float:left;
	padding:0px 5px 12px 0px;
}		
#photoColumnObs {
	width:127px;
	float:right;
	padding:0px 0px 12px 5px;
}
#photoColumn .icon {
	float:left; margin:5px 10px 5px 0;
}
#archiveColumn {
	clear:both; padding-top:20px;
}
#rightColumn .subhead h1 {
	margin:24px 0 6px 0;
}
#rightColumn .subhead p {
	margin:0 0 8px 0;
}
#rightColumn .book_title {
	font-weight:bold;
}
#rightColumn .blockquote {
	border-top:#D1CEBE solid 1px;
	padding:3px 0;
	margin:20px 50px 0 30px;
}
#rightColumn .blockquote h4 {
	margin-bottom:10px;
}
#rightColumn .subsection .icon_table {
	margin:0 0 12px 0;
}

/*==================[ EXPERIENCE SUBSECTION PAGE ]=================================*/

#leftColumn .submenu {
	margin:6px 0 12px 10px;
}
#leftColumn .submenu li {
	list-style:none; 
	padding:0;
	margin:0;
	font-size:10px;
	/*border-left:#D1CEBE solid 4px;*/
}

/*==================[ EXTERNAL RESOURCES PAGE ]=================================*/

#rightColumn .external_resource {
	margin:0 0 20px 0;
}
#rightColumn .external_resource h3 {
	margin:0;
}
#rightColumn .external_resource p {
	margin:3px 0 0 0;
}
#rightColumn .external_resource img {
	border:none; float:left; clear:left; margin-right:10px;
}

/*==================[ ABOUT PAGE ]=================================*/

.credits {
	margin:25px 0;
}
.credits table {
	width:500px;
}
.credits table tr td {
	vertical-align:top; padding:0 0 15px 0;
	/*border-top:1px solid #ccc;*/
}
.credits table tr td.label {
	width:150px; font-weight:bold;
	border-top:none;
}
.credits h2 {
	margin:25px 0;
}