#timewrap {
	padding-left:0px;
	max-width:100%;
	float:left;
	}
.timeline a, .entry a, .entry {text-decoration:none; color: #2c2d31; }
.timeline li a:hover {
    text-decoration:none;
    color: #ffffff;
}
.timeline li,
.timeline ol li {
	list-style:none;
padding:0;
}
.timeline,
.timeline ol,
.timeline ol ol {
	margin:0;
	padding:0;
}
.timeline ol li {
	padding:0 0 10px 25px;
	margin:0 0 0 43px;
}
.timeline li a {	position:relative;
	}
.timeline li div.entry {
    padding: 10px 30px 10px 10px;
	margin:0px;
    background-color:#e8e8e8;
	border-style:none;
}

.timeline li div.entry:after,.timeline li div.entry::after {
position: absolute;
top: 3px;
left: -15px;
content: '';
width: 0;
height: 0;
padding: 0;
border-right: solid 15px rgba(0,0,0,.8);
border-bottom: solid 15px transparent;
border-top: solid 15px transparent;
}
.timeline li div.entry:after,.timeline li div.entry::after, x:-moz-any-link, x:default {
top: 20px;
}


.timeline li a .entry:hover, .timeline .entry:hover {
	background-color: rgba(0,0,0,.8);
    color: #ffffff;
	text-decoration:none;
}
.timeline ol li {
	background:url('../img/org-tree-mid.gif') no-repeat left top;
}

.timeline ol li.last {
	background:url('../img/org-tree-last.gif') no-repeat left top;
}

.date {font-style:italic;}
.year {  /* this is the year on the left side.  If you decide to add a month or other content, adjustments will need to be made. */
	font-weight:bold;
    font-family: 'bebasregular';
    color: #f36a22;
	display:block;
	position:relative; /* for browser (IE) compatability */
	width: 45px;
    border-bottom: 2px solid #666666;
    font-size: 18px;
    right:68px;
}
.title {
	padding:0 0 0 0;
	font-weight:normal;
	font-style:normal; 
	line-height:1em;
	}
.history { /* I didn't really style this, it is here for posterity. */
	font-family:inherit;
	}