/*    ----    The Page     ----    */
  
  body {
          margin:                        0px;                /* No Margin Outside the Object */
          padding:                0px;             /* No Padding Inside the Object */
          font-family:                 Veranda, Arial, Tahoma, sans-serif;
  }
  
  .titlebar {
          width:                        100%;               /* Stretch to 100% of the container width */
          height:                        75px;                
          margin:                        0px 0px 10px 0px;        /* Bottom margin: 10px */
          background-color:        #444444;        
          color:                        #FFFFFF;            /* White text */
          text-align:                center;                
  }        
  
  .page_potpourri {
          width:                        20%;                
          float:                        left;                
  }   
  
  .main_content {                  
          width:                        80%;         
          float:                        left;
          position:                relative;
  }
  
  /*    ----       Box        ----    */
                                          
  .box {
          border:                        1px solid;
          padding:                0px 0px 0px 0px;  
          margin:                        5px 5px 5px 10px;
          width:                        90%;           
          overflow:                hidden;                /* Hide overflowing content */ }                       
           
  .page_potpourri .box {        
           border-color:                #0000AA;        /* Blue border */
  }                               
  
  .main_content .box {
          border-color:                #5500AA;                   
  }
  
  /*    ----         H1         ----    */
    
  .titlebar h1 {
          margin:                         0px;
          padding:                        15px;
  }             
  
  /* The first will affect all box H1 elements */
  .box h1 {
          width:                        100%;
          color:                        #FFFFFF;
          background-color:        #0000CC;
          padding:                2px 2px 2px 5px;
          margin:                        0px 0px 5px 0px;                        
  }
                               
  .page_potpourri .box h1 {        
    font-size:                medium;
  }                       
  
  .main_content .box h1 {       
          font-size:                large;
          background-color:        #7700CC;
  }                               
  
  /*    ----    Input Elements     ----    */
  
  .box input {
          margin:                        5px 5px 5px 10px;
  }     
  
  .box textarea {
          margin:                        5px 5px 5px 10px;
          background-color:        #FFFFCC;        
  }