body{
    margin: 0 0 5% 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;
    font: small serif;
}

a:link{
    color:#0000ff;
}

a:visited{
    color:#000099;
}


a:hover{
    color:#cc0000;
}

a:active{
    color:#ff0000;
}

span.book{font-style: italic}

span.pinyin{font-style: normal}

span.romaji{font-style: normal}

span.person{font-style: italic}

span.place{font-style: italic}

span.subject{font-style: italic}

span.special{
    font-style: italic;
    font-weight: bold;
}

p{
    width: 100%;
    background-color: transparent;
    margin: 0.5em 6% 0.5em 8%;
    padding: 0;
    border-style: none;
    text-align: justify;
    line-height: 120%;
}

p#logo{
    background-color: transparent;
    margin: 10% 2% 0 2%;
    width: 100%;
    padding: 0 0 3px 2px;
    border-style: double;
    border-width: 4px 0 0 4px;
    border-color: #ffffff #000099;
    font: bold small serif;
    line-height:100%;
}

p#subtitle{
    background-color: transparent;
    witdh: 100%;
    margin: 0 7% 20% 30%;
    padding: 0.1em 1% 0 8%;
    border-style: solid;
    border-color: #55aaff;
    border-width: 8px 0 0 0;
    font: bold small serif;
    text-align: right;
    line-height:100%;
}

p.subtitle{
    background-color: transparent;
    witdh: 100%;
    margin: 0 8% 0 33%;
    padding: 0.1em 1% 0% 8%;
    border-style: solid;
    border-color: #55aaff;
    border-width: 8px 0 0 0;
    font: bold small serif;
    text-align: right;
    line-height:100%;
}

p.ground{
    width: 100%;
    background-color: transparent;
    margin: 0.2em 6% 0.2em 8%;
    padding: 0;
    border-style: none;
    border-width: 0 0 0 1px;
    border-color: #cccccc;
    text-indent: 0em;
    text-align: justify;
    line-height: 120%;
}

p.list{
    background-color: transparent;
    margin: 0.2em 6% 0.1em 14%;
    padding: 0 0.2em;
    border-style: solid;
    border-color: #e0e0e0;
    border-width: 1px 0px 1px 6px;
    text-indent: 0em;
    text-align: justify;
    line-height: 110%;
}

p.image{
    background-color: #f5f5f5;
    width: 100%;
    margin: 0.5em 6% 0.5em 8%;
    padding: 0.5em;
    border-style: none;
    font: small serif;
    text-align: center;
    line-height: 125%;
}

p#encode{
    background-color: transparent;
    witdh: 100%;
    margin: 0 2%;
    padding: 0.2em 1% 0 1%;
    border-style: none;
    border-color: #bbbbbb;
    border-width: 0 2px 0 2px;
    font: bold xx-small serif;
    text-align: right;
    line-height: 100%;
}

p.encode{
    background-color: transparent;
    witdh: 100%;
    margin: 0 2%;
    padding: 0.1em 1% 0.1em 1%;
    border-style: solid;
    border-color: #bbbbbb;
    border-width: 0 0 2px 0;
    font: bold xx-small serif;
    text-align: right;
    line-height: 100%;
}

address{
    background-color: transparent;
    width: 100%;
    margin: 20% 2% 0 2%;
    padding: 0.5em 1% 0 1%;
    border-style: solid;
    border-color: #bbbbbb;
    border-width: 2px 0 0px 0;
    font: bold xx-small serif;
    text-align: right;
    line-height: 100%;
}

form{
    background-color: transparent;
    margin: 0.5em 6% 0.5em 8%;
    padding: 0;
    border-style: none;
    line-height: 125%;
    text-align: center;
}

a img{
    background-color: transparent;
    border: none;
}

h1{
    background-color: transparent;
    witdh: 100%;
    margin: 14% 2% 0 35%;
    padding: 0 8% 0 1%;
    border-style: solid;
    border-color: #ccddff;
    border-width: 0  0 10px 0;
    font: bold large serif;
    text-align: left;
    line-height:100%;
}

h2{
    width: 100%;
    background-color: transparent;
    color: 000000;
    margin: 14% 5% 1.5em 5%;
    padding: 0.1em 1% 0.1em 1%;
    border-style: solid;
    border-width: 3px 0;
    border-color: #bbbbbb;
    font: bold medium serif;
    line-height: 100%;
    text-align: left;
}

h3{
    width: 100%;
    background-color: transparent;
    color: #000000;
    margin: 1.5em 6% 0.3em 8%;
    padding: 0.1em 0 0.1em 2px;
    border-style: solid;
    border-width: 0px 0 0px 18px;
    border-color: #bbbbbb;
    font: bold small serif;
    line-height: 100%;
    text-align: left;
}

ul{
    background-color: transparent;
    margin: 0.5em 6% 0.5em 14%;
    padding: 0;
    border-style: none;
    text-align: justify;
    list-style-type: disk;
    list-style-position: outside;
    line-height: 100%;
}

ol{
    background-color: transparent;
    margin: 0.2em 6% 0.2em 14%;
    padding: 0;
    border-style: none;
    text-align: justify;
    list-style-type: decimal;
    list-style-position: outside;
    line-height: 100%;
}

li{
    margin-bottom: 0.3em;
}

dl{
    background-color: transparent;
    margin: 0.5em 6% 0.5em 14%;
    padding: 0;
    border-style: none;
    text-align: justify;
    line-height: 120%;
}

dt{
    margin-bottom: 0.3em;
    font-weight: bold;
}

dd{
    margin: 0 0 0.3em 1.5em;
}