html, body { height: 100%; font-family: arial; background-color: #eceae9; }
body{  position: relative; }

a { text-decoration: none; font-family: Arial }
a:hover {  }
img { border: 0 }

:focus{
  -moz-outline-style: none;
}
a:active{
  outline: none;
}


p{ 	margin: 10px 0; 
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word; 
 }
 
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 16px; }

.clear { clear: both; }

.button { display: block; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }

.helper { color: #969694; font-size: 11px; padding: 0 45px; }
.page-label { position: absolute; right: 50px; top: 39px; }

#nav { background: url(../images/nav-bg.png) left top no-repeat; width: 201px; height: 153px; padding: 10px 0; position: absolute; left: 70px; top: 155px; z-index: 50 }
#nav li { font-weight: bold; position: relative; padding: 1px 0; margin: 0px 8px; text-indent: 10px; cursor: pointer; }
#nav li.hover { background: url(../images/nav-hl-bg.png) left top no-repeat; }
#nav li a { color: #fff; font-size: 13px;  }
#nav li a.close { clear: both; float: right; position: relative; left: -7px; top: 1px; background-image: url(../images/close-btn.png); width: 45px; height: 14px; }


#logo { background-image: url(../images/logo.gif); width: 257px; height: 27px; position: relative; left: 45px; /* margin-left wasnt working in ie? */ margin-bottom: 25px; }

#main { width: 969px; padding-top: 80px; margin: 0 auto; position: relative; }
#top-edge { width: 100%; height: 18px; background: url(../images/top-edge-bg.gif) left top no-repeat; }
#content-wrapper { width: 100%; background: url(../images/content-bg.gif) left top repeat-y; }
#bottom-edge { width: 100%; height: 18px; background: url(../images/bottom-edge-bg.gif) left top no-repeat; }


#content { padding: 22px 0px; position: relative; }
.interior { margin: 0 45px; padding: 25px; border-top: 1px #cec5be solid; }
.interior a { color: #4d4d4d }
.interior a:hover { color: #3e2123 }

.essay { color: #4d4d4d }
.bio p,.essay p { margin: 16px 0; line-height: 16px; font-size: 12px;  }
.bio label { clear: both; }
.biopic { position: absolute; right: 40px; top: 100px; margin: 0 0 10px 10px; padding: 2px; }

.footnote { font-size: 9px !important; }

.sub-header{ font-family: times new roman; font-size: 21px; font-style: italic; color: #c2bbb7 }
.bibliography { padding: 4px 0; height: 30px; color: #c2bbb7; font-size: 12px; }
.bibliography.article { color: #4d4d4d; font-size: 14px; }
.byline {  color: #c2bbb7; font-size: 12px; margin-bottom: 5px; }
#essay-image-stage { float: right; }


.list { width: 100%; margin: 5px 0; float: left; clear: both;}
.list.col-2 li { float: left; clear: both; margin: 2px 0; }
.list.col-2 li label { font-size: 12px; float: left; width: 160px; clear: left; }
.list.col-2 li p { margin: 0px; float: left; clear: right; width: 600px; } 

#bio-image { float: right; margin-left: 15px; }


#content .page-nav { border-top: 1px #cec5be solid; margin: 0 auto; width: 879px; padding-top: 10px; }
#content .page-nav a { font-size: 12px; color: #b0b0b0 }
#content .page-nav .back { float: right; padding-left: 12px; background: url(../images/back-arrow.gif) left center no-repeat; }
#content .page-nav .forward{ float: right; }

#stage { margin: 0 auto; width: 880px; height: 392px; overflow: hidden; position: relative; }
#stage img {  /*width: 880px;*/ border-left: 1px #FFF solid; border-right: 1px #FFF solid; }
#stage.homepage img { display: none; opacity: 0 }

/* scrollbar */
#scrollbar-container  { margin: 0 auto 10px auto; background: url(../images/scrollbar.gif) left top no-repeat; width: 874px; /* -18px for padding */ height: 14px !important; /* -14px for padding */ padding: 7px 9px; }
#scrollbar { position: relative; margin: 0 auto; width: 872px; height: 14px; }
#scrollbar .ui-slider-handle { position: absolute; margin-left: -22px; top: 0px; z-index: 50; width: 44px; height: 14px; cursor: pointer; cursor: -moz-grabbing; background: url(../images/scrollbar-handle.png) left top no-repeat; }
#scrollbar a { outline: none !important; }


/* slideshow panel */
#slideshow-panel { position: absolute; float: left; white-space: nowrap; } 
#slideshow-panel li { display: block; float: left; position: relative;  }
#slideshow-panel a { display: block; float: left; height: 392px !important; overflow: hidden; }
#slideshow-panel a:hover {  }
#slideshow-panel a img { float: left; height: 392px !important;  }
#slideshow-panel .collection-label { width: 74px; line-height: 31.0em; height: 392px; display: inline; font-size: 11px; vertical-align: middle; text-align: center; color: #969694; background-color: #ebeae8 }
#slideshow-panel .details { color: #fff; white-space: normal; position: absolute; z-index: 100; border-top: 1px #fff solid; width: 100%; bottom: 0px; height: 100px; opacity: .9; background-color: #333  }
#slideshow-panel .details p { font-size: 10px; font-weight: bold; padding: 0px 10px; }
#slideshow-panel .details h4 { font-size: 12px; font-weight: bold; padding: 15px 10px 0 10px; }


/* timeline */
#timeline { width: 100%; position: relative; }
#timeline tr { vertical-align: top; }
#timeline td { text-align: center; position: relative; padding-bottom: 10px; background: url(../images/timeline-marker.gif) center bottom no-repeat; }
#timeline a { color: #494949; font-size: 11px; font-weight: bold; }
#timeline a:hover { color: #8a6a54 }
#timeline .preview-container { position: relative; width: 100%; text-align: center; }
#timeline .era-preview { display: none; left: 50%; margin-left: -28px; top: -89px; position: absolute; z-index: 100; overflow: hidden; padding: 9px; width: 43px; height: 71px; background: url(../images/thumbnail-bg.png) left top no-repeat; } 
#timeline .era-preview img { width: 43px; height: 71px;  }
#timeline .baseline { background: none; height: 1px; border-top: 1px #d7d7d6 solid; margin: 0 auto; z-index: 2;  left: 50%; width: 100%; position: absolute; }



#footer { width: 100%; text-align: center; color: #afadad; font-size: 11px; margin: 8px 0; }