/* this makes it possible to add next button beside scrollable */



/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:21px;
	height:53px;
	background:url(../images/LeftArrow.jpg) no-repeat;
	float:left;
	margin:80px -10px 0px 0px;  
	cursor:pointer;
	font-size:14px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -53px;		
}

/* disabled navigational button */
a.disabled {
	
	opacity:0.1 !important;		
	filter:alpha(opacity=10) !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background:url(../images/RightArrow.jpg) no-repeat;
	clear:right;	
}


/*                   Navigation Two                    */

/* prev, next, prevPage and nextPage buttons */
a.prevTimeLine, a.nextTimeLine, a.prevPageTimeLine, a.nextPageTimeLine {
	display:block;
	width:12px;
	height:14px;
	background:url(../images/TimeLineLeftArrow.jpg) no-repeat;
	float:left;
/*	margin:130px 0;  */
	font-weight:bold; 
	cursor:pointer;
	font-size:10px;
}

/* mouseover state */
a.nextTimeLine:hover, a.nextPageTimeLine:hover {
	background-position:25px -14px;		
}

a.prevTimeLine:hover, a.prevPageTimeLine:hover{
	background-position:0px -14px;		
}


/* disabled navigational button*/
a.TimeLinePrevNexdisabled {
	
} 

/* next button uses another background image */
a.nextTimeLine, a.nextPageTimeLine {
	
	background-position:25px 0; 	
	width:40px; 
	font-weight:bold;
	float:right;
	background:url(../images/TimeLineRightArrow.jpg) no-repeat;
	background-position:25px -14px;		
}

a.timeLineSections, a.timeLineSections1
{
	width:121px;
	height:34px;
	
	display:block; 
	float:left; 
}

a.timeLineSections:hover, a.timeLineSections1:hover
{
	width:121px;
	height:28px;
	
}


a#decadeLink_1
{
	background:url(../images/about_timeline_1950.jpg) no-repeat;
}

a#decadeLink_7
{
	background:url(../images/about_timeline_1950.jpg) no-repeat;
	background-position:0 -31px; 
}

a#decadeLink_14
{
	background:url(../images/about_timeline_1950.jpg) no-repeat;
	background-position:0 -31px; 
}

a#decadeLink_20
{
	background:url(../images/about_timeline_1950.jpg) no-repeat;
	background-position:0 -31px; 
}

a#link1990
{
	background:url(../images/about_timeline_1950.jpg) no-repeat;
	background-position:0 -31px; 
}

a#link2000
{
	background:url(../images/about_timeline_1950.jpg) no-repeat;
	background-position:0 -31px; 
}


a#decadeLink_1, a#decadeLink_7, a#decadeLink_14, a#decadeLink_20, a#link1990, a#link2000
{
	background-position:0 -31px; 
}

a#decadeLink_1:hover, a#decadeLink_7:hover, a#decadeLink_14:hover, a#decadeLink_20:hover, a#link1990:hover, a#link2000:hover
{	
	background-position:0 0px; 
}

/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
	background-color:#333333; 
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/TimeLineRightArrow.jpg) no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}