@charset "utf-8";
/* CSS Document */
body

#top 	{
		position:fixed;
		width:100%;
	  	height:89px;
		top:0px;
		left:0px;
		display:block;		
		overflow:visible;
		z-index:5;

		
	  	}
	  
#top-left {
		position:relative;
		display:block;		
		float:left;
		width:63%;
		background-color:#FFEAEC;
		height:100%;
		overflow:visible;
		
		}
		
#top-right {

		position:relative;
		display:block;		
		width:37%;
		float:right;
		background-color:#FFEAEC;
		height:100%;
		overflow:visible;
		font-size:12px;
		text-align:right;
		padding-top:10px;
		
		}
		
#bar {	border-top:medium solid white; border-bottom:medium solid white; height:48px;
		background-image:url('bg_bar.jpg');
		width:100%;
		display:block;
		position:fixed;
		top:89px;
		left:0px;
		background-color:#FFFFFF;
		overflow:visible;
		border-left:medium none;
		border-right:medium none;
		z-index:6
		
		}
	
#menu {	position:fixed;
		top:137px;
		left:0px;
		display:block;
		width:180px;
		height:420px;
		background-color:#c7ad9d;
		float:left;
		padding-top:20px;
		
		
		}
		
#content {
		position:absolute;
		top:140px;
		left:194px;
		
		width:*%;
		height:*%;
		padding:1em;
		z-index:4;
			
		}		
		
li 		{
		font-size:12px;
		font-family:"Courier New", Courier, monospace;
		list-style-type: none;
		padding:0;
		
		}

#h4 	{
		margin-left:1em;
		padding:0em;
		font-family:Georgia, "Times New Roman", Times, serif;}
		
a:link, a:active, a:visited	{
		color:#5E0606;
		text-decoration:none;
		}		
	
a:hover {
		background-color:#000000;
		color:#c7ad9d;
		border: thin white solid;
		
		}
		
 a.piclink:link, a.piclink:active, a.piclink:visited {
 
		text-decoration:none;
		}
		
a.piclink:hover {
					border:none;
				background-color:transparent;
				}			

#box 	{
		font-family:Georgia, "Times New Roman", Times, serif;
		width:550px;
		margin:1em;
		padding-right:3em;
		padding-top:0.5em;
		padding-left:3em;
		border:1px solid #5E0606;
		background-color:#f4e5d2;
		text-align:justify;
		text-indent:inherit;
		
		}
		
#strange_compass {
		background-image: url(strange_compass_corner.jpg);
		position:fixed;
		bottom:0px;
		right:0px;
		width:300px;
		height:331px;
		z-index:2;
	
}

#col_	{
		width:600px;
		}
				
				
th { text-align: center;}
th { vertical-align: baseline }
td { vertical-align: bottom; padding:1em; border: thin #FCEEFD solid; }
table   { border-collapse: collapse; font-size:12px;}
tr#row1 {}
tr#row2 {}
tr#pink_bar_height {}
td#pink_bar_width {}
caption { caption-side: top; }
#hide {color:white;}

table#col_table

		{width:380px;}

tr#col_table {
		border:none;
		border-bottom:#a99572 1px solid;
		padding:0.1em;
		}
td#col_table {
		border:none;
		padding:0;
		}
td#col_table_right {
		text-align:right;
		border:none;
		padding:0;
		padding-left:2em;			
		}
				
img#col_img {
		position: absolute;
		left:450px;
		top:10px;
		}

#next {
		background-color:#a99572;
		display:block;
		height:80px;
		width:170px;	
		position:absolute;
		top:22em;
		left:18.5em;
		font-size:12px;
}

#previous {
		background-color:#a99572;
		display:block;
		height:80px;
		width:170px;	
		position:absolute;
		font-size:12px;
		left:-17em;
		top:0em;
						
}

#next_en {
		background-color:#a99572;
		display:block;
		height:80px;
		width:170px;	
		position:absolute;
		top:30em;
		left:18.5em;
		font-size:12px;
}

#previous_en {
		background-color:#a99572;
		display:block;
		height:80px;
		width:170px;	
		position:absolute;
		font-size:12px;
		left:-17em;
		top:0em;
						
}

img#next_img {
		float:left;
		position:relative;
		margin:0.5em;}

div#next_text {
		display:block;
		position:relative;
		margin-left:4.5em;
		margin-top:1em;
}

a#no_border:hover {border:none;}