/*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:#000088; text-decoration: none; }
    a:visited    { color:#000088; text-decoration: none; }
    a:hover      { color:#000088; text-decoration: underline; }
    
    
/*This is the default font for all of the family pages*/               
    .default { background: #feb url('images/defaultcrest.jpg') no-repeat fixed 209px 110px;
               color: #000088  }
           
    .nopic { background: #feb ;
               color: #000088  }
               
/*title for Login page*/
    #login { font: 900 48pt "Comic Sans MS" serif; 
             padding-bottom: 26px; }
    
/*Banner for all of the pages*/
    #title { font: 900 48pt "Comic Sans MS" serif;
             margin-top: 0pt;
             text-align: center;
             vertical-align: top; 
             text-transform: uppercase;
             position: fixed;
             top: 0px;
             left: 0px;
             width: 100%;
             height: 100px; 
             background: url('images/background') repeat fixed;
             z-index: 2; } 
         
/*format for links on the left of the pages*/    
    #link { position: fixed;
            top: 100px;
            left: 0px; 
            width: 150px;
            height: 1000px; 
            text-align: center; 
            line-height: 40px; 
            background: url('images/background') repeat fixed; 
            z-index: 2; }
        
/*generic middle section*/            
    #gen  { position: absolute;
            top: 111px;
            left: 159px;
            width: 602px;
            height: 400px;
            overflow: auto; }
            
/*middle section for all pages except for the calendar and chat pages*/            
    #main { position: absolute;
            top: 100px;
            left: 150px;
            width: 80%; 
            border-left: 2px solid #bbb; }

    #mainSans { position: absolute;
            top: 100px;
            left: 150px;
            width: 80%; 
            border-left: 2px solid #bbb;}

    #commentsMain { position: absolute;
            top: 100px;
            width: 80%; 
            left: 150px; }
            
/*format for the links on the right of the page*/
    #months { position: absolute;
              top: 111px;
              left: 787px; 
              width: 150px; 
              height: 402px; }


 /*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; }
       .months { vertical-align: top; 
                 border-top: 5px solid #f00;
                 font-size: 36px; 
                 width=100%; }
       .line   { vertical-align: top; 
                 border-top: 5px solid #f00;
                 font-size: 10px; 
                 width=100%; }
       .levents { vertical-align: top; }