<style type="text/css">

hr.none { display:none;}
hr.none { display:none;}
hr      { border-style: solid; border-color: blue; }
body{
 font-size: 1em;
 margin: 1em;
 text-align: left;
 background: white;
}
body.index{
 margin:2em;
 font-seize: 1em;
 text-align: center;
}
body.comic{
 margin:0em;
 text-align: center;
}
body.photo{ text-align:center; }
body.photo table.photo{ text-align:center; vertical-align:middle; }
body.photo table.photo img{ margin:5px;}
img{ border: 0px; }
h1 {
 clear: all;
 font-size:2em;
 text-align: center;
 margin: 0.7em 0em 1.3em 0em;
 padding: 0.5em;
}
h1.img{
 align: center;
 margin: 0px 5px 0px 5px;
}
h2{
 clear: all;
 font-size: 1.5em;
 text-align: left;
 margin: 1em 0em 1em 1.3em;
 padding-top: 0.5em;
 padding-left: 0.5em;
}
body.encourage h2{
 font-size: 1.2em;
 margin: 1em 0em 1em 0em;
 border-width: 2px 0px 0px 0px;
 border-color: #4433ff;
 border-style: solid;
}
ul{ margin-top: 1em; margin-bottom:1em; }
li{ margin-top: 1em; }
dl{ margin-top: 1em; margin-bottom:1em; }
dl dt{
 margin-top: 0.8em;
 margin-bottom:0.2em;
 margin-left:1em; 
 font-weight: bold;}
dl dd { margin-top: 0.5em; margin-left:1em;}
a        { border-width: 0px; text-decoration: none;    }
a:link   { text-decoration: none;      color:blue;      }
a:visited{ text-decoration: none;      color:navy;      }
a:active { text-decoration: underline; color:red;       }
a:hover  { text-decoration: underline; color:red;       }
table    {
 text-align: left;
 border-style: bouble;
 empty-cells: show;
}
table.comic{ text-align: center;}
table.record {
 border-width: 3px;
 padding: 0em 5px 0em 5px;
}
table.photo td { text-align: center;}
table.record th {
 font-size: 1.2em;
 padding-left: 1em;
 padding-top: 0.7em;
 padding-bottom: 0.6em;
 text-align: left;
}
table.record td {
 padding-left: 0.2em;
 padding-right: 0.2em;
 text-align: left;}
table.record2 {
 border-width: 3px;
 padding: 0em 5px 0em 5px;
}
table.record2 th {
 font-size: 1.1em;
 padding: 0.2em;
 text-align: left;
}
table.record2 td {
 text-align: left;
 font-size: 0.9em;
 padding-left: 0.2em;
 padding-right: 0.2em;
}
table.link th {
 background-color: #ffffee;
 font-size: 1.2em;
 padding-left: 1em;
 padding-top: 0.3em;
 padding-bottom: 0.3em;
 text-align: left;
}
table.link td {
 background-color: #eeffff;
 text-align: left;
 padding: 0.3em;
}
table.reference th {
 background-color: #ffffee;
 font-size: 1.3em;
 padding-left: 1em;
 padding-top: 0.4em;
 padding-bottom: 0.4em;
 text-align: left;
}
table.reference td {
 background-color: #eeffff;
 font-size: 1em;
 text-align: left;
 padding: 0.3em;
}
p{
 border-width: 0px;
 margin: 1em 1em;
 text-indent: 1em;
}
p.indexlist{ margin: 2em 1em;}
p.linklist{
 margin: 1em;
 text-align: center;
 font-size: 0.8em;
}
p.none{ display: none;}
p.footer{
 text-indent: 0;
 clear:all;
 font-size: 0.9em;
 text-align: left;
 margin: 2.5em 1em 2em 1em;
 padding-top: 0.5em;
 padding-left: 0.5em;
 border-color: #4433ff;
 border-width: 2px 0px 0px 0px;
 border-style: solid;
 line-height: 1em;
}
p.footer span{ display: block;}
p.footer span.main{
 margin: 2px;
 margin-bottom: 1em;
 text-align:left;
}
p.footer span.counter{
 margin: 2px;
 float:right;
}
div.topics{
 font-size: 0.9em;
 background-color: #f8ffff;
}
div.topics img{ margin: 1em;}
div.inf{
 background-color: #f0ffff;
 border-color: #4433ff;
 margin: 2em;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
 line-height: 1em;
}

</style>
