/*---------------------------------------------- Reset -----------------------------------------------*/

#content #timeline * { margin:0px; padding:0px; }
#content #timeline h1, #content #timeline h2, #content #timeline h3, #content #timeline h4, #content #timeline h5, #content #timeline h6 { font-size:100%; }

/*------------------------------------------ Timeline Core -------------------------------------------*/

#content #timeline
{
	padding:0px 0 10px 25px;
	color:#353535;
	font-size:medium;
	font-family:"Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	overflow:hidden;
	position:relative;
}

	#content #timeline h3
	{
		text-align:center;
		font-size:180%;
		font-weight:normal;
		font-family:Garamond, georgia, times, serif;
		padding:5px 0;
		background-color:#fff;
		
		/* -- Override global styles -- */
		color: #353535;
		text-transform: none;
		position: relative;
		z-index: 1;
		left: auto;
		top: auto;
		width: auto;
	}
	
	#content #timeline ul
	{
		font-size:80%;
		display:inline-block;
		background:#fff url(images/timeline_bg_tile.gif) repeat-y top center;
		padding:40px 0;
	}
	
	#content #timeline li
	{
		width:100%;
		list-style:none;
		clear:both;
		overflow:hidden;
	}
		
		#content #timeline li div
		{
			width:49.5%;
		}
		
		#content #timeline li.even div
		{
			float:left;
		}
		
		#content #timeline li.odd div
		{
			float:right;
		}
	
	#content #timeline li h4
	{
		font-weight:bold;
		width:72px;
		overflow:hidden;
		background:#fff url(images/item_peg_sprite.gif) no-repeat left center;
	}
	
		#content #timeline li.even h4
		{
			float:right;
			background-position: 37px center;
		}
		
		#content #timeline li.odd h4
		{
			float:left;
			text-align:right;
			background-position: -35px center;
		}
	
	#content #timeline li p
	{
		width:275px;
		padding:12px 0;
		line-height:1.5em;
		border-top:1px solid #bcbcbc;
		position:relative;
	}
	
		#content #timeline li p.first-child
		{
			padding-top:0px;
			border-top:none;
		}
	
		#content #timeline li.even p
		{
			float:left;
		}
		
		#content #timeline li.odd p
		{
			float:right;
		}
		
/*--------------------------------------------- Event Images ------------------------------------------*/

#content #timeline a.balloon
{
	margin-top:2px;
	display:block;
	width:27px;
	height:27px;
	text-decoration:none;
	overflow:hidden;
	text-indent:-300em;
	background:transparent url(images/icon_thumb_sprite.gif) no-repeat left top;
}
	
	#content #timeline a.balloon:hover
	{
		background-position:right top;
	}
	
	#content #timeline li.even a.balloon
	{
		float:left;
		margin-right:8px;
	}
	
	#content #timeline li.odd a.balloon
	{
		float:left;
		margin-right:8px;
	}
	
/*----------------------------------------- Event Pop up Images --------------------------------------*/

.ContentBox
{
	top: 0;
	left: 0;
	display: none;
	position: absolute;
	z-index:998;
	height:20px;
	width:20px;
	padding:4px;
	background-color:#fff;
	padding:2px;
	border:2px solid #c2be8e;
	outline:3px solid #E7E7E7;
}