#her_story {
	margin-right:16px;
	margin-left:0px;
}

#his_story {
	margin-right:0px;
	margin-left:16px;
}

#her_story, #his_story {
	float:left;
	width:40%;
	margin-top:0px;
	margin-bottom:0px;
    padding:0px;
}

#timeline {
	float:left;
	width:16%;
	margin:0px 0px 12px 0px;
	padding:0px;
}

#dates {
    margin:0px;
    padding:0px;
	max-height:0px;
	width:98%;
	text-align:center;
}

#dates h3 {
	color:#000070;
	margin:0px;
	padding:0px;
	font-family:sans-serif;
	font-size:x-large;
	font-weight:bold;
    position:relative;
}

#her_dates, #his_dates {
	position:relative;
	top:0px;
	left:0px;
    margin:0px;
	padding:0px;
}


#her_dates div.tab, #her_dates div.date, #her_dates div.event, #his_dates div.tab, #his_dates div.date, #his_dates div.event {
	margin:0px;
	/*padding:0px;*/
	border-width:1px;
	position:relative;
}

#her_dates li div.date, #her_dates li div.event, #his_dates li div.date, #his_dates li div.event {
	display:none;
	z-index:2;
}

#her_dates li:hover div.date, #her_dates li:hover div.event, #his_dates li:hover div.date, #his_dates li:hover div.event {
	display:block;
}


/* Color */
#her_dates li div.tab, #her_dates li div.date, #her_dates li div.event {
    background-color:#00001E;
	border-color:#000070;
}

/* Bring the tab to the front of the tabs when hovering. This makes
   the event display appear to be less broken. */
#her_dates li:hover div.tab, #his_dates li:hover div.tab {
	z-index:2;
}

#her_dates li:hover div.tab, #her_dates li:hover div.date, #her_dates li:hover div.event {
	background-color:#000031;
	border-color:#000070;
}

#his_dates li div.tab, #his_dates li div.date, #his_dates li div.event {
    background-color:#00001E;
	border-color:#000070;
}

#his_dates li:hover div.tab, #his_dates li:hover div.date, #his_dates li:hover div.event {
    background-color:#000031;
	border-color:#000070;
}

#her_dates li div.tab, #his_dates li div.tab {
	width:24px;
	height:14px;
	top:0px;
	z-index:1;
}

#her_dates li div.date, #his_dates li div.date {
	top:-16px;
	height:30px;
}

#her_dates li div.event h4, #his_dates li div.event h4 {
	position:relative;
	top:-18px;
	padding-top:0px;
	padding-bottom:0px;
	height:0px;
}

#her_dates li div.event, #his_dates li div.event {
	top:-32px;
    padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
}

#her_dates li div.tab {
	left:1px;
	/* top right bottom left */
	border-style:solid solid solid none;
}

#her_dates li div.date {
    border-style: solid solid none none;
	left:16px;
}

#her_dates li div.event {
	border-style: none solid solid solid;
	left:16px;
}

#his_dates li div.tab {
	left:118px;
	border-style:solid none solid solid;
}

#his_dates li div.date {
	left:-16px;
    border-style:solid none none solid;
}

#his_dates li div.event {
	left:-16px;
	border-style: none solid solid solid;
}

#her_dates ul, #his_dates ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#her_dates ul li, #his_dates ul li {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	max-height:0px;
}


#her_dates h4, #his_dates h4 {
	margin:4px;
	font-size:medium;
#	font-weight:bold;
#	color:black;
}

#her_dates p, #his_dates p {
#	font-size:medium;
#	font-weight:normal;
#	color:black;
    margin-top:8px;
	margin-bottom:0px;
}