#timeline {
display:block;
width:500px;

background:url('line3.png') 0 0 repeat-y;
position:relative;
margin-left:15px;
}
.timeline_object {
display:inline-block;
min-width:450px;
max-width:450px;
height:100px;
position:relative;
margin:10px 0px 10px 0px;
}
.timeline_object .section {
display:block;
min-width:150px;
max-width:150px;
height:63px;
background-color:#481417;
}
.timeline_object .content {
display:block;
height:100px;
min-width:300px;
max-width:300px;
position:absolute;
top:0px;
left:150px;
padding:5px 5px 5px 5px;
background-color:#905a5d;
height:90px;
border-bottom:2px solid black;
border-right:2px solid black;
margin-left:5px;
}
.yearline {
border-bottom:3px solid black;
display:block;
}
.yearline .year {
font-weight:bold;
font-size:18px;
background-color:#481417;
}
.proper_detail {
font-size:16px;
font-weight:bold;
font-family:Arial;
}
.dates {
font-size:14px;
font-weight:bold;
font-family:Arial;
}
.info_clickable {
color:#e7d708;
cursor:pointer;
}
#box {
min-height:50px;
min-width:50px;
max-width:400px;
background:#481417 url('backdrop.png') repeat;
position:absolute;
top:20%;
left:20%;
padding:10px 10px 10px 10px;
visibility:hidden;
}
#box #map {
height:400px;
width:400px;
}
#box #map2 {
height:400px;
width:400px;
visibility:hidden;
}
#box #information {
display:block;
min-height:50px;
font-weight:bold;
font-size:14px;
color:white;
margin-bottom:10px;
}
#box .seperator
{
	display:block;
	min-width:400px;
	max-height:2px;
	border-bottom:2px solid #e7d708;
}
#box #close {
background-color:black;
color:white;
position:absolute;
top:0px;
right:0px;
font-weight:bold;
cursor:pointer
}