@charset "UTF-8";
#container {
	height: 700px;
	left: 50%;
	margin-left: -477.5px;
	position: absolute;
	width: 955px;
	top: 0px;
	z-index: 0;
}
#top_bar {
	background-repeat: repeat-x;
	visibility: visible;
	position:absolute;
	top:0px;
	width:100%;
	height:7px;
	z-index:1;
	background-image: url(../images/TopBar_01.png);
	left: 0px;
}
#pitch_bar {
	position:absolute;
	left:0px;
	top:420px;
	width:956px;
	height:21px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:6px;
	top:436px;
	width:692px;
	height:25px;
	z-index:151;
}
#apDiv4 {
	position:absolute;
	left:0px;
	top:474px;
	width:259px;
	height:35px;
	z-index:0;
}
#menu {
	position:absolute;
	left:146px;
	top:6px;
	width:848px;
	height:35px;
	z-index:200;
	visibility: visible;
	#maintable {
width: 880px;
margin: 50px auto;
border: 2px solid black;
background: url(images/transparent.png) repeat;
}
}
#empire_overlay {
	position:absolute;
	left:395px;
	top:133px;
	width:353px;
	height:150px;
	z-index:150;
	visibility: visible;
}
body {
	background-color: #EAEAEA;
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #97272D;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

h3.toggler {
	cursor: pointer;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #CCC;
	color: #666;
	margin: 0 0 4px 0;
	padding: 0px 0px 0px;
	font-weight: bold;
	background-color: #1A1A1A;
}
#apDiv3 {
	position:absolute;
	left:0px;
	top:34px;
	width:0px;
	height:0px;
	z-index:1;
}
#thematic_elements {
	position:absolute;
	left:555px;
	top:43px;
	width:124px;
	height:319px;
	z-index:1;
}

div.element p, div.element h4 {
	margin:0px;
	padding:7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666;
	letter-spacing: 0.5px;
	line-height: 15px;
	padding-left: 40px;
}

blockquote {
	padding:5px 30px;
	font-family: Georgia;
	font-size: 10px;
	color: #999;
	font-weight: normal;
	word-spacing: normal;
	text-align: justify;
	vertical-align: 2%;
	line-height: 12px;
	padding-right: 400px;
}

#news_slider {
	position:absolute;
	left:0px;
	top:491px;
	width:955px;
	height:211px;
	z-index:60;
}

h3.section {
	margin-top: 1em;
}
#apDiv6 {
	position:absolute;
	left:560px;
	top:3px;
	width:173px;
	height:41px;
	z-index:1;
}
#navagation {
	position:absolute;
	left:0px;
	top:5px;
	width:0px;
	height:30px;
	z-index:0;
	visibility: inherit;
}

#slideshow {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:373px;
	z-index:0;
}

window.addEvent('domready', function() {
	var status = {
		'false': '<img src="images/2t.jpg" alt="" width="50" height="40" />',
		'true': '<img src="images/3t.jpg" alt="" width="50" height="40" />'
	};
	
	//-vertical

	var myVerticalSlide = new Fx.Slide('vertical_slide');

	$('v_slidein').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.slideIn();
	});

	$('v_slideout').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.slideOut();
	});

	$('v_toggle').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.toggle();
	});

	$('v_hide').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.hide();
		$('vertical_status').set('html', status[myVerticalSlide.open]);
	});
	
	$('v_show').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.show();
		$('vertical_status').set('html', status[myVerticalSlide.open]);
	});
	
	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myVerticalSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide.open]);
	});


	//--horizontal
	var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});

	$('h_slidein').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.slideIn();
	});

	$('h_slideout').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.slideOut();
	});

	$('h_toggle').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.toggle();
	});

	$('h_hide').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.hide();
		$('horizontal_status').set('html', status[myHorizontalSlide.open]);
	});
	
	$('h_show').addEvent('click', function(e){
		e.stop();
		myHorizontalSlide.show();
		$('horizontal_status').set('html', status[myHorizontalSlide.open]);
	});
	
	// When Horizontal Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myHorizontalSlide.addEvent('complete', function() {
		$('horizontal_status').set('html', status[myHorizontalSlide.open]);
	});
});
}