/* CSS Document */

	body {
		margin:0px 10px 0px 10px;
		padding:0px;
		line-height: 1.7em;
		color: #111111;
		font-family: Tahoma, Verdana, Arial;
		font-size: small;
		background-color: #333333;
		background-image: url(images/mainBG.jpg);
		background-repeat: repeat-x;
		text-align: justify;
		}
		
	p,h1,pre {
		margin: 10px 10px 10px 10px;
		}
		
	#topImage {
		margin: 0px;
		}
	
	#leftcontent {
		position: absolute;
		left:10px;
		top:94px;
		width:180px;
		}
		
	#leftcontent p {
		font-size: x-small;
		}
		
	.leftMoreContent {
		background: #AAAAAA;
		margin:0px 0px 10px 0px;
		padding:0px;
		color: #EEEEEE;
		}
		
	.rightMoreContent {
		background: #AAAAAA;
		margin:0px 0px 10px 0px;
		padding:0px;
		color: #EEEEEE;
		}
		
	.centerMoreContent {
		background:#AAAAAA;
		margin:0px 0px 10px 0px;
		padding:0px;
		text-align:left;
		font-size:x-small;
		line-height:1.6em;
		}
		
	.centerMoreContent p {
		padding: 5px;
		}
		
	.centerMoreContent h1,h2,h3 {
		padding: 5px 10px 5px 10px;
		}
		
	#shoutboxAdd {
		text-align:center;
		padding: 8px;
		}
	
	#linkInfo {
		overflow-x: hidden;
		overflow-y: scroll;
		height: 210px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-small;
		color: #FFFFFF;
		line-height: 1.2em;
		}
	
	.chatline {
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-small;
		background-color: #000000;
		letter-spacing: .1em;
		border: 1px dashed #CCCCCC;
		height: 15px;
		width: 140px;
		color: #FFFFFF;
		margin: 5px 0px 5px 0px;
		padding: 5px;
		}
	
	.affiliate {
		margin: 5px;
		background-color:#DDDDDD;
		}
		
	.affiliate img {
		margin: 5px;
	padding: 5px 0px 5px 0px;
		}
		
	.affiliate a:hover {
		position:relative;
		top: 2px;
		left: 2px;
		}

	#centercontent {
   		margin-left: 190px;
   		margin-right:210px;
		}

	#rightcontent {
		position: absolute;
		right:10px;
		top:143px;
		width:200px;
		}
		
	#rightcontent p {
		font-size: x-small;
		}
		
	.login input {
		width: 110px;
		font-family: Tahoma, Verdana, Arial;
		font-size: x-small;
		font-weight: bold;
		background-color: #FFFFCC;
		}
	
	#linkInfo2 {
		background-image:url(images/shoutbox.png);
		margin: 0px 0px 10px 0px;
		padding: 70px 15px 20px 15px;
		height: 210px;
		width: 150px;
		font-family: "Lucida Sans";
		font-size: x-small;
		overflow-y: hidden;
		overflow-x: hidden;
		background-repeat: no-repeat;
		background-position: left top;
		}
		
	#banner {
		position:relative;
		background:#ff1e2a;
		margin: 0px 0px 0px 0px;
		height: 30px;
		top: -10px;
		background-image:url(images/naviBackground.jpg);
		}
		
	#banner img {
		position:relative;
		top: 0px;
		margin: 0px 5px 0px 5px;
		}
		
	#banner a:hover {
		position:relative;
		top:2px;
		left:2px;
		}
		
	.style1 {
		color: #FFFFFF
		}
		
	/* +--------------------------------------------------+ */
	/* |                                                  | */
	/* |                 TIMELINE STYLES                  | */
	/* |                                                  | */
	/* +--------------------------------------------------+ */

