body { 
background: #d4ad6c url(images/bg.gif) top right repeat;
cursor: default;  
margin: 0px;
padding: 0px;
}

a {text-decoration: none; cursor: default; }
td {margin: 0px; padding: 0px;}
tr {margin: 0px; padding: 0px;}

#ul_one, #ul_two, #ul_three, #ul_four {display:none;}

#sake { 
background: url(images/sake.gif) top left no-repeat; 
position: absolute; 
top: 50%; 
right: 347px; 
margin-top: 76px;
width: 35px; 
height: 131px; 
z-index: 3; 
}

.clear {clear: both;}
/*---------------------------------------------------
Wraps and Header Wrap Info
-----------------------------------------------------*/

#mainwrap { 
background: url(images/entire.gif) top right no-repeat; 
position: absolute; 
top: 50%; 
margin-top: -250px; 
width: 100%; 
height: 100%; 
max-height: 540px; 
z-index: 1;
}

#childwrap { 
float: right; 
}

#contentwrap { 
background: url(images/shanks_07.gif) top left no-repeat; 
width: 361px; 
height: 336px; 
float: left; 
}

#contentwrap:after { 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both;  
visibility:hidden; 
} 

#contentwrap { 
display: inline-block;
} 

/* Hides from IE Mac \*/
 * html #contentwrap {height: 1%;} 
        #contentwrap {display:block;} 
/* End Hack */ 


#smoke { 
background: url(images/smoke.gif) top left no-repeat;
width: 120px;
height: 180px; 
float: left; 
}

#header1a { 
background: url(images/shanks_02.gif) top left no-repeat;
width: 268px;
height: 164px; 
float: left; 
}

#header1b { 
background: url(images/shanks_03.gif) top left no-repeat;
width: 507px;
height: 164px; 
float: left; 
}

#header2a { 
background: url(images/shanks_04.gif) top left no-repeat;
width: 199px;
height: 336px; 
float: left; 
}

#header2b { 
background: url(images/shanks_05.gif) top left no-repeat;
width: 132px;
height: 336px; 
float: left; 
}

#compass{ 
background: url(images/compass.gif) top left no-repeat;
width: 132px;
height: 131px; 
float: left; 
}



/*---------------------------------------------------
Statistics
-----------------------------------------------------*/


#header1a blockquote {
font: 0.7em Trebuchet MS; 
padding: 5px 5px 5px 8px; 
height: 117px; 
width: 137px; 
margin: 40px 0px 0px 100px; 
color: #000;  
}

#header1a b {color: #3b1e08; }

#header1a a {color: #000;}

/*---------------------------------------------------
Image Scrollbar Elements
-----------------------------------------------------*/

#wn { 
position:relative;
overflow:hidden;  
width: 320px; 
height: 270px; 
margin-top: 8px; 
}

#scrollbar span { 
width: 29px; 
height: 30px; 
display: block;
visibility: hidden; 
}

#scrollbarwrap {
float: right;
margin-top: 20px;
}

#scrollbar { 
position:relative; 
width:31px; /* width of the entire scrollbar */
height:220px; /* entire height of the scrollbar including arrows */
font-size:1px;  /* for image vertical alignment issue */
}

#track { 
position:absolute; 
top: 31px; /* the height of the top arrow */
height:170px; /* the height of the track without arrows plus extra */
}

#dragBar {
position:absolute; 
top: 1px; 
width:25px; 
height:26px;
background: url(images/scroller.png) top right no-repeat;
}  

#up { position:absolute; left:0; top:0;}  
#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
#scrollbar, #track, #dragBar, #up, #down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 

/*---------------------------------------------------
Main Content Elements
-----------------------------------------------------*/

#text { 
color: #000; 
font: 0.7em Trebuchet MS; 
letter-spacing: 0.03em;  
line-height: 17px; 

}

#text h1 {
background: url(images/header.png) top left no-repeat; 
height: 29px;
color: #500d00; 
font: bold 1.3em arial; 
letter-spacing: 0.03em; 
text-transform: uppercase; 
margin: 0px 0px 0px 0px; 
padding: 6px 0px 0px 15px; 
}

