body { 
background: #e6d2d2 url(images/bg-sub.gif) top left repeat-x;
cursor: default; 
overflow-x: hidden; 
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;}

#shoulder { 
position: absolute; 
background: url(images/saitou-shoulder.gif) top no-repeat; 
width: 46px; 
height: 138px; 
left: 369px; 
top: 292px; 
z-index: 3; 
}

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

#mainwrap {
width: 100%; 
background: url(images/bg.gif) top left no-repeat;
margin-left: 0px; 
position: absolute; 
top: 0px; 
z-index: 1; 
}

#childwrap { 
margin: 0px; 
width: 900px; }

#contentwrap { 
background: url(images/saitou-lay_05-repeat.gif) top repeat-y; 
}

#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/saitou-lay_03.gif) top left no-repeat;
width: 376px;
height: 180px; 
float: left; 
}

#header1b { 
background: url(images/saitou-lay_04.gif) top left no-repeat;
width: 217px;
height: 180px; 
float: left; 
}

#content {
min-height: 640px; 
min-width: 900px; 
background: url(images/saitou-lay_05.gif) top left no-repeat;
float: left; 
}

/*---------------------------------------------------
Footer Information
-----------------------------------------------------*/
#footerwrap { 
background: url(images/saitou-lay_06-repeat.gif) top repeat; 
}

#footer {
background: url(images/saitou-lay_06.gif) top no-repeat;
width: 900px;
height: 180px;
}

#footertext { 
margin: 0px 0px 0px 0px; 
color: #e6d2d2; 
padding: 15px 0px 0px 380px; 
font: 9pt Trebuchet MS; 
letter-spacing: 0.05em;
width: 370px; 
}

#footertext b {color: #c8ac9e; font-weight: bold; }

#footertext a:active {color: #a3878a;}
#footertext a:link {color: #a3878a;}
#footertext a:visited {color: #a3878a;}
#footertext a:hover {color: #988d9a;}

.credits {
background: #623f25; 
display: block; 
text-align: center; }

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

#text { 
float: left; 
width: 400px; 
color: #5f4646; 
font: 9pt Trebuchet MS; 
letter-spacing: 0.08em; 
text-align: justify; 
line-height: 19px; 
padding: 0px 0px 0px 385px; 
}

#text h1 {
background: url() top left no-repeat; 
text-transform: lowercase; 
color: #4c4a67; 
font: italic 22px georgia; 
letter-spacing: 0.03em; 
margin: 5px 0px 0px 45px;
padding: 0px 0px 0px 0px; 
}

#text h1:first-letter {
font: italic 36px georgia; 
padding: -5px 0px 0px 0px;
}

#text h2 { 
color: #7a602c; 
text-transform: uppercase; 
font: bold 14px arial;  
letter-spacing: 0.03em; 
margin: 0px; padding: 0px; 
display: block; 
border-bottom: 1px dotted #fff; 
}

#text ol {margin: 0px 0px 10px 20px; padding: 0px; }
#text ul {margin: 0px 0px 10px 30px; padding: 0px; }
#text p {text-indent: 15px; margin: 0px 0px 10px 0px;}
#text b {color: #80515c;}

#text a {padding: 0px 2px 1px 2px; font-weight: bold; }

#text A:visited{ color:#89502d;}
#text A:link { color:#89502d;}
#text A:active { color:#89502d;}
#text A:hover { color:#fff;}

#text blockquote { 
border: 1px solid #ae8c73; 
background: #e5d1d1; 
padding: 5px 5px 5px 8px; 
}

#text input, textarea, select { 
color: #bda5a5;
font: 8pt verdana; 
padding: 1px;
margin: 0px;  
letter-spacing: 0.3ex; 
border: 1px solid #ae8c73; 
background: #e5d1d1;
}

#text option { 
width: 150px; 
border-bottom: 0px solid #bda5a5; 
border-top: 0px solid #fff; 
background: #e5d1d1; 
font: 8pt verdana; 
}

#text textarea {width: 400px;}
#text img {border: 1px solid #fff; padding: 2px; margin: 0px 0px 1px 0px; }
#text img a:hover {border: 0px; }

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

.row1 {background: #fff; font-weight: bold; }

.memberslist thead {
padding: 1px 1px 1px 1px; 
background: #f8e1e1; 
color: #9b8578; 
}

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

.show_members_no_website, .show_members_no_email {color: #43601f;}
.show_members_showing_what {color: #878087; 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: bold 8pt verdana; 
padding: 2px 0px 2px 4px; 
letter-spacing: 0.05em; 
text-align: center; 
color: #fff;  
}

/*---------------------------------------------------
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: 187px; 
height: 180px; 
}

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

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

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

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

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

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

#link4 {
top: 139px;
left: 0px; 
}

#link1 a:hover { background: url(images/navigation.gif) 0px -187px no-repeat;}
#link2 a:hover { background: url(images/navigation.gif) 0px -230px no-repeat;}
#link3 a:hover { background: url(images/navigation.gif) 0px -273px no-repeat;} 
#link4 a:hover { background: url(images/navigation.gif) 0px -319px no-repeat;}