/* CSS Document for The Artifact */
#titleBar {
	background-image: 		url(images/moon.gif);
	background-position: 	center bottom;
	background-repeat: 		no-repeat;
	width:					auto;
	height:					120px;
	float:					center;
}

body{
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#8CB4C8;
	background-color: 		#000000;
	background-image: 		url(images/earth.gif);
	background-position: 	center bottom; 
	background-repeat: 		no-repeat;
	width:					auto;
}

#quote {
	background-image: 		url(images/moon.gif);
	background-position: 	center top;
	background-repeat: 		no-repeat;
	position: 				static;
	color: 					#8CB4C8; 
	font-style: 			italic; 
	font-size:				12px;
	top:					auto;
	height:					500px;
	overflow: 				hidden;
}

#sideBar {
	float:					left;
	width: 					150px;
	height:					auto;
}

#sideSelector {
	float:					left;
	width:					100;
}

#sideImage {
	background-image: 		url(images/horizBar.gif);
	background-position: 	center top; 
	background-repeat: 		no-repeat;
	float:					left;
	width:					80px;
	height: 				800px;
}

.button {
	background-image: 		url(images/buttonTemplate.gif);
	width: 					150px;
	height: 				75px;
	text-align: 			left;
	font-family: 			"Times New Roman", Times, serif;
	font-size: 				32px;
	font-style: 			italic;
}

.titleText {
	float:					top;
	font-family:  			"Times New Roman";
	font-size:				24px;
	font-style:				italic;
	color: 					#8CB4C8;
}

#text {
	float:					left top;
	margin-left:			110px;
	width:					auto;
	height:					auto;
}

#img{
	float:					left;
	width:					auto;
	height:					auto;
}
a:link {
	color: 					#8CB4C8;
}
a:visited {
	color: 					#8CB4C8;
}

a:hover {
	text-decoration: 		none;
}
a:active {
	text-decoration: 		none;
}

#timelineSpans {
	float:					left;
	height:					3350px;
	width:					200px;
}

#timelineYears {
	font-family: 			"Times New Roman", Times, serif;
	font-size: 				20px;
	font-weight:			bold;
	font-style:				italic;
	text-decoration:		underline;
	color: 					#8CB4C8;
	background-color: 		#000000;
	height:					3350px;
	float:					left;
	width:					50px;
}

#timelineSegment {
	background-image: 		url(images/timeLineSegmentWebVert.gif);
	float:					left;
	width:					70px;
	height:					3350px;
}

#designators {
	background-image:		none;
	background-color:		#000000;
	float:					left;
	height:					3350px;
	width:					50px;
}

#events {
	float:					left;
	height:					3350px;
	width:					505px;
}

#bottomSpace {
	background-image: 		url(images/earth.gif);
	background-position: 	center bottom; 
	background-repeat: 		no-repeat;
	float:					left;
	height:					100px;
	width:					875px;
}

.inlineEventText {
	font-family: 			"Times New Roman", Times, serif;
	font-size: 				16px;
	font-style:				italic;
	text-decoration:		underline;
	font-weight:			bold;
	color: 					#8CB4C8;
}