BODY { background-color: #ccccff; }

H1,H2,H3,H4,DT { font-family: "Trebuchet MS", "Tahoma", sans-serif; 
              font-style: normal;
              font-variant: normal;
              color: #660099;
            }

H1 { font-size: xx-large; 
     text-align: center; }

P { font-family: "Trebuchet MS", "Tahoma", sans-serif; }

A:link { color: #0000ff; text-decoration: none; }
A:visited {color: #0000bb; text-decoration: none; }
A:hover, A:active {color: #660099; }

.mainbox IMG { border: #000066 1px solid;
      overflow: scroll;
    }
IMG.right { float:right; margin: 0 10px 0 10px; }
IMG.left { float:left; margin: 0 10px 15px 15px; }

TABLE { border-collapse: collapse; }

TD,TH { padding: 3px 8px 3px 8px; 
        margin: 0; }


/* Specific Classes */

.ATTRIBUTE { font-style: italic;
           }

.FOOTER {clear: both;
         font-size: x-small;
         margin-top: 0px;
         margin-bottom: 0px;    
         border-width: 1px;
         border-style: none;
         text-align: center;
        }

.TAGLINE { font-style: italic;
           text-align: center; }

.mainbox { font-family: "Trebuchet MS", "Tahoma", sans-serif; 
           float: left;
           width: 73%;
           border-width: 1px;
           border-style: solid;
           border-color: #000066;
           background: #ffffff;
           margin: 4px 15px 4px 2px;
           padding: 4px;
          }

.title { font-family: "Trebuchet MS", "Tahoma", sans-serif; 
           float: left;
           width: 73%;
           border-width: 1px;
           border-style: solid;
           border-color: #000066;
           background: #ffffff;
           margin: 4px 15px 4px 2px;
           padding: 4px;
           clear: none;
          }

.acrostic {font-size: large;}
.acrostic:first-letter {color: #ff9900;}
          
.footnotereference {vertical-align: super; 
                    font-size: xx-small;
                   }
.footnote {font-size: small;
           margin-top: 0px; 
           margin-bottom: 0px;
          }

.mugshot  {border-width: 1px; 
           border-style: solid; 
           border-color: #000000;
           text-align: center;
          }

.mugshot P { margin: 5px 2px 5px 2px;}

P.caption {font-weight: bold;}
P.jobtitle {font-style: italic;}

.floatboxright {float: right; 
           clear: right;
           margin: 10px;
           border-style: solid;
           border-color: #000000;
           border-width: 1px;
           background-color: #cccc99;
           }

.christmasbox { 
           clear: both;
           margin: 15px;
           padding-bottom: 60px;
           border-style: solid;
           border-color: #000000;
           border-width: 1px;
           background-color: #00cc33;
            text-align: center;
           }

.christmasbox H1,.christmasbox H2,.christmasbox H3,.christmasbox H4 
          { color: #cc0000;
            text-align: center;
          }
          
.christmasbox H3,.christmasbox H4 
          { margin-top: 8px;
            margin-bottom: 0px;
          }

.christmasbox TABLE {display: inline;}
.christmasbox TD,.christmasbox TH 
                    {white-space: nowrap;
                    }

.christmasbox IMG { margin: 0 0 0 15px; 
                    vertical-align: top;}

.imagecontainer {text-align: center; 
             background-color: #000000;
            }
.imagecontainer IMG {border-color: #00ccff;
                 border-style: solid;
                 border-width: 0px;
                 margin: 0px 0px 0px 0px;
                }            
           
.floatboxright td {font-size: smaller;}
.floatboxright th {color: #333300;}
.weekday {vertical-align: top;
          font-style: italic;
          font-weight: bold;
          color: #333300;}

.act {color: #660099;
      font-weight: 600;
      font-style: oblique;
     }

/* menu stuff*/

@media all{  /*hide the menu stuff from Netscape4 - which breaks, so
               will just have to cope as if there were no style sheet*/

.MENUBAR { font-family: "Trebuchet MS", "Tahoma", sans-serif; 
           float: left;
           width: 18%;
           border-width: 1px;
           border-style: solid;
           border-color: #000066;
           background: #99ccff;
           margin: 4px 15px 4px 2px;
           padding: 4px;
           text-align: center;
          }

.MENUITEM,
.MENUITEMCURRENT,
.MENUSUBITEM,
.MENUSUBITEMCURRENT,
.MENUTITLE 
{    display: block; 
     width: auto;
     border-style: none;
     border-width: 1px; 
     margin: 2%; 
     padding: 1px 3px;
     text-align: center;
     text-decoration: none;
}



.MENUSUBITEM,
.MENUSUBITEMCURRENT 
{    margin-left: 18%;}

.MENUITEM,
.MENUSUBITEM
{    border-style: outset;
     border-width: thin; 
     background: #66ccff;
}

.MENUITEMCURRENT,
.MENUSUBITEMCURRENT
{   border-style: outset;
    border-width: thin;
    background: #66ccff;
    font-weight: bold;
}

A.MENUITEM,
A.MENUITEMCURRENT,
A.MENUSUBITEM,
A.MENUSUBITEMCURRENT 
{    color: #000066;}

A.MENUITEM:active,
A.MENUITEMCURRENT:active,
A.MENUSUBITEM:active 
A.MENUSUBITEMCURRENT:active 
{    border-style: inset; }
 
A.MENUITEM:hover,
A.MENUITEMCURRENT:hover,
A.MENUSUBITEM:hover,
A.MENUSUBITEMCURRENT:hover,
A.MENUTITLE:hover 
{    color: #ff9900; } 

.NOTFORCSS { display: none; }

}