/* {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
}
*/

#tlribbon {
	height: 12.9em;
	overflow: hidden;
	width:100%;
	background-color: #060716;
	margin-bottom: .5em;
	background-image: url(../_media/_graphics/timeline/celebrating_sub.gif);
	background-repeat: no-repeat;
	background-position: center center;
}	

#home #tlribbon { 
	width:100%;
	background-color: #060716;
	margin-bottom: 0em;
	height: 21.3em;
	background-image: url(../_media/_graphics/timeline/celebrating.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#timeline {
	width: 100%;
	height: 12em;
	overflow: hidden;
	position: relative;
	background-color: transparent;
	color: white;
	font-size: 8pt;
}

#timeline .control {
	position: absolute;
	width: 5em;
	height: 12em;
	background-color: #050716;
	z-index: 9999;
	cursor: pointer !important;
	cursor: hand;
	background-repeat: no-repeat;
	background-position: center center;
}

#timeline #control_left {
	background-image: url(../_media/_graphics/timeline/control_left.gif);
	border-right: 2px solid #37394b;
	left: 0;
	-webkit-box-shadow: 1em 0 2em rgba(6,7,22,.5);
}

#timeline #control_right {
	background-image: url(../_media/_graphics/timeline/control_right.gif);
	border-left: 2px solid #37394b;
	right: 0; 
	-webkit-box-shadow: -1em 0 2em rgba(6,7,22,.5);
}

#timeline li {
	list-style: none;
}

.track {
	position: absolute;
	display: none;
}

/* events */
.track li {
	position: absolute;
}

.track.decadle {
	z-index: 100;
}

.track.nbw_events {
	background-image: url(../_media/_graphics/timeline/timeline_small_scale.gif);
	background-position: center center;
	background-repeat: repeat-x;
	height: 12em;
	z-index: 401;
}

.track.global_events {
	z-index: 201;
}

li.global {
	display: none;
	z-index: 200;
}

li.global .year {
	float: left;
	width: 4em;
	text-align: right;
	padding-left: 1em;
}

li.nbw {
	top: 5em;
	margin-left: -2.5em;
	z-index: 400;
}

li.nbw * {
	display: none;
}

li.nbw .year {
	color: #c5972c;
	font-size: 2em;
	width: 2.5em;
	text-align: center;
	display: block;
	float: left;
	font-family: Georgia, serif;
	background-color: #050716;
	background-color: transparent;
 	background-image: url(../_media/_graphics/pixelbg.gif); 
	background-repeat: repeat-x;
	background-position: center center;
	border-left: 1px solid #5e5c6a;
	border-right: 1px solid #5e5c6a;
	padding-left: .2em;
	padding-right: .2em;
}

li.nbw:hover {
	cursor: pointer;
}

li.nbw p {
	text-align: left;
	display: none;
}

li.nbw.focused {
	top: 0;
	height: 12em;
	display: block;
	width: 40em;
	background-image: url(../_media/_graphics/timeline/nbw_event_bg_large.gif);
	background-repeat: repeat-x;
	background-color: #181d21;
	margin-left: -20em;
	background-position: center center;
	border-left: 1px solid #37394b;
	border-right: 1px solid #37394b;
	z-index: 4000;
}

li.nbw.focused p {
	font-family: 'DoradaniLight-1','DoradaniLight-2',Tahoma, Arial,sans-serif; 
	letter-spacing: 1px;
	display: block;
	margin: 1.5em 1.5em 1.5em 11em;
	font-size: 1.2em;
	color: white;
	position: relative;
	top:0; left:0;
}

li.nbw.focused .year {
	color: #c5972c;
	font-size: 3.2em;
	margin-top: 1.35em;
	padding-left: .5em;
	border: none;
	background-color: transparent;
	background-image: url(../_media/_graphics/timeline/nbw_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-shadow: 0 .25em .5em rgba(0,0,0,.5);
}

#home li.global {
	display: block;
}

li.decade {
	font-size: 6em;
	padding-top: .4em;
	font-family: Georgia, serif;
	color: #1d202f;
}

#home #timeline {
	height: 20em;
}

#home .control {
	height: 20em;
}

#home .track {
	height: 20em;
}

#home li.decade {
	font-size: 8em;
	padding-top: .6em;
}

#home li.nbw {
	top: 9em;
}

#home li.nbw.focused {
	top: 0;
	height: 20em;
	width: 25em;
	margin-left: -12.5em;
	background-image: url(../_media/_graphics/timeline/nbw_event_bg_large.gif);
	background-repeat: repeat-x;
	background-color: #181d21;
	background-position: top center;
	margin-top:0;padding-top:0;
}

#home li.nbw.focused .year {
	background-image: none;
/*
	display: block;
	font-size: 4em;
	margin-top: .8em;
	width: 100%;
	margin-bottom: .2em;
	text-align: left;
	margin-left: .25em;
	float: left;
	color: #c1a500;
*/
	position:absolute;
	top:.7em; left:0em;
	margin:0;
}

#home li.nbw.focused p {
	display: block;
/*
	margin: 0;
	top: 0;
	left: 0;
	width: 19em;
	height: 13em;
	padding-left: 3em;
*/
	background-image: url(../_media/_graphics/timeline/nbw_arrow.gif);
	background-repeat: no-repeat;
	background-position: 1.6em left;
	font-size: 1.2em;
	margin:0;
	position:absolute;
	top:6em; left:0;
	padding:0 2em 1.5em 2em;
	color: #dee7f2;
}

#home li.global {
	display: block;
	font-size: 1em;
}

#home li.global p {
	display: inline;
}

#home li.global .year {
	display: inline;
	float: left;
	font-size: 1.5em;
	position: relative;
	left: -.5em;
	color: #6892c5;
	font-family: Georgia, serif;
	float: none;
}

.importance_low {
	font-size: 40%;
	opacity: .2;
}

.importance_medium { 
	font-size: 60%;
	opacity: .6;
}

.importance_high .year {
	font-size: 450%;
}

.focused {
	z-index: 9998 !important;
}