BODY { background-color: #FFFFFF;
       font-family: sans-serif;
       font-weight: normal; }
a { text-decoration: none;
    font-family: sans-serif;
    font-weight: normal;
    border: none;
    padding-left: 1px;
    padding-right: 1px; }
a:hover { color:#9999FF; }
a.categories:hover { background-color: #C8FFFF;
                     border: thin solid #000000;
                     padding-left: 1px;
                     padding-right: 1px;
                     text-decoration: none; }
a.graphic:hover { border: none;
                  background-color: transparent; }
H2 { font-size: 180%;
     font-weight:normal;
     font-style:italic }
H3 { font-size: 140%;
     font-weight:normal;
     font-weight:bold }
.note { font-size: 80%;
        font-style: italic; }
.title-bar { display: block;
             position: absolute;
             height: 85px;
             top: 0px;
             left: 0px;
             width: 100%;
             background-color: #99CCFF;
             border-right: thin solid #000000;
             border-bottom: thin solid #000000; }
.title { font-size: 180%;
         font-family: sans-serif;
         font-weight: bold;
         text-align: center; }
.body-title { font-size: 160%;
              font-weight:normal;
              font-style:italic }
.body-subtitle { font-size: 120%;
                 font-weight:normal;
                 font-weight:bold }
.date { font-size: 120%;
        font-weight:normal;
        font-weight:bold }
.logo-tr { display: block;
           position: absolute;
           top: 45px;
           right: 20px; }
.logo-tl { display: block;
           position: absolute;
           top: 45px;
           left: 20px; }
.body { display: block;
        position: absolute;
        top: 85px;
        left: 210px;
        width: auto; }
.categories { display: block;
              position: absolute;
              top: 85px;
              left: 0px;
              width: 200px;
              background-color: #99CCFF;
              border-right: thin solid #000000;
              border-bottom: thin solid #000000; }
.contents { width: 100%; }
.category-sel { display: block;
                position: relative;
                padding-left: 5px;
                padding-right: 5px;
                padding-top: 5px;
                padding-bottom: 5px;
                top: 0px;
                left: 0px;
                font-size: 100%;
                font-weight: bold;
                text-align: left;
                font-family: sans-serif; }
.category-sel-collapsed { display: block;
                          position: relative;
                          padding-left: 5px;
                          padding-right: 5px;
                          padding-top: 5px;
                          padding-bottom: 5px;
                          top: 0px;
                          left: 1px;
                          font-size: 100%;
                          font-weight: bold;
                          text-align: left;
                          font-family: sans-serif;
                          background-color: #FFFFFF;
                          border-top: thin solid #000000;
                          border-left: thin solid #000000;
                          border-bottom: thin solid #000000; }
.category-sel-collapsed:hover { background-color: #C8FFFF;
                                border: thin solid #000000;
                                padding-left: 5px;
                                padding-right: 5px;
                                text-decoration: none; }
.category-unsel { display: block;
                  position: relative;
                  padding-left: 5px;
                  padding-right: 5px;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  top: 0px;
                  left: 0px;
                  font-size: 100%;
                  font-weight: normal;
                  text-align: left;
                  font-family: sans-serif; }
.category-unsel:hover { background-color: #C8FFFF;
                        color: #000000;
                        border: thin solid #000000;
                        padding-left: 7x;
                        padding-right: 1px;
                        padding-bottom: 7px;
                        padding-top: 1px;
                        font-size: 100%;
                        text-decoration: none; }
.subcategory-sel { display: block;
                   position: relative;
                   padding-left: 5px;
                   padding-right: 5px;
                   padding-top: 5px;
                   padding-bottom: 5px;
                   top: 0px;
                   left: 7.5%;
                   width: 175px;
                   font-size: 80%;
                   font-weight: bold;
                   text-align: left;
                   font-family: sans-serif;
                   background-color: #FFFFFF;
                   border-top: thin solid #000000;
                   border-left: thin solid #000000;
                   border-bottom: thin solid #000000; }
.subcategory-unsel { display: block;
                  position: relative;
                  padding-left: 5px;
                  padding-right: 5px;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  top: 0px;
                  left: 7.5%;
                  width: 175px;
                  background-color: #99CCFF;
                  font-size: 80%;
                  font-weight: bold;
                  text-align: left;
                  font-family: sans-serif; }
.subcategory-unsel:hover { background-color: #C8FFFF;
                           color: #000000;
                           border: thin solid #000000;
                           padding-left: 7px;
                           padding-right: 1px;
                           padding-top: 1px;
                           padding-bottom: 7px;
                           text-decoration: none; }
.reading { text-decoration: none;
           font-family: sans-serif;
           font-size: 80% }