﻿#contentarea{	background-image:none;}
.right{	display:none;}
.timeline {	background-image: url(/images/timeline/timelinebg.gif); background-repeat: no-repeat; cursor: crosshair;	height:700px; width:900px;}
.timeline img {border:none;}
.timeline .right{float:right; display:inline;}
.timeline .link1 .toggletext, .timeline .link2 .toggletext, .timeline .link3 .toggletext, .timeline .link4 .toggletext, .timeline .link5 .toggletext, .timeline .link6 .toggletext, .timeline .link7 .toggletext, .timeline .link8 .toggletext, .timeline .link9 .toggletext, .timeline .link10 .toggletext, .timeline .link11 .toggletext, .timeline .link12 .toggletext{display:none;}
.timeline .link1, .timeline .link2 , .timeline .link3, .timeline .link4, .timeline .link5, .timeline .link6, .timeline .link7, .timeline .link8, .timeline .link9, .timeline .link10, .timeline .link11, .timeline .link12
{width:200px; height:12px; padding:2px;	color: #000000;	text-decoration: underline;	font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; }
	
/* Dynamic code */	
.timeline .link1{margin-left:130px; margin-top:40px;}
.timeline .link2 {margin-left:156px; margin-top:0px;}
.timeline .link3 {margin-left:167px; margin-top:0px;}
.timeline .link4 {margin-left:260px; margin-top:0px;}
.timeline .link5 {margin-left:290px; margin-top:0px;}
.timeline .link6 {margin-left:340px; margin-top:0px;}
.timeline .link7 {margin-left:490px; margin-top:0px;}
.timeline .link8 {margin-left:530px; margin-top:0px;}
.timeline .link9 {margin-left:580px; margin-top:0px;}
.timeline .link10 {margin-left:600px; margin-top:0px;}
.timeline .link11 {margin-left:610px; margin-top:0px;}
.timeline .link12 {margin-left:620px; margin-top:0px;}
/* End */
	

	
	
.timeline .link1 h2, .timeline .link2 h2, .timeline .link3 h2, .timeline .link4 h2, .timeline .link5 h2, .timeline .link6 h2, .timeline .link7 h2, .timeline .link8 h2, .timeline .link9 h2, .timeline .link10 h2, .timeline .link11 h2,.timeline .link12 h2{font-size:11px;
	background-image:url(/images/timeline/bullet.gif);	background-repeat:no-repeat;	background-position:0px 6px;	text-indent:7px;	margin:0px;
	padding:0px;	font-weight:bold;	text-transform: capitalize;}

.timeline .link1:hover, .timeline .link2:hover, .timeline .link3:hover, .timeline .link4:hover, .timeline .link5:hover, .timeline .link6:hover, .timeline .link7:hover, .timeline .link8:hover, .timeline .link9:hover, .timeline .link10:hover, .timeline .link11:hover, .timeline .link12:hover{	display:block;	background-color:transparent ;	text-decoration:none;	font-size:12px;	background-image:url(/images/timeline/box.gif);	color:#000000;	background-repeat:no-repeat;	width:290px; 	height:290px;  	background-repeat:no-repeat; 	border:none;}


.timeline .link1:hover p, .timeline .link2:hover p, .timeline .link1:hover p, .timeline .link3:hover p, .timeline .link4:hover p, .timeline .link5:hover p, .timeline .link6:hover p, .timeline .link7:hover p, .timeline .link8:hover p, .timeline .link9:hover p, .timeline .link10:hover p, .timeline .link11:hover p, .timeline .link12:hover p{ padding-left:15px;}
.timeline .link1:hover .toggletext, .timeline .link2:hover .toggletext, .timeline .link3:hover .toggletext, .timeline .link4:hover .toggletext, .timeline .link5:hover .toggletext, .timeline .link8:hover .toggletext, .timeline .link9:hover .toggletext, .timeline .link10:hover .toggletext, .timeline .link12:hover .toggletext, .timeline .link11:hover .toggletext, .timeline .link6:hover .toggletext, .timeline .link7:hover .toggletext{display: block; width:280px; height:225px; overflow:hidden;}
.timeline .link1:hover h2, .timeline .link2:hover h2, .timeline .link3:hover h2, .timeline .link4:hover h2, .timeline .link5:hover h2, .timeline .link6:hover h2, .timeline .link7:hover h2, .timeline .link8:hover h2, .timeline .link9:hover h2, .timeline .link10:hover h2, .timeline .link11:hover h2, .timeline .link12:hover h2{ padding:15px; padding-left:10px; font-size:15px; 	text-decoration:none;}