#text h2 { 
color: #e4c186; 
text-transform: uppercase;  
font: bold 1.0em arial;  
letter-spacing: 0.2em; 
margin: 0px 0px 6px 0px; 
padding: 0px 0px 0px 20px; 
display: block;
border-bottom: 1px dashed #d14400; 
text-align: left; 
}

#text h3 { 
margin: -8px 0px 0px 0px; 
padding: 0px; 
color: #000; 
font: bold 1.0em Trebuchet MS; 
letter-spacing: 0.03em; 
text-transform: lowercase; 
}


#text ol {margin: 0px 0px 5px 25px; padding: 0px; }
#text ul {margin: 0px 0px 5px 25px; padding: 0px; }
#text p {text-indent: 15px; margin: 0px 0px 7px 0px;}
#text b {color: #6a3b08;}

#text a {font-weight: bold; }

#text A:visited{ color:#832f03;}
#text A:link { color:#832f03;}
#text A:active { color:#832f03;}
#text A:hover { color:#850b06;}

#text input, textarea, select { 
color: #000;
font: 0.8em verdana; 
padding: 1px;
margin: 0px 0px 0px 20px;  
letter-spacing: 0.3ex; 
border-bottom: 2px solid #7c4917;
border-top: 0px solid #f75200;
border-right: 0px;
border-left: 0px;  
background: #bc8c42;
}

#text option { 
width: 150px; 
border-bottom: 0px solid #7c4917; 
border-top: 0px solid #7c4917; 
background: #bc8c42; 
font: 8pt verdana; 
}

#text textarea {width: 400px;}
#text img { 
border: 0px; 
border-bottom: 1px solid #d14400; 
padding: 2px; 
margin: 1px 2px 3px 1px; 
background: #e4c186;
}

#text img a:hover {border: 0px; }

/*---------------------------------------------------
Enthusiast Tweaking
-----------------------------------------------------*/
#membersort {width: 305px;}
#membersort td {padding: 0px 0px 0px 20px;}

.row1 {font-weight: bold; border-bottom: 1px solid #000;  }

.memberslist thead {
padding: 1px 1px 1px 1px; 
background: #b67c37; 
color: #000; 
border-bottom: 1px solid #000; 
}

.memberslist th {width: 203px; color: #000; padding: 0px 0px 0px 3px;}
.memberslist td {padding: 0px 0px 0px 7px;}
.memberslist td:first-child {color: #541400;}

.show_members_no_website, .show_members_no_email {color: #a62a03;}
.show_members_showing_what {color: #954e12; font: 11.3px arial; }

.show_join_password_field, .show_join_password_field2, .show_update_password_field, .show_update_password_field2 {width: 100px;}

.show_join_submit_button, .show_join_reset_button, .show_update_submit_button {background: #eddee7; }

/*---------------------------------------------------
Bottom Previous Forward Navigation
-----------------------------------------------------*/

#side { 
margin: 0px 0px 70px 10px;
}

.boxed { 
font: 0.9em Trebuchet MS; 
padding: 2px 0px 2px 4px; 
letter-spacing: 0.05em; 
text-align: center; 
color: #c08c44;  
background: #a86f31; 
}

/*---------------------------------------------------
Content Header Navigation Information
-----------------------------------------------------*/

#navigation { float: left; }

#navigation ul{
padding: 0px; margin: 0px;
}

#navi {
background: transparent url(images/navigation.gif) top right no-repeat;
margin: 0;
padding: 0;
position: relative;
width: 83px; 
height: 336px; 
}

#navi li {
display: block; 	
list-style: none;
margin: 0;
padding: 0;
position: absolute;
}

#navi a { 
display: block; 
width: 83px; 
height: 20px; 
text-decoration: none;
}

#navi span { 
font-size: 1.0em;
visibility: hidden; 
}

#link1 {
top: 19px;
left: 0px;
}

#link2 {
top: 39px;
left: 0px; 
}

#link3 {
top: 59px;
left: 0px; 
}

#link1 a:hover { background: url(images/navigation.gif) 0px -355px no-repeat;}
#link2 a:hover { background: url(images/navigation.gif) 0px -375px no-repeat;}
#link3 a:hover { background: url(images/navigation.gif) 0px -395px no-repeat;}