/* ======================================================================= 
  History timeline styling */
  
nav{width:auto; height:38px; background:#39393a; position:fixed; z-index:100;}
nav ul{width:auto; margin:0 0 0 10px;}
nav ul li{display:inline-block;  width:154px; float:left; list-style-type:none;}
nav ul li a{display:inline-block; cursor:pointer; color:#fff; text-decoration:none; font-size:17px;}
nav ul li a:hover{display:inline-block; cursor:pointer; color:#f0922a; text-decoration:none;}

.normalMenu, .normalMenu:visited,
.hoverMenu, .hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	outline:none;
	padding:9px 1px;
	text-align:center;
	width:80px;
	display:block;
}

.normalMenu li a.selected {background-color:#f0922a; color:#fff; width:80px;}

.hoverMenu,.hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	margin-top:-50px;
	height:38px;
	color:#fff;
	padding:1px 8px;
	display: block;
}
.selectedMenu,.selectedMenu:visited {
	margin-top:2px;
}

  

.box{background:#fff; margin-bottom:73px; padding-top:68px; padding-bottom:15px;}
#bulletLong{width:230px; height:26px; float:left; background:url(../img/tcirle-long.png) no-repeat;}
#bulletMedium{width:190px; height:26px; float:left; background:url(../img/tcirle-long.png) no-repeat; background-position:-40px;}
#bulletShort{width:120px; height:26px; float:left; background:url(../img/tcirle-long.png) no-repeat; background-position:-109px}

#timeContent{float:left; padding-left:12px; padding-right:26px; width:440px;}
#timeImage{float:left; border:1px solid #cecece; padding:4px; max-width:288px; height:191px; margin-bottom:15px;}
#timeYear{float:right; margin-right:18px; border:1px solid #d7d7d7; width:60px; height:18px; color:#f0922a; font-weight:bold; font-size:22px; padding:12px 12px;}

#navigationMenu a.active {background-color: #f0922a; color: #fff;font-weight: bold;}



@media (max-width: 480px){
	#timeContent{float:left; padding-left:12px; padding-right:26px; max-width:88%;}
	#timeContent p{font-size:13px; line-height:15px;}
	
	nav {display:none;}
	#timeYear{float:none; clear:both; margin-left:12px; position:relative; top:-30px;}
	#timeImage{max-width:85%; height:85%; margin-left:12px}
	
	}

@media (min-width: 768px) and (max-width: 979px) {
	#timeContent{float:left; padding-left:12px; padding-right:26px; max-width:98%; }
	
	nav {display:none;}
	#timeImage{margin-left:12px}
	
	}
	
@media (min-width: 980px) and (max-width: 1200px){
	/*nav{background:#000;}*/
	nav ul{width:850px; margin:0 0 0 10px;}
	/*nav ul li{background:#0CF;}*/
	
	.normalMenu, .normalMenu:visited,
	.hoverMenu, .hoverMenu:visited,
	.selectedMenu,.selectedMenu:visited {
	outline:none;
	padding:9px 1px;
	position:relative;
	left:-12px;
	width:100px;
	display:block;
	background:#9CC;
}

}