/***********************************************************
TIMELINE STYLES
************************************************************/

#timeline, #timeline ul {  /*Styles all lists*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#timeline>li {  /*Dates*/
	font-weight: bold;
	font-size: medium;
}

#timeline>li:hover, #timeline>li.hover {  /*Dates on hover*/
	color: #FCCE30;
}

#timeline>li>p {
	margin: 0;
	padding: 0;
}

#timeline>li>p:after {  /*Places arrow after date*/
	content: url('../images/timeline/timeline-arrow.png');
}

#timeline>li:hover>p:after, #timeline>li.hover>p:after {  /*Displays line from date to event on hover*/
	content: url('../images/timeline/timeline-dot.png');
}

#timeline ul {  /*Hides events by default*/
	list-style-type: none;
	list-style-image: none;
	display: none;
	position: relative;
	top: -24px;
	left: 100px;
	color: #787775;
	font-weight: normal;
	font-size: small;
	width: 300px;
}

#timeline ul li .timeline-tr p:before {
	content: url('../images/timeline/bullet-timeline.gif');	
}

#timeline li:hover ul, #timeline li.hover ul {  /*Shows events on hover*/
	display: block;
}

#timeline li ul li p {  /*Removes extra spacing between lines*/
	margin: 0;
	padding: 0;
}

#timeline li ul li p img {
	float: right;
	padding-left: 6px;
}

.timeline-bl {  /*Bottom left corner of event boxes*/
	background: url('../images/timeline/timeline-bl.gif') 0 100% no-repeat;
}

.timeline-br {  /*Bottom right corner of event boxes*/
	background: url('../images/timeline/timeline-br.gif') 100% 100% no-repeat;
}

.timeline-tl {  /*Top left corner of event boxes*/
	background: url('../images/timeline/timeline-tl.gif') 0 0 no-repeat;
}

.timeline-tr {  /*Top right corner of event boxes*/
	background: url('../images/timeline/timeline-tr.gif') 100% 0 no-repeat;
	padding: 10px;
	min-height: 75px;
}

.timeline-t {  /*Top border of event boxes*/
	background: #FDE697 url('../images/timeline/timeline-bdr.gif') 0 0 repeat-x;
}

.timeline-b {  /*Bottom border of event boxes*/
	background: url('../images/timeline/timeline-bdr.gif') 0 100% repeat-x;
}

.timeline-l {  /*Left border of event boxes*/
	background: url('../images/timeline/timeline-bdr.gif') 0 0 repeat-y;
}

.timeline-r {  /*Right border of event boxes*/
	background: url('../images/timeline/timeline-bdr.gif') 100% 0 repeat-y;
}