.timeline_header_njo {
	background-image:url(images/sideBarTop.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position: relative;
	top: -10px;
	width: 350px;
	height: 68px;
	margin: 0px 60px -10px 60px;
	padding: 0px 5px 0px 75px;
	color: #FFFFFF;
	line-height: 68px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 150%;
	overflow:hidden;
	z-index:0;
	}

.timeline_header_republic {
	background-image:url(images/sideBarTopRepublic.png);	background-position:0px 0px;
	background-repeat:no-repeat;
	position: relative;
	top: -10px;
	width: 350px;
	height: 68px;
	margin: 0px 60px -10px 60px;
	padding: 0px 5px 0px 75px;
	color: #FFFFFF;
	line-height: 68px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 150%;
	overflow:hidden;
	z-index:0;
	}
	
.timeline_header_rebellion {
	background-image:url(images/sideBarTopRellion.png);	background-position:0px 0px;
	background-repeat:no-repeat;
	position: relative;
	top: -10px;
	width: 350px;
	height: 68px;
	margin: 0px 60px -10px 60px;
	padding: 0px 5px 0px 75px;
	color: #FFFFFF;
	line-height: 68px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 150%;
	overflow:hidden;
	z-index:0;
	}
	
.timeline_header_rote {
	background-image:url(images/sideBarTopROTE.png);	background-position:0px 0px;
	background-repeat:no-repeat;
	position: relative;
	top: -10px;
	width: 350px;
	height: 68px;
	margin: 0px 60px -10px 60px;
	padding: 0px 5px 0px 75px;
	color: #FFFFFF;
	line-height: 68px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 150%;
	overflow:hidden;
	z-index:0;
	}
	
.timeline_header_legacy {
	background-image:url(images/sideBarTopLegacy.png);	background-position:0px 0px;
	background-repeat:no-repeat;
	position: relative;
	top: -10px;
	width: 350px;
	height: 68px;
	margin: 0px 60px -10px 60px;
	padding: 0px 5px 0px 75px;
	color: #FFFFFF;
	line-height: 68px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 150%;
	overflow:hidden;
	z-index:0;
	}
	
.timeline_header_alliance {
	background-image:url(images/sideBarTopAlliance.png);	background-position:0px 0px;
	background-repeat:no-repeat;
	position: relative;
	top: -10px;
	width: 350px;
	height: 68px;
	margin: 0px 60px -10px 60px;
	padding: 0px 5px 0px 75px;
	color: #FFFFFF;
	line-height: 68px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 150%;
	overflow:hidden;
	z-index:0;
	}
	
.timeline_header_infinities {
	background-image:url(images/sideBarTopInfinites.png);	background-position:0px 0px;
	background-repeat:no-repeat;
	position: relative;
	top: -10px;
	width: 350px;
	height: 68px;
	margin: 0px 60px -10px 60px;
	padding: 0px 5px 0px 75px;
	color: #FFFFFF;
	line-height: 68px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 150%;
	overflow:hidden;
	z-index:0;
	}
		
.timeline {
	background-image:url(images/sideBarSide.png);
	background-position:0px -10px;
	background-repeat:repeat-y;
	margin: 0px 60px 0px 60px;
	padding:5px 0px 5px 0px;
	z-index:0;
	}
	
.timeline h2 {
	font-size:small;
	width: 300px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
	z-index:0;
	}
	
.movie {
	width: 260px;
	margin: 10px 10px 10px 60px;
	border: double #CCCCCC;
	background-color:#555;
	color: #FFFFFF;
	padding: 10px;
	font-size: 145%;
	font-weight:bold;
	z-index:0;
	}
	
.timeYear {
	background-image:url(images/sideBarTime.png);
	background-repeat:no-repeat;
	display:block;
	margin: 20px 0px -26px 0px;
	height:26px;
	width:73px;
	line-height: 26px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:140%;
	text-align:center;
	padding: 0px 257px 0px 19px;
	font-style:italic;
	z-index:0;
	}
	
.timeDetails {
	position:relative;
	left: 95px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height:26px;
	line-height: 26px;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:140%;
	font-style:italic;
	display:inline;
	z-index:0;
	}
	
.timeline ul {
	padding: 0px 0px 0px 30px;
	margin: 10px;
	font-size:110%;	
	width: 290px;
	z-index:0;
	}
	
.timeline ul li {
	color: inherit;
	padding: 0px 40px 0px 0px;
	margin: 3px 10px 3px 20px;
	border-top: none;
	border-right:none;
	border-left:none;
	border-bottom: 1px solid #CCCCCC;
	width: 85%;
	list-style: none;
	font-family: Arial;
	font-style:italic;
	overflow:hidden;
	z-index:0;
	}
	
.timeline ul li a {
	text-decoration:none;
	background-color: transparent;
	width: 100%;
	color: #333333;
	display: block;
	z-index:0;
	}
	
.timeline ul li a:hover {
	background-color: #FFF;
	color: #F00;
	z-index:0;
	position:relative;
	top:0px;
	left:0px;
	}
	
.addNewTimeline input {
	width: 300px;
	background-color:#FFFFFF;
	border: dashed 1px #AAAAAA;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	letter-spacing:0.1em;
	z-index:0;
	}
	
.addNewTimeline input:hover {
	background-color:#FFFFBB;
	z-index:0;
	}
	
.addNewTimeline select {
	width: 300px;
	background-color:#FFFFFF;
	border: dashed 1px #AAAAAA;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	letter-spacing:0.1em;
	z-index:0;
	}
	
.addNewTimeline select:hover {
	background-color:#FFFFBB;
	z-index:0;
	}
	
.addNewTimeline textarea {
	width: 300px;
	background-color:#FFFFFF;
	border: dashed 1px #AAAAAA;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	letter-spacing:0.1em;
	z-index:0;
	}
	
.addNewTimeline textarea:hover {
	background-color:#FFFFBB;
	z-index:0;
	}
	
.addNewTimeline p {
	font-style:italic;
	z-index:0;
	}
	
.addNewTimeline h1 {
	font-size: 125%;
	font-weight:bold;
	z-index:0;
	}
	
.tlTitle {
	font-size:x-large;
	font-weight:normal;
	font-family:"Arial Black", Arial;
	text-align:center;
	line-height:normal;
	margin: 0px 0px 8px 0px;
	}
	

.tlAuthor {
	font-size:large;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align:center;
	line-height:normal;
	color: #666666;
	}
	
.tlEra {
	font-size:medium;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align:center;
	line-height:normal;
	}
	
.tlImage {
	background-image:url(images/tlEraBackground.jpg);
	padding: 10px;
	margin: 20px 60px 20px 60px;
	}