/* Style sheet for MOCHI pages */
/* Last modified Mayu 31st, 2000 */
/*    Note: A.link, etc. must be defined, otherwise some browers will not 
      display links in color!  and will assume that ALL text, linked or 
      not, will be default font color. */

BODY {
    background-color: #ffffff;
    font-color: #000000;}

HR {
    background-color: #ffffff;
    color: #330066;}

HR.smallbar {
   margin-right: 35%;
   margin-left: 35%;}

TABLE {
    background-color: #ffffff;}

.emote {
   font-style: italic;}

.japanese {
   font-style: italic;}

.item {
   font-weight: bold;}

.midset {
   text-align: center;
   vertical-align: bottom;}

.dai {color: #6633cc;}
.spike {color: #660099;}
.sugar {color: #9933cc;}
.toast {color: #330099;}
.grandis {color: #cc00ff;}
.stage {color:#cc66ff; font-style: italic;}

DIV.welcomemat {
    background-color: #ffffff;
    color: #000000;
    text-align: center;}

DIV.prelude {
    background-color: #ffffff;
    color: #000000;
    margin-left:  5%;
    margin-right: 5%;}

DIV.welcomemat P.intro {
    background-color: #ffccff;
    color: #000000;
    text-indent: 2%;
    text-align: justify;
    margin-right: 15%;
    margin-left: 15%;
    border: thin groove #660099;
    padding: 2%;}

DIV.changemat {
    background-color: #ffffff;
    color: #660099;
    margin-left:  5%;
    margin-right: 5%;
    padding: 2%;}

DIV.mainnav {
    background-color: #ffffff;
    color: #330066;
    text-align: center;}

DIV.mainnav table {
    margin: 0 auto;}    

DIV.constructhold {
    background-color: #ffffff;
    color: #660099;
    text-align: center;
    font-size: 105%;}

DIV.chara {
   background-color: #ffffff;
   color: #000000;
   margin-right: 5%;
   margin-left: 5%;}

DIV.chara TD.stats {
   background-color: #ffffff;
   color: #000000;
   text-align: left;
   vertical-align: top;
   padding: 1%;}

DIV.warning P {
    background-color: #ffccff;
    color: #000000;
    text-indent: 2%;
    text-align: justify;
    margin-right: 10%;
    margin-left: 10%;
    border: thin groove #660099;
    padding: 2%;}

DIV.coninfo {
    background-color: #ffffff;
    color: #000000;
    margin-right: 8%;
    margin-left: 8%;
    padding-top: 2%;}

TD.constat {
   font-weight: bold;
   text-align: left;}

TR.navbar {
    background-color: #ffffff;}

TR.breadcrumb {
    background-color:#ffccff;
    color: #330066;
    font-size: 85%;}

TABLE.reference TD {
   vertical-align: bottom;
   text-align: center;}

P.bread {
    background-color: #ffccff;
    color: #330066;
    font-size: 85%;
    margin: 2px;}

P.bread A:link {
     background-color: #ffccff;
     color: #330066;}

P.bread A:hover {
     background-color: #660099;
     color: #ffccff;}

P.bread A:visited {
     background-color: #ffccff;
     color: #9966ff;}

P.textbar {
    background-color: #ffccff;
    color: #660099;
    text-align: center;
    font-size: 85%;
    padding: 2%;}

P.textbar A:link {
    background-color: #ffccff;
    color: #330066;}

P.textbar A:visited {
     background-color: #ffccff;
     color: #9966ff;}

P.textbar A:hover {
    background-color: #660099;
    color: #ffccff;
    text-decoration: none;}

P.intro {
    background-color: #ffffff;
    color: #000000;
    text-indent: 2%;}

IMG.flowleft {
   float: left;}

IMG.flowright {
   float: right;}

DT.spothead {
    font-weight: bold;}