/*XRN: layout*/

BODY {
margin: 0px; 
padding: 0px; 
background: url(/media/xrn_timeline_ruler.gif) 0px 10px repeat-x #003366; 
font-family: arial narrow, arial, helvetica;  /*global setting for ALT tags*/
font-size: 9px;  /*global setting for ALT tags*/
color: #000000;  /*global setting for ALT tags*/
}

A:link, 
A:visited {
text-decoration: none; 
outline: none; 
color: #ffffff; 
}

A:hover, 
A:active {
text-decoration: none; 
outline: none; 
color: #d6dee7; 
}

#timelineSelector {
width: 9px; 
height: 100%; 
position: absolute; 
top: 0px; 
z-index: 10; 
margin: 0px; 
padding: 0px; 
background: url(/media/xrn_timeline_line.gif) repeat-y; 
}

	#timelineUp {
	position: absolute; 
	bottom: 0px; 
	margin: 0px; 
	padding: 0px; 
	}

#mainBlock {
width: 718px; 
height: 518px; 
position: absolute;
top: 50%; 
left: 50%; 
z-index: 1; 
margin-top: -259px; 
margin-left: -359px; 
padding: 0px; 
background-repeat: no-repeat; 
}

	#artBlock {
	width: 700px; 
	height: 500px; 
	position: absolute; 
	top: 5px; 
	left: 6px; 
	z-index: 2; 
	background: url(/media/xrn_art_home.gif) no-repeat; 
	margin: 0px; 
	padding: 0px; 
	}
		
		/*need to set default opacity for IE*/
		#artBlock IMG {
		filter: alpha(opacity=100); 
		}

		/*duplicate image positioning*/
		#newArt {
		position: absolute; 
		top: 0px; 
		left: 0px; 
		z-index: 2; 
		visibility: hidden; 
		}

	#back_navPNG {
	width: 160px; 
	height: 500px; 
	position: absolute; 
	top: 5px; 
	left: 6px; 
	z-index: 3; 
	margin: 0px; 
	padding: 0px; 
	}

		#back_nav {
		visibility: hidden; 
		}
	

	#back_bubblePNG {
	width: 487px; 
	height: 337px; 
	position: absolute; 
	top: 5px; 
	left: 6px; 
	z-index: 4; 
	margin: 0px; 
	padding: 0px; 
	}

		#back_bubble {
		visibility: hidden; 
		}
		
	#back_newsPNG {
	width: 177px; 
	height: 485px; 
	position: absolute; 
	top: 20px; 
	right: 29px; 
	z-index: 4; 
	margin: 0px; 
	padding: 0px; 
	background-repeat: no-repeat; 
	overflow: hidden; 
	}

		#back_news {
		visibility: hidden; 
		}
	
	.news {
	width: 150px; 
	height: 255px; 
	position: absolute; 
	top: 74px; 
	right: 46px; 
	z-index: 5; 
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, arial, helvetica; 
	font-size: 12px; 
	color: #99b0c9; 
	overflow: hidden; 
	}
		
		.news P {
		margin: 24px 0px 24px 0px; 
		}
			
		.news A:link, 
		.news A:visited {
		text-decoration: none; 
		outline: none; 
		color: #99b0c9; 
		}

		.news A:hover, 
		.news A:active {
		text-decoration: none; 
		outline: none; 
		color: #ffffff; 
		}
		
	.navContainer {
	width: 134px; 
	height: 152px; 
	position: absolute; 
	top: 352px; 
	left: 16px; 
	z-index: 5; 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden; 
	}
		
		#nav_1_offPNG, 
		#nav_2_offPNG, 
		#nav_3_offPNG, 
		#nav_4_offPNG {
		width: 134px; 
		margin: 0px; 
		padding: 0px; 
		outline: none; 
		overflow: hidden; 
		}
		
		#nav_1_offPNG {
		height: 0px; 
		}

			#nav_1_off, 
			#nav_2_off, 
			#nav_3_off, 
			#nav_4_off {
			visibility: hidden; 
			}

	#logoPNG {
	width: 380px; 
	height: 100px; 
	position: absolute; 
	top: 388px; 
	left: 246px; 
	z-index: 5; 
	margin: 0px; 
	padding: 0px; 
	}

		#logo {
		visibility: hidden; 
		}
			
	#section1, 
	#section2, 
	#section3, 
	#section4 {
	width: 487px; 
	height: 337px; 
	position: absolute; 
	top: 5px; 
	left: 6px; 
	z-index: 6; 
	margin: 0px; 
	padding: 0px; 
	}
	
	#section2,  
	#section3, 
	#section4 {
	display: none; 
	}
	
		.contentContainer {
		width: 450px; 
		height: 257px; 
		position: absolute; 
		top: 54px; 
		left: 32px; 
		z-index: 7; 
		margin: 0px; 
		padding: 0px; 
		overflow: hidden; 
		}
		
			#content1,  
			#content2, 
			#content3, 
			#content4 {
			width: 423px; 
			z-index: 8; 
			margin: 0px; 
			padding: 0px; 
			font-family: arial, helvetica; 
			font-size: 12px; 
			}
			
				.contentContainer P {
				margin: 12px 0px 12px 0px; 
				}
				
				.center {
				text-align: center; 
				}
				
				.right {
				text-align: right; 
				}
			
				.scrollTop, 
				.close {
				font-family: arial narrow, arial, helvetica; 
				font-size: 11px; 
				text-align: right; 
				color: #d6dee7; 
				}
			
				.artLeft {
				float: left; 
				margin: 0px 10px 10px 0px; 
				}
			
				.artRight {
				float: right; 
				margin: 0px 0px 10px 10px; 
				}
				
				#hed_tritonPNG {
				width: 225px; 
				height: 32px; 
				margin: 0px 0px 10px 0px; 
				padding: 0px; 
				}
				
					#hed_triton {
					visibility: hidden; 
					}
				
				#hed_companiesPNG {
				width: 321px; 
				height: 32px; 
				margin: 0px 0px 12px 0px; 
				padding: 0px; 
				}
				
					#hed_companies {
					visibility: hidden; 
					}
				
				#art_candlerPNG {
				width: 159px; 
				height: 231px; 
				margin: 0px; 
				padding: 0px; 
				float: right; 
				}
				
					#art_candler {
					visibility: hidden; 
					}
			
				#hed_2005PNG, 
				#hed_2006PNG, 
				#hed_2007PNG, 
				#hed_2008PNG, 
				#hed_2009PNG, 
				#hed_2010PNG {
				width: 423px; 
				height: 19px; 
				margin: 0px; 
				padding: 0px; 
				}
				
					#hed_2005, 
					#hed_2006, 
					#hed_2007, 
					#hed_2008, 
					#hed_2009, 
					#hed_2010 {
					visibility: hidden; 
					}
					
				.colLeft {
				width: 205px; 
				float: left; 
				}
				
				.colRight {
				width: 205px; 
				float: right; 
				}
					
				.prLink {
				margin: 10px 0px 10px 0px; 
				padding: 4px; 
				background-repeat: repeat-x; 
				background-position: bottom; 
				font-size: 11px; 
				}
				
					/*IE 6 needs this cuz opacity filters disable links*/
					.prLink A, 
					.prContainer A {
					position: relative; 
					z-index: 1; 
					}
				
					.prLink A:link, 
					.prLink A:visited {
					text-decoration: none; 
					outline: none; 
					color: #ffffff; 
					}

					.prLink A:hover, 
					.prLink A:active {
					text-decoration: none; 
					outline: none; 
					color: #99b0c9; 
					}
					
				.prContainer {
				margin: -11px 0px 0px 0px; 
				padding: 10px 10px 5px 10px; 
				font-size: 12px; 
				font-weight: normal; 
				display: none; 
				}
				
					UL LI {
					list-style: disc outside; 
					}
				
					.footnote {
					font-size: 10px; 
					}

			.contentScroller {
			width: 19px; 
			height: 274px; 
			position: absolute; 
			top: 0px; 
			right: 0px; 
			z-index: 8; 
			margin: 0px; 
			padding: 0px; 
			}
	
				.scrollDown {
				position: absolute; 
				top: 249px; 
				left: 0px; 
				}

.timelineBottom {
width: 100%; 
height: 12px; 
position: absolute; 
bottom: 10px; 
z-index: 0; 
padding-top: 6px; 
background: url(/media/xrn_timeline_ruler.gif) repeat-x; 
font-size: 9px; 
color: #cccccc; 
text-align: right; 
}