/*standard formatting for the whole site*/
    p, h1, h2, a { font-family: "Comic Sans MS", serif; }
    h1, h2       { text-align: left; }
    a            { font-weight: 700; font-size: smaller; }
    a:link       { color:#630; text-decoration: none; }
    a:visited    { color:#630; text-decoration: none; }
    a:hover      { color:#630; text-decoration: underline; }
    
    
/*This is the default font for all of the family pages*/               
    .default { background: #cf9;
               color: #630;  }
           
/*Title for all of the pages*/
    #title { font: 900 48pt "Comic Sans MS" serif;
             text-align: center;
             position: absolute;
             top: 50px; 
             width: 98%;  
             border-top: 2px solid #630;
             border-bottom: 2px solid #630; } 
         
/*Links on the top of the pages*/    
    #link { position: absolute;
            top: 0px;
            height: 40px; 
            text-align: center; 
            width: 100%; }
        
/*middle section for all pages except for the calendar and chat pages*/            
    #main { position: absolute;
            top: 200px; 
            width: 98%; }

 /*Formatting for the table on the Roster pages*/              
    .name     { width: 110px; font-size: small; }
    .birthday { width: 110px; font-size: small; }
    .address  { width: 130px; font-size: small; vertical-align:top; }
    .phone    { width: 90px; font-size: small; vertical-align:top; }
    .email    { font-size: small; }



 /*Styles for Events page*/      
       .date   { vertical-align: top; 
                 text-align: center; }
       .months { vertical-align: top; 
                 border-top: 5px solid #09f;
                 font-size: 36px; 
                 width=100%; }
       .line   { vertical-align: top; 
                 border-top: 5px solid #09f;
                 font-size: 10px; 
                 width=100%; }
       .event { vertical-align: top; 
                text-align: center; }