@charset "utf-8";
	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}
		
		

	body {
		background-color:#000000;
		color:#EEEEEE;
		font:100%;
		font-family: Courier, Arial, Verdana, Sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
		}

a:link {color: #555555; text-decoration: none} 
a:visited {color: #555555; text-decoration: none} 
a:hover {color: #555555; text-decoration: none} 
a:active {color: #555555; text-decoration: none} 
		


	#distance { 
		width:1px;
		height:50%;
		background-color:#000000;
		margin-bottom:-290px; /* half of container's height */
		float:left;
		}
		
		
	div.button 
	{
		position: absolute; z-index: 4;background-color:#FFFFFF;
	}


	div.random_image
	{
		position:absolute;left:0px;top:318px;width:995px;height:222px;
		overflow:hidden;
	}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:540px;
		width:930px;
		clear:left;
		
		background-repeat: no-repeat; 
		background-position:left top; 
		
		background-color:#c0c0c0;
		border:1px solid #000000;
		border-top-color:#000000;
		border-left-color:#000000;
		}


	#content_link {
		position:absolute;
		left:300px;
		top:50px;
	}
	#content_link div {
		position:relative;
		font-weight:normal ;
		font-size:140%;
		width:550px;
		height:60px;
		padding: 2px 2px 2px 2px;
	}

	#content_link div a {
		color:#FFFFFF;
		text-decoration:none
	}



	/* This is for the two optiosn to select HTML or flash */

	#html_or_flash {
		position:absolute;
		left:694px;
		top:452px;
		width:220px;
		height:75px;
		color:#999999;
	}

	#html_or_flash h1 {
		 font-weight:normal ;
		font-size:90%;
		}
	#html_or_flash ul {
		width:100%;
		margin:4px 0px 0px 20px;
		}
	#html_or_flash li {
		margin:4px 0px 0px 0px;
		list-style-image: url('media/g.gif');
		font-size:80%;
		}
	#html_or_flash a {
		}




	/* This is for the menu */

	.menu_line
	{
		left:2px;
		height:5px;
		padding:0px 0px 0px 0px;
		margin:6px 0px 0px 0px;
		background-repeat: no-repeat; 
		background-position:left top; 
		background-image:url(media/orange.gif);
	}

	.menu {
		position:absolute;
		color:#999999;
	}

	.menu h1 {
 	 color:#ff824a;
	 font-weight:normal;
  	 font-size:90%;
	}
	.menu ul {
		width:100%;
		margin:4px 0px 0px 20px;
		}
	.menu li {
		margin:10px 0px 0px 0px;
		list-style-image: url('media/gmenu.gif');
		}
	.menu a {
		text-decoration: none;
		font-size:80%;
		}
		
	/* end of Menu */

	.submenu  {
		display:none;
		}

	.submenu ul {
		display:none;
		margin:4px 0px 0px 20px;
		}

	.submenu li {
		width:100%;
		list-style-image: url('media/g.gif');
		margin:10px 0px 0px 0px;
		}

	/* end of submenu */
	
	/* section, to display text */
	
.section  {
	position:absolute;
	top:20px;
	left:10px;
	width:570px;
	height:260px;
	padding:0;
	margin:0;
}
.section h1 {
 	 color:#ff824a;
	 font-weight:normal;
  	 font-size:190%;
  	 
	}
.section p {
	left:0px;
	width:510px;
	color:#555555;
    font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
  	 font-size:80%;
	}
	
.section ul {
	left:0px;
	width:510px;
	color:#555555;
    font-weight:normal;
	padding:0px 0px 0px 40px;
  	 font-size:80%;
	}
	
	/* end of section */ 
	

.thumbnail 
{
	padding:5px 5px 5px 10px ;
	text-align: center;
	color:#555555;
	font-size:80%;
	position: relative;
	float:left;
}
.thumbnail_comment
{
	color:#AAAAAA;
	font-size:70%;
} 


.full_image {
		position:absolute; /* puts container in front of distance */
		top:0px;
		z-index:4;
		left:0px;
		height:540px;
		width:930px;
		display:none;
		text-align:center;
		background-image:url(media/semi_trans.gif);
}
.full_image_caption {
	background-color:#FFFFFF;
}

.full_image_close {
	background-color:#EEEEEE;
	position:absolute;  z-index:5; top:45px; left:820px; width:80px; height:25px; padding:10px 10px 10px 10px; }

.full_image div {
	text-align: center;
	color:#000000;
	font-size:80%;
	padding: 5px 5px 5px 5px;text-align:center;
}






	#container p {
		margin:1.5em 13.6em 1.5em 3em;
		}

	address {
		font-weight:normal;
		font-size:80%;
		font-style:normal;
		text-align:center;
		color:#555555;
		padding:10px 0 0 0 ;
		
		}
		

