body{
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.25;
	font-size: 11pt;
	color: #000; 
	margin: 0;
	padding: 0;
	background: white;
}
#content{
	width: 50em;
	margin: 0 auto 1em;
	padding: 1em 2.5em;
}
#chronology{
	font-size: 0.95em;
	margin: 0 0 1em 0;
	padding: 0;
}
#viewTypes{
	font-size: 0.8em;
	margin: 2.5em -2.5em 0 0;
	height: 2em;
	width: 18em;
	float: right;
}
#viewTypes *{
	vertical-align: top;
}
.years{	
	display: none;
}
h1, h2{
	letter-spacing: -0.03em;
	font-weight: normal;
	font-family: Times New Roman, serif;
}
p{
	margin: 1em 0;
}
h1{
	font-size: 2.5em;
	border-bottom: 2px solid #ddd;
	color: #000;
	margin: 1em -1em 1em -1em;
	position: relative;
}
h2{
	clear: left;
	font-size: 2em;
	color: #222;
	border-bottom: 2px solid #eee;
	padding: 0 0 0 0px;
	background-position: left center;
	text-indent: 40px;
	background-repeat: no-repeat;
	margin: 1.25em -1.25em 0.5em -1.25em;
}
h3{
	font-size: 1em;
	margin: 0;
}
h4{
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	font-style: italic;
}
h3 em{
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0 0.5em;
}
h3 em:before{
	content: "(";
}
h3 em:after{
	content: ")";
}

/* normal outline-view styles*/
.outlineView li{
	width: auto !important;
}
.outlineView li ul{
	margin-bottom: 1em;
}

/* hide the legend by default*/
.legend{
	display: none;
}
.legend h3{
	margin: 0 0 0.5em 0;
	font-size: 1em;
}
.legend ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.legend li{
	padding: 0;
	margin: 0.125em 0;
}
.legend span{
	float: left;
	border-width: 1px;
	border-style: solid;
	width: 1em;
	height: 1em;
	margin: 0 0.25em 0 0;
	overflow: hidden;
}

/*used for top navigation*/
dl{
	margin: -2.5em 0 0 -2.5em;
	font-size: 0.9em;
}
dl dt{
	display: inline;
	font-weight: bold;
}
dl dd{
	margin: 0 1em 0 0.25em;
	display: inline;
}




/* chronology-specific styles... use @media screen to prevent them from printing*/
@media screen{
	.timelineView #chronology{
		float: left;
		margin: 1em -1em 1em -3em;
		padding: 1em 0 0 0;
		font-size: 0.6em;
	}
	.timelineView .years{
		list-style: none;
		display: block;
		padding: 0;
		border-top: 1px solid #541f00;
		border-bottom: 1px solid #541f00;
		background-color: #eef8ff;
		height: 17.5em;
		margin: 0 0 -17.5em 0;
		width: 90em;
	}
	.timelineView .years li{
		display: block;
		float: left;
		text-align: left;
		height: 17.5em;
		text-indent: 0.25em;
		position: relative;
		width: 12em;
		margin: 0 -1px 0 0;
		border-left: 1px solid #bcd;
		color: #99aabb;
		padding: 0;
	}
	.timelineView .years li b{
		font-size: 0.85em;
		position: absolute;
		display: block;
		top: -1.3em;
		left: -1px;
		border-left: 1px solid #541f00;
	}
	.timelineView .timeline *{
		font-family: Arial, sans-serif;
		letter-spacing: -0.02em;
	}
	.timelineView .timeline{
		list-style: none;
		display: block;
		padding: 0;
		margin: 0;
		height: 17.5em;
		width: 90em;
		position: relative;
	}
	.timelineView .timeline a{
		text-decoration: none;
		white-space: nowrap;
	}
	.timelineView .timeline a:hover{
		text-decoration: underline;
	}
	.timelineView .timeline div{
		margin: 0 -1px 0 0;
		padding: 0;
		padding: 0.25em 0;
		text-indent: 0.25em;
		height: 4em;
		border-width: 1px 2px 2px 1px;
		border-style: solid;
		border-color: #c76;
		background-color: #dba;
		font-weight: normal;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.timelineView .timeline h3{
		font-size: 1.2em;
		margin: 0;
		font-weight: bold;
		letter-spacing: 0;
		white-space: nowrap;
		overflow: hidden;
	}
	.timelineView .timeline h4{
		font-weight: normal;
		font-size: 1.2em;
		margin: 0;
		letter-spacing: 0;
		white-space: nowrap;
		overflow: hidden;
	}
	.timelineView .timeline em{
	  display: none;
	}
	.timelineView .timeline li{
		float: none;
		position: absolute;
		z-index: 100;
		margin: 0.25em 0 0.25em -1px;
		text-indent: 0;
	}
	.timelineView .timeline li:hover{
		z-index: 101;
		border-color: #986 !important;
	}
	.timelineView .timeline li:hover div{
		opacity: 0.999;
		filter: alpha(opacity=999);
		cursor: default;
	}
	.timelineView .timeline li.fulltime div, span.fulltime{
		background-color: #cfb;
		border-color: #796 #574 #574 #796;
	}
	.timelineView .timeline li.parttime div, span.parttime{
		background-color: #bcf;
		border-color: #679 #457 #457 #679;
	}
	.timelineView .timeline li:hover div, .timelineView .timeline li:hover span{
		background-color: #ff8;
		border-color: #986 #764 #764 #986;
	}
	.timelineView .timeline li span{
		position: absolute;
		top: 1px;
		right: -1px !important;
		border-width: 0 2px 2px 0;
		border-style: solid;
		height: 4.5em;
	}
	*:first-child+html .timelineView .timeline li span{
		height: 4.45em;
	}	
	.timelineView .timeline li:hover span{
		display: none;
	}
	.timelineView .timeline li.open span,
	.timelineView .timeline li.open:hover span{
		display: block;
		border-width: 0 !important;
		background-color: transparent !important;
		background-image: url(//jenseng.com/resume/fade.png);
		background-repeat: repeat-y;
		background-position: right top;
		top: 0;
		right: 0;
		width: 20px;
		padding: 1px 0 2px;
	}
	.timelineView li.y2003{
		margin-left: 0;
	}
	.timelineView li.y2004{
		margin-left: 12em;
	}
	.timelineView li.y2005{
		margin-left: 24em;
	}
	.timelineView li.y2006{
		margin-left: 36em;
	}
	.timelineView li.y2007{
		margin-left: 48em;
	}
	.timelineView li ul{
		background: #fff;
		border-width: 1px;
		border-style: solid;
		border-color: #bbb #777 #777 #bbb;
		padding: 0.5em 0.5em;
		margin: 0.25em 0 -0.5em;
		display: none;
		z-index: 101;
		width: 18em;
		position: absolute;
		left: 0.25em;
		top: 2.1em;
		font-size: 1.5em;
	}
	.timelineView li:hover ul{
		display: block;
	}
	.timelineView .timeline li ul li{
		position: static;
		margin: 0.25em 0.5em 0.25em 2em;
		border: 0;
		text-indent: 0;
		font-size: 0.8em;
	}
	.timelineView .legend{
		clear: both;
		font-size: 0.65em;
		border: 1px solid #ddd;
		padding: 0.5em;
		display: block;
		background: #fff;
		width: 12em;
		margin: 0 0 0 auto;
	}
}