#timeline {
	width: 460px;
}


h3.court_processes {
	float: left;
	width: 150px;
	margin-right: 10px;
	padding: 4px;
	color: white;
	background-color: #67503F;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
h3.yji_support {
	float: left;
	width: 284px;
	padding: 4px;
	color: white;
	background-color: #84984A;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}




.timeline {
	clear: both;
	position: relative;
	height: 1200px;
}

	.timeline ol {
		position: absolute;
		top: 0;
		/*left:  unique, per ol*/
		/*width: unique, per ol*/
		font-size: 1.1em;
	}
		.timeline li.sub {
			position: relative;
			/*margin-top:  unique, per li*/
			top: 0;
			/*left: unique, per ol*/
			width: 100%;
			/*height: auto, except for court process: per li;*/
		}

			.timeline li.sub p,
			.timeline li.sub ul {
				line-height: 15px;
				padding-bottom: 0;
			}


	ol.court_processes { left: 0; width: 150px;}
		ol.court_processes li.sub {
			left: 0px;
			width: 150px;
			padding: 2px 4px 3px 4px;
			color: #67503F;
			background-color: #E3DCD6;
			text-align: center;
			font-weight: bold;
		}
			ol.court_processes li.sub i {
				font-weight: normal;
			}

		.court_processes .s1 {margin-top: 0px; height: 30px;}
		.court_processes .s2 {margin-top: 10px; height: 30px;}
		.court_processes .s3 {margin-top: 10px; height: 30px;}
		.court_processes .s4 {margin-top: 175px; height: 180px;}
		.court_processes .s5 {margin-top: 10px; height: 15px;}
		.court_processes .s6 {margin-top: 115px; height: 30px;}
		.court_processes .s7 {margin-top: 10px; height: 30px;}
		.court_processes .s8 {margin-top: 100px; height: 165px;}
		.court_processes .s9 {margin-top: 10px; height: 15px;}

	ol.yji_events { left: 160px; width: 300px; display: block; }
		ol.yji_events li.sub {
			left: 0px;
			width: 280px;
			padding: 2px 4px 3px 15px;
			background: #84984a url("/images/bg_timeline_alameda.gif") repeat-y left center;
			color: white;
		}
		.yji_events .s1 {margin-top: 90px;}
		.yji_events .s2 {margin-top: 10px;}
		.yji_events .s3 {margin-top: 10px;}
		.yji_events .s4 {margin-top: 10px;}
		.yji_events .s5 {margin-top: 10px;}
		.yji_events .s6 {margin-top: 40px;}
		.yji_events .s7 {margin-top: 100px;}
		.yji_events .s8 {margin-top: 35px;}