body {
font-size: small;
background: #000000;
margin: 0 0 3em 0;
padding-bottom: 3em;
background-repeat: no-repeat;
background-position: left;
background-position: 0px 120px;
background-attachment: fixed;
}
/* unused: 006.jpg 010b.jpg */
body#about {
background-image: url("../images/witchhunterrobin.jpg");
}
body#events {
background-image: url("../images/002.jpg");
}
body#home {
background-image: url(../images/rozenmaiden.jpg);
}
body#members {
background-image: url(../images/karekano.jpg);
}
body#links {
background-image: url(../images/abenobashi.jpg);
}
body#lists {
background-image: url(../images/005.jpg);
}
body#faq {
background-image: url(../images/vampiremiyu.jpg);
}
body#donate {
background-image: url(../images/utena.jpg);
}
body#picnic {
background-image: url(../images/008.jpg);
}
body#desc {
background-image: url(../images/chobits.jpg);
}
body#party {
background-image: url(../images/010.jpg);
}
q:before, q:after {
content: "";
}
b {
font-weight: bold;
}
h1 {
font-size: large;
font-weight: bold;
color: #ebe2d9;
font-family: tahoma, helvetica, sans-serif;
background-color: #000000
}
h2 {
font-size: medium;
font-weight: bold;
color: #ebe2d9;
font-family: tahoma, helvetica, sans-serif;
background-color: #000000;
}

.maincontent {
font-size: small;
border-right: #ebe2d9 thin solid;
border-top: #ebe2d9 thin solid;
border-left: #ebe2d9 thin solid;
border-bottom: #ebe2d9 thin solid;
left: 265px;
width: 500px;
position: absolute;
top: 165px;
background-color: #000000;
margin-bottom: 3em;
}
.maincontent h1,
.maincontent h2,
.maincontent p {
margin-left: 0.5em;
margin-right: 0.5em;
}
.maincontent p {
font-size: small;
font-family: arial, sans-serif;
color: white;
}
/*controls outer outline of text box. */

.inwrap {
border-right: #ebe2d9 thin solid;
border-top: #ebe2d9 thin solid;
border-left: #ebe2d9 thin solid;
border-bottom: #ebe2d9 thin solid;
background-color: #000000
}
blockquote {
border-right: #ebe2d9 thin solid;
border-top: #ebe2d9 thin solid;
border-left: #ebe2d9 thin solid;
border-bottom: #ebe2d9 thin solid;
background-color: #000000
}
blockquote h1,
blockquote h2,
blockquote p {
margin-left: 0.5em;
margin-right: 0.5em;
}

/*controls outer outline of text box. */

.outwrap {
border:0;
left: 265px;
width: 500px;
position: absolute;
top: 165px;
background-color: #000000;
margin-bottom: 3em;
}

div.top {
height: 80px;
background-color: #000000;
text-align: left;
}
img.top, .top img {
border: 0;
vertical-align: top;
}
/*top-of-the-page box.*/
.japan-text {
font-size: small;
line-height: 100%;
font-family: "MS Mincho";
}

.nobreak, .nobreak span, .nobreak cite, abbr, .mono, 
.dtstart, .dtend, .tel .value, .postal-code {
white-space: nowrap;
}

div.menu {
padding-bottom: 0.2em;
width: 100%;
border-right: #817468 medium solid;
border-top: #817468 medium solid;
border-left: #817468 medium solid;
border-bottom: #817468 medium solid;
font-weight: bold;
font-size: medium;
color: #000000;
font-family: tahoma, helvetica, sans-serif;
background-color: #ebe2d9;
text-align: center;
position: absolute;
top: 81px;
overflow: auto
}
/*separator stripe*/

div.menu a {
font-weight: bold;
font-size: medium;
}

div.heading {
font-weight: bold;
font-size: medium;
color: #000000;
font-family: arial, sans-serif;
text-align: center;
background-color: #ebe2d9
}
/* this is what controls the color of the "table" headers */

div.text {
margin-top: 10px;
font-size: small;
margin-left: 15px;
margin-right: 15px;
color: #ebe2d9;
font-family: tahoma, helvetica, sans-serif;
background-color: #000000;
}
/*background color of the main content boxes.
note the border between the box and the text block.
must be sure to keep these two colors the same.*/


div.makeroom {
margin-left: 3px
}

div.quote {
margin-top: 10px;
font-size: small;
margin-left: 15px;
margin-bottom: 10px;
width: 400px;
color: #9999ff;
font-family: arial, sans-serif;
background-color: #000000;
font-style: italic
}

div.listpush {
font-size: small;
margin-left: 15px;
color: #996699;
font-family: arial, sans-serif;
background-color: #333399;
}
/* 333399 = dark dull blue*/

a:link {
font-size: inherit !important;
font-weight: bold;
color: #43b7ba;
font-family: tahoma, helvetica, sans-serif;
}
/* 43b7ba = aquamarine */

a:visited {
font-size: inherit !important;
font-weight: bold;
color: #958cbc;
font-family: tahoma, helvetica, sans-serif;
}
/* #659698 dull aqua #958cbc #9f9cac */
/* 817468 antiquewhite4 */

a:hover {
font-size: inherit !important;
font-weight: bold;
color: #43f9fa;
font-family: tahoma, helvetica, sans-serif;
}
a:link h2 {
font-size: medium;
font-weight: bold;
color: #43b7ba;
}
a:visited h2 {
font-size: medium;
font-weight: bold;
color: #958cbc;
}
a:hover h2 {
font-size: medium;
font-weight: bold;
color: #43f9fa;
}
/* 0000ff blue */
a h2 {
text-decoration: underline;
font-size: medium;
font-weight: bold;
}
td, th {
font-size: small;
color: #ebe2d9;
text-align: center
}
.memberlist th {
font-weight: bold;
text-transform: uppercase;
}


div.caption {
font-size: small;
font-family: helvetica, sans-serif;
margin: 1px;
text-align: center
}

div.signoff {
font-size: 120%;
font-family: 'monotype corsiva', cursive;
text-align: right;
color: #43b7ba;
margin-right: 10px;
}

div.copy {
font-size: small;
margin: 1px;
text-align: center;
color: #817468
}
.cursive {
font-size: 120%;
font-family: 'monotype corsiva', cursive;
}
.familyName {
font-variant: small-caps;
}
table.zero * {
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
}
table.mailhead * {
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
}
table.mailhead td {
padding-right: 0.5em;
}