.brag {
 font-family: Viner Hand ITC, Lucida Calligraphy, Kristen ITC, Lucida Handwriting, Britannic Bold,
   Copperplate Gothic Bold, Harlow Solid Italic,
   Rockwell Extra Bold, Showcard Gothic, Broadway, ;
 font-size: 25px;
 line-height: 110%;
 font-weight: bold;
 word-spacing: normal;
 letter-spacing: normal;
 text-transform: none;
 font-style: italic
}



.table1 {
 border-collapse: collapse;
}
.base {
 width:35px;
 padding-left:5px;
 padding-right:5px;
 text-align: center;
}
.pool {
 background: blue;
 }
.on {
 border:1px solid black;
 }
.div {
 border-bottom: 2px
 }
.free {
 background: aqua;
}
.gone {
 background: red;
}

a.toc {
 width: 150px;
 display: block;
 }
a.toc:hover {
 text-decoration: none;
 color: #F30;
 background: yellow;
 }
                             /*  F o n t s                                            */
.firstl {
 font-weight: bold;
 font-size: 160% ;
 color: #663366;
}
.small {
 font-size: 9px ;
}
.right {
 text-align: right ;
}
                             /*  H e a d i n g s                                      */
H1.special01 {
 border-bottom:2px solid #CC6699;
 font-size: 3.0em;
 font-family: "times new roman";
 color: #444;
}
H2.special01 {
 text-align: center;
 font-family: arial;
 font-size: .80em;
 color: #444;
}
A:visited {
 color: #3399ff;
 }
                             /*  M a i n   B o d y   L a y o u t                      */
                             /*  C o l u m n   L a y o u t                            */
                             /*  clear all columns and restart                        */
                             /*  (used between <div> tags to 'clear the decks'        */
.newcols { clear: both;}
                             /*  1 large centre column                                */
                             /*  (very useful when the centre column contains a table */
                             /*  of photos and captions)                              */
.clarge {
 width: auto;
 margin-left:40px;
 margin-right:40px;
 }
                             /*  2 columns float                                      */
.c02left {
 width: auto;
 margin-left:20px;
 float:left;
 }
.c02right {
 width: auto;
 margin-right:30px;
 float:right;
 }
                             /*  3 columns float/fixed/float                          */
                             /*  wide left margin, 500 fixed centre                   */
                             /*  (the standard three-column layout)                   */
.c03left {
/* width: auto;*/
/* width: 12%;*/
 width: 200px;
 margin-left:20px;
 float:left;
 }
.c03centre {
 margin-left:20px;
 width: 500px;
 margin-right:35px;
 float:left;
 }
.c03right {
 width: auto;
 margin-left:20px;
 margin-right:10px;
 float:left;
 }
                             /*  3 columns float/float/float                          */
                             /*  (large centre column when, for instance, a photo or  */
                             /*   other large item is used with text captions)        */
.c03Aleft {
 width: 0%;
 margin-left:2%;
 margin-right:3%;
 float:left;
 }
.c03Acentre {
 width: 700px;
 float:left;
 }
.c03Aright {
 width: 5%;
 margin-left:3%;
 margin-right:2%;
 float:right;
 }