body {
background-color: #3E343E; 
background-image: url('layout/bg_purplecloud3-2.png');
text-align: center;  /* centering layout in IE */
color: #805E84;
font-family: "times new roman", serif;
font-size: 76%;
margin: 0;
padding: 0
}

} 

html { 
scrollbar-base-color: #3E343E;
scrollbar-arrow-color: #894B25;
scrollbar-DarkShadow-Color: #2D0303;body {
background-color: #3E343E; 
background-image: url('layout/bg_purplecloud3.png');
text-align: center;  /* centering layout in IE */
color: #805E84;
font-family: "times new roman", serif;
font-size: 76%;
margin: 0;
padding: 0
}

} 

html { 
scrollbar-base-color: #3E343E;
scrollbar-arrow-color: #000000;
scrollbar-DarkShadow-Color: #000000;
scrollbar-Face-Color: #735B76;
scrollbar-Highlight-Color: #666666;
scrollbar-Shadow-Color: #333333;
scrollbar-Track-Color: #3E343E;
}

/* ------ layout ------ */

#container {
margin: 0 auto;  /* centering in firefox */
text-align: left;  /* reset left align after IE centering */
width: 950px;
font-size: 1.0em;
position: relative;
padding: 30px 0 0 0;  /* top padding to move down menu boxes */
}

.menubox {
width: 160px;
border: 1px dashed #000000;
background-color: #735B76; 
margin: 0 30px 20px 30px;
padding-top: 6px;
}

.menubox h4 {    /* =menubox headlines */
padding: 3px 25px;
margin: 0 4px;
border: 1px dashed #000000;
background-image: url('layout/bg_blackstripe.png');
background-color: #3E343E;
font-weight: bold;
font-size: 1.0em;
letter-spacing: 1px;
}


#maincontent {
position: absolute;
top: 0px; 
width: 726px;
min-height: 850px;
max-heignt: 5000px;
margin-left: 215px;
background: #3E343E url('layout/GoddessSeaBanner-troptu.gif') no-repeat top center; /* banner & bkgrcolor */
padding-top: 331px; /* height of banner */
border-right: 1px dashed #000000;
border-left: 1px dashed #000000;
}


/* ------ navigation ------ */

.menubox ul {
list-style-type: none;  /* removing list bullets */
padding: 2px 0 5px 0;
margin: 0 1px;
letter-spacing: 1px;
}

.menubox a:link, .menubox a:visited {
display: block;
color: #3E343E;
padding: 1px 15px;
text-decoration: none;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.menubox a:hover {
color: #735B76;
background-color: #3E343E;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.menubox a:active {
color: #887C88;
display: block;
padding: 1px 15px;
text-decoration: none;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}


/* ------ links ------ */

a:link {
color: #887C88;
text-decoration: none;
font-style: italic;
border-bottom: 0px dashed #000000;
border-top: 0px none;
}

a:visited {
color: #887C88;
text-decoration: none;
font-style: italic;
border-bottom: 0px dashed #000000;
border-top: 0px none;
}

a:hover, a:active {
color: #845E72;
text-decoration: none;
font-style: italic;
border-bottom: 1px dashed #000000;
border-top: 0px none;
}

.image a:link {
border-bottom: 0px;
border-top: 0px none;
}

.image a:visited {
border-bottom: 0px;
border-top: 0px none;
}

.image a:hover {
border-bottom: 0px dashed #DE9631;
border-top: 0px none;
}

. image a:active {
border-bottom: 0px;
border-top: 0px none;
}

. image {
border: 0px none;
}


/* ------ general content styling ------ */

h1 {    /* =main content headlines */
padding: 8px;
margin: 0px 4px 20px 4px;
border-bottom: 1px dashed #000000;
border-top: 0px none;
font-weight: bold;
font-size: 1.1em;
background-image: url('layout/bg_blackstripe.png');
color: #9E7E8F;
letter-spacing: 2px;
text-align: center;
}

h2 {    /* =main content headlines */
padding: 8px;
margin: 30px 4px 20px 4px;
border: 1px dashed #000000;
font-weight: bold;
font-size: 1.1em;
background-image: url('layout/bg_blackstripe.png');
color: #9E7E8F;
letter-spacing: 2px;
text-align: center;
}

h2.toptitle {      /* =1st main content headline */
margin-top: 0; /* removing top margin on main title to align with banner */
}

h3 {    /* =smaller main content headlines */
font-weight: bold;
font-size: 1.1em;
letter-spacing: 2px;
text-align: center;
padding: 0;
margin: 30px 0 10px 0;
}

p {      /* =main content text */
padding: 6px 10px;
margin: 0;
line-height: 170%;
}

#maincontent ul {      /* =main content lists */
list-style-image: url('sparkle.gif');
margin: 0;
line-height: 170%; padding-left:70px; padding-right:70px; padding-top:10px; padding-bottom:10px
}

