/* CSS Document */


body {
margin:0; 
padding:0 10px 0 10px; 
border:0; 
height:100%; 
overflow-y:auto; 
background-color:#000000;
font:11px/1.6em "Trebuchet MS", verdana, lucida, sans-serif;
}

#container{
text-align:center;
width:1024px;
margin:0px;
padding:0px;
}


#container {
width: 1024px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

#banner {

padding: 0px;
margin: 0px; 
}

#banner img {padding:0px 0px;} 


#page {
display:block;
width:800px; 
background-image:url(images/bg_paper.jpg); 
background-repeat:repeat-y;
padding:0px;
margin:0px;
margin-left:auto;
margin-right:auto;
}


#page .right {
font-size:30px; 
float:right;
}

#content{
padding:20px 70px 0px 100px;
text-align:left;
}

a{color:#990000; text-decoration:none;}
a:visited{color:#333333; text-decoration:none}
a:hover{color:#333333; text-decoration:underline;}
a:active{color:#333333; text-decoration:none;}

#title1 {
font:15px/1.8em "Georgia", Times New Roman, Times, serif;
color:#990000;
}

#title2{
font:13px/1.8em "Georgia", Times New Roman, Times, serif;
color:#000000;
}


#menu {
display:block; 
bottom:10px; 
left:10px; 
width:200px; 
height:350px; 
position:fixed; 
padding:10px 10px 0px 10px; 
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bg_menu4.png');
}

#menu[id] {
display:block; 
bottom:10px; 
left:10px; 
width:200px; 
height:350px; 
position:fixed; 
padding:10px 10px 0px 10px; 
background-image:url(images/bg_menu4.png);
background-repeat:no-repeat;
}


#aboard {
display:block;
bottom:304px; 
left:23px; 
width:161px;
height:22px;
position:fixed; 
padding:0px; 
}


#code {
display:block;
bottom:275px; 
left:26px; 
width:160px;
height:30px;
position:fixed; 
padding:0px; 
}


#chest{
display:block;
bottom:253px; 
left:26px; 
width:160px;
height:25px;
position:fixed; 
padding:0px; 
z-index:3;
}

#tales {
display:block;
bottom:231px; 
left:26px; 
width:160px;
height:23px;
position:fixed; 
padding:0px; 
}

#ferry {
display:block;
bottom:205px; 
left:26px; 
width:160px;
height:27px;
position:fixed; 
padding:0px; 
}

#question {
display:block;
bottom:182px; 
left:26px; 
width:160px;
height:24px;
position:fixed; 
padding:0px; 
}

#treasure {
display:block;
bottom:0px; 
left:150px; 
width:500px;
height:300px;
position:fixed; 
padding:0px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/treasure.png');
background-repeat:no-repeat;
z-index:2;
}

#treasure[id]{
display:block;
bottom:0px; 
left:150px; 
width:500px;
height:300px;
position:fixed; 
padding:0px;
background-image:url(images/treasure.png);
background-repeat:no-repeat;
z-index:2;
}

#gallery{
display:block;
bottom:350px; 
left:30px;
width:150px;
height:150px;
position:fixed; 
padding:0px; 

z-index:2;
}


#gallery[id]{
display:block;
bottom:350
left:30px;
width:150px;
height:150px;
position:fixed; 
padding:0px; 
z-index:2;
}


* html #menu {
position:absolute;
}

* html #aboard {
position:absolute;
}

* html #code {
position:absolute;
}

* html #chest {
position:absolute;
}

* html #tales {
position:absolute;
}

* html #ferry {
position:absolute;
}

* html #question {
position:absolute;
}

* html #treasure {
position:absolute;
z-index:2;
}

* html #gallery {
position:absolute;
z-index:2;
}


.clear {
clear:both;
}

#bottomedge {
width:800px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
font:8px/1em;


}

#footer {
float:right;
display:block;
width:800px;
padding:0px;
margin:0px;
font:90%/1.6em "Trebuchet MS";
color:#FFFFFF;
position:relative;
z-index:10;
}

div#footer a{color:#FFFFFF; text-decoration:none;}
div#footer a:visited {color:#CCCCCC; text-decoration:none;}
div#footer a:hover {color:#CCCCCC; text-decoration:underline;}
div#footer a:active{color:#CCCCCC; text-decoration:underline;}

td {
border:1px solid #000000;
}

div#code_gallery td{
border:none;
}

div#code_gallery td a img{
border:none;
text-decoration:none;
}

div#ferryform table{
border:1px solid #000000;
}

div#ferryform td{
border:none;
}

.button {
background-color: #990000;
padding:3px;
border: 1px solid #ffffff;
color: #ffffff;
font: normal 12px/18px "Trebuchet MS", verdana, lucida, sans-serif;
text-transform:uppercase;
}

div#table_noborder table{
border:none;
}

div#table_noborder td{
border:none;
}