/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* Our own em sizing stuff to set em size to 10px */
html { font-size: 1.25em ; } /* Set base font size to 20px (= 1.25 x 16px) */ 
body { font: normal normal 50%/100% Verdana,Helvetica,sans-serif ; } /* 50% of 20px = 10px */  
html>body { font-size: 10px ; } /* Overrides the above in all browsers except IE */

hr { display: none; }

/* Conflicts Timeline */
	
	body {
		background: #F1EAD8 ;
	}
	
	h1 {
		display: none;
	}

	div#thetimeline {
		position: relative;
		overflow: hidden;
		height: 490px;
		width: 749px;
		margin: 3px 0 0 15px ;
		border: 1px solid #1e1409;
		background: transparent url(/images/site/timeline-bg.png) repeat-x left bottom ;

	}

	ul#content-timeline {
		width: 3060px;
		height: 515px;
		position: relative;
		left: -1px;
		margin: 0;
		padding: 0;
	}

	ul#content-timeline li {
		width: 750px;
		float: left;
		margin: 0 0 0 0;
		padding: 0;
		list-style: none;
	}

	ul.halfcentury {
		margin: 0;
		padding: 0;
	}

	ul#content-timeline ul.halfcentury li {
		width: 150px;
		height: 490px;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
	}

	ul.decade {
		margin: 0;
		padding: 0;
	}

	ul#content-timeline ul.halfcentury h3.decade {
		position: absolute ;
		left: 0 ;
		bottom: 5px;
		padding: 3px 0 0 3px ;
		font: normal normal 1.4em/13px Arial, Helvetica, sans-serif ;
		border-left: 1px solid #3e3429 ;
		color: #3e3429 ;
	}

	ul#content-timeline ul.halfcentury ul.decade li {
		width: 14px;
		height: 469px;
		float: left;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #aea499;
		border-left: 1px dotted #aea499;
		text-indent: -9999px;
	}

	ul#content-timeline ul.halfcentury ul.decade li.first {
		border-left: 1px solid #3e3429;
	}
	
	ul#content-timeline li#conflicts li.event {
		position: absolute;
		width: auto ;
	}
	
	
	ul#content-timeline li#conflicts li.event a {
		display: block ;
		height: 12px;
		border-left: 3px solid #7e2100;
		background: transparent url(/images/site/timeline-event-bg.png) repeat-x left top ;
		float: none;
		font-size: 9px;
		padding-left: 2px;
		padding-right: 2px;
		color: #000;
		font-size: 9px;
		color: #000;
		text-decoration: none;
	}
	
	ul#content-timeline li#conflicts li.event a:hover {
		border-color: #7e2100 ;
		color: #fff ;
		background: #7e2100 ;
	}	

	/* IE 6 fixes */
	* html ul#content-timeline li#conflicts li.event,
	* html ul#content-timeline li#conflicts li.event a {
		float: left ;
		display: block ;
		white-space: nowrap ;
	}


	/* Timeline navigation */
	#timelinenav { 
		position: relative ; 
		width: 365px ;
		height: 35px ;
		margin: 9px auto 0 ;
		background: transparent url(/images/site/timelinenav.png) no-repeat left top ;		
		text-indent: -9999px ; 

	}
	
	#timelinenav ul { list-style: none ; }
	
	#timelinenav ul#scrollactions li ,
	#timelinenav ul#jumpactions li {
		position: absolute ; 
		display: block ;
		top: 0 ; 
		width: 25px ; 
		height: 20px ; 
		cursor: pointer ; 
	}

	#timelinenav ul#jumpactions li { width: 40px ; }		

	#timelinenav li#sal { left: 47px ; }
	#timelinenav li#sar { left: 77px ; }

	#timelinenav li#ja1800 { left: 185px ; }
	#timelinenav li#ja1850 { left: 230px ; }
	#timelinenav li#ja1900 { left: 275px ; }
	#timelinenav li#ja1950 { left: 320px ; }
	
		/* IE6 fixes */
	* #timelinenav ul { height: 1% ; }
	* html #timelinenav ul#scrollactions li,
	* html #timelinenav ul#jumpactions li {
		height: 25px ; 
		background: transparent url(/images/site/timelinenav.png) no-repeat left -40px  ;
	} 
	
	/* Timeline shadows */
	
	.tlshadow {
		position: absolute ;
		left: 0 ;
		top: 0 ;
		width: 750px ;
		height: 490px ;
		background: transparent url(/images/site/timeline-shadow-32.png) no-repeat left top ;
	}
	
	#tls1 { height: 6px ; } /* top */
	#tls2 { height: 4px ; top: 486px ; background-position: left bottom ; } /* bottom */ 
	#tls3 { width: 6px ; height: 480px ; top: 6px ; background-position: left -6px ; } /* left */
	#tls4 { width: 4px ; height: 480px ; top: 6px ; left: 746px ; background-position: right -6px ; } /* right */
	
	
	* html .tlshadow { display: none ; }