img {
border: 0px none;
}

.credit { 
font-size: 80%; 
}
scrollbar-Face-Color: #3D0000;
scrollbar-Highlight-Color: #794221;
scrollbar-Shadow-Color: #69450B;
scrollbar-Track-Color: #3E343E;
}

/* ------ layout ------ */

#container {
margin: 0 auto;  /* centering in firefox */
text-align: left;  /* reset left align after IE centering */
width: 950px;
font-size: 1.0em;
position: relative;
padding: 30px 0 0 0;  /* top padding to move down menu boxes */
}

.menubox {
width: 160px;
border: 1px dashed #000000;
background-color: #735B76; 
margin: 0 30px 20px 30px;
padding-top: 6px;
}

.menubox h4 {    /* =menubox headlines */
padding: 3px 25px;
margin: 0 4px;
border: 1px dashed #000000;
background-image: url('layout/bg_blackstripe.png');
background-color: #3E343E;
font-weight: bold;
font-size: 1.0em;
letter-spacing: 1px;
}


#maincontent {
position: absolute;
top: 0px; 
width: 726px;
min-height: 850px;
max-heignt: 5000px;
margin-left: 215px;
background: #3E343E url('layout/GoddessSeaBannerEnt-troptu.png') no-repeat top center; /* banner & bkgrcolor */
padding-top: 300px;
border-right: 1px dashed #000000;
border-left: 1px dashed #000000;
padding-top: 300px
}


/* ------ navigation ------ */

.menubox ul {
list-style-type: none;  /* removing list bullets */
padding: 2px 0 5px 0;
margin: 0 1px;
letter-spacing: 1px;
}

.menubox a:link, .menubox a:visited {
display: block;
color: #3E343E;
padding: 1px 15px;
text-decoration: none;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.menubox a:hover {
color: #735B76;
background-color: #3E343E;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.menubox a:active {
color: #887C88;
display: block;
padding: 1px 15px;
text-decoration: none;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}


/* ------ links ------ */

a:link {
color: #887C88;
text-decoration: none;
font-style: italic;
border-bottom: 0px dashed #000000;
border-top: 0px none;
}

a:visited {
color: #887C88;
text-decoration: none;
font-style: italic;
border-bottom: 0px dashed #000000;
border-top: 0px none;
}

a:hover, a:active {
color: #845E72;
text-decoration: none;
font-style: italic;
border-bottom: 1px dashed #000000;
border-top: 0px none;
}

.image a:link {
border-bottom: 0px;
border-top: 0px none;
}

.image a:visited {
border-bottom: 0px;
border-top: 0px none;
}

.image a:hover {
border-bottom: 0px dashed #DE9631;
border-top: 0px none;
}

. image a:active {
border-bottom: 0px;
border-top: 0px none;
}

. image {
border: 0px none;
}


/* ------ general content styling ------ */

h1 {    /* =main content headlines */
padding: 8px;
margin: 30px 4px 20px 4px;
border-bottom: 1px dashed #000000;
border-top: 0px none;
font-weight: bold;
font-size: 1.1em;
background-image: url('layout/bg_blackstripe.png');
color: #9E7E8F;
letter-spacing: 2px;
text-align: center;
}

h2 {    /* =main content headlines */
padding: 8px;
margin: 30px 4px 20px 4px;
border: 1px dashed #000000;
font-weight: bold;
font-size: 1.1em;
background-image: url('layout/bg_blackstripe.png');
color: #9E7E8F;
letter-spacing: 2px;
text-align: center;
}

h2.toptitle {      /* =1st main content headline */
margin-top: 0; /* removing top margin on main title to align with banner */
}

h3 {    /* =smaller main content headlines */
font-weight: bold;
font-size: 1.1em;
letter-spacing: 2px;
text-align: center;
padding: 0;
margin: 30px 0 10px 0;
}

p {      /* =main content text */
padding: 6px 10px;
margin: 0;
line-height: 170%;
}

#maincontent ul {      /* =main content lists */
list-style-image: url('sparkle.gif');
margin: 0;
line-height: 170%; padding-left:70px; padding-right:70px; padding-top:10px; padding-bottom:10px
}

img {
border: 0px none;
}

.credit { 
font-size: 80%; 
}