div.main-wide {
	width : 958px;
	padding : 0;
}

ul.legend {
	width : 150px;
	background-color : #4E4B30;
	float : left;
	padding : 40px 0 0 0;
	margin : 0;
}
ul.legend li {
	height : 25px;
	padding : 10px;
	margin : 0;
	color : White;
	font-family : "Times New Roman", Times, serif;
	font-size : 110%;
	border-top : 1px dotted #645F42;
	font-style : italic;
	line-height : 140%;
}
ul.legend li.drag {
	font-size : 90%;
	height : 46px;
	color : #827D53;
	background : #454329;
	border-top : 0;
	height : 25px;
}

div.timeline {
	width : 808px;
	overflow : hidden;
	margin : 0px 0 0px 0;
	background : White;
	position : relative;
	height : 178px;
	float : right;
}

div.timeline ul.dates {
	position : absolute;
	left : 0;
	top : 0;
	width : 2040px;
}
.odd {
	background : #F1F1F1;
}


div.timeline ul.dates li {
	width : 25px;
	height : 174px;
	border-right : 1px dotted #CFCFCF;
	padding : 10px 2px 0 2px;
	float : left;
	/*font-family : "Times New Roman", Times, serif;*/
	font-size : 65%;
}

div.timeline ul.life,
div.timeline ul.frome,
div.timeline ul.world {
	width : 2040px;
	height : 45px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	position : absolute;
	border-top : 1px solid #E2E2E2;
	background : url(../images/timeline-line-bg.gif) repeat-x;
}
div.timeline ul.life {
	top : 40px;
}
div.timeline ul.world {
	top : 86px;
}
div.timeline ul.frome {
	top : 132px;
}

li.point {
	width : 29px;
	
	height : 45px;
	position : absolute;
	top : 0px;
	padding : 0;
	display : block;
	overflow : hidden;
	margin : 0px 0px 0 0px;
	font-size : 65%;
	line-height : 100%;
}
li.point a:link,
li.point a:visited {
	width : 29px;
	height : 0px;
	display : block;
	line-height : 120%;
	padding : 45px 0 0 0;
	/*background : #FFA500;*/
	color : #a75e4e;
	
	overflow : hidden;
	background : url(../images/timeline-dot.gif) no-repeat 0 0;
}
li.point a:hover,
li.point a:active {
	background-position : 0 -45px;
}


ul.life li.point a:link,
ul.life li.point a:visited {
	/*height : 55px;
	display : block;
	line-height : 120%;
	padding : 2px;*/
	color : #821A03;
}
/*ul.life li.point a:hover,
ul.life li.point a:active {
	background : #821A03;
	color : White;
}
*/


.tooltip-content {
    display: none;        /* required */
    position: absolute;   /* required */
    /*padding: 10px;*/
    border: 1px solid black;
    background-color: white;
	width : 240px;
	z-index : 10000;
}
.tooltip-content p {
	font-size : 70%;
	margin : 10px;
}











div.slider {
	width : 808px;
	height : 23px;
	background : #DEDEDE url(../images/utility/timeline-bg.gif) repeat-x;
	/*clear : right;*/
	margin : 0 0 0 0px;
	padding : 21px 0 0 0;
	/*border-top : 1px solid Fuchsia;*/
	float : right;
	border-top : 1px solid #E2E2E2;
}


#content-slider {
  width: 688px;   /*838px*/
  height: 1px;
  margin: 0px 60px 0px 60px;
  background: #C4C4C4;
  position: relative;
  /*clear : both;*/
  border-top : 1px solid #A9A9A9;
}

.ui-slider-handle {
  width: 100px;
  margin-left : -50px;
  height: 14px;
  position: absolute;
  top: -7px;
  background: #821A03 url(../images/utility/slider-handle.gif) no-repeat center 3px;
  outline : 0;
  border : 1px solid #520F00;
  font-size : 1px;
}
.ui-slider-handle:hover {
	background-color : #A72003;
}








ul.biog-menu {
	margin : 20px 20px 0 20px;
	padding-bottom : 20px;
	border-bottom : 1px solid #3A3821;
	float : left;
	width : 678px;
	display : inline;
}

ul.biog-menu li {
	float : left;
	margin : 0 5px 0 0;
	padding : 0;
	display : inline;
}
ul.biog-menu li a:link,
ul.biog-menu li a:visited,
ul.biog-menu li a.active {
	background-color : #821A03;
	padding : 10px;
	color : White;
	display : block;
}
ul.biog-menu li a:hover,
ul.biog-menu li a:active {
	background-color : #A72003;
}

div.biog-text {
	margin : 20px;
}

div.biog-nav {
	/*float : left;*/
	margin : 20px;
	padding : 20px 0 0 0;
	border-top : 2px solid #3A3821;
}
div.biog-nav p {
	float : left;
	margin : 0;
	/*margin : 20px;*/
	display : inline;
}


.image-right {
	float : right;
	margin : 0 0 10px 20px;
}
.image-left {
	float : left;
	margin : 0 20px 10px 0px;
}
.image-show .caption {
	border-bottom : 1px solid #645F42;
	padding : 5px 0;
	font-size : 65%;
	line-height : 110%;
	margin : 0;
}