/* The body data defines the colour of the sheet and the font in use*/

 body {
  background-color: rgb(208,255,255);
 
  
  font-family:      Arial,Helvetica,Geneva,Swiss,SunSans-Regular;

  }
  
  /* The next two items place the two main logos in the left and right top corners*/


#mmlogo {
  
  float:  left;
  
    
}

#artslogo {
  
  float:  right;
          margin-top: 10px;  
}

  /* The following data define the standard characteristics for h1, p,em and a links*/ 


 h1 {text-align:    center;
   font-size:  100%;
   color: black;
   }

 

  p {text-align: center;
    font-size:90%;
    color: blue;
   } 

  em {font-style:italic; } 

  a:link    {color: black;} 
  a:visited {color: black;}
  a:hover   {color: fuchsia;} 

  /* the menu div floats to the left */

  #menu {
        float: left;
          }
  
  /* The following standard characteristics of table and table data are defined here. A standard table is contained within the menu div */

 table {margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 70%;
        
        width: 80px;
        text-align: center;

  background-color:white;
       }


  td {
     padding-top:   15px;
     padding-bottom:15px;  
     border:       thin solid black;
       }
 
  /* the message div floats to the right of the diary page and displays a prompt for more information */

 #message {float:right;
             width:140px;
             text-align: center;  
             margin-top: 40px;
             font-size: 90%;
             border:thin solid black; 
             background-color: white;
            
            }
  /* The following programme data define the programme area, the table, td and th characteristics which override standard data - it also defines the class type which sets the colour for the programme heading */ 

    #programme {float: right;
             } 

         
   #programme table {margin-top: 20px;
                     
                     border:0px;
                     width: 140px;
                     
                     text-align: center;
                     color:black;
                   }   

     
              
     #programme td {padding-top: 0px;
                    padding-bottom:  0px;
                    font-size: 100%;
                    border-width: 0px;
                    background-color:transparent;
                   }

     #programme th {font-size:130%}
    
    .programmeheading {color:red;}



    /* The header div defines the header section with standard h1 and h2 characteristics overridden */

     #header {
          text-align:       center;
         padding:          15px;
         margin:           0px 200px 0px 200px;

             }

  

  #header h1 {font-size: 280%;
                 color:  rgb(209,44,71);
               
             }

  #header h2 {font-size:120%;
              color: rgb(209,44,71);
              font-style: italic; 
                            
              
              }


   /* The warning and footer divs appear at the bottom of the sheets and are set such that they span the width of the page irrespective of and other data. Certain standard p characteristics are overridden */ 
   
   #warning p {font-size:70%;
            color:black;
            }
   #warning {clear:both;}

   #footer {clear:both;
           }

   #footer p {font-size:70%;
             color:green;
             } 



   /* The main div defines the central area of the sheets */
    

   #main {margin: 0px 150px 0px 150px;
          }

  

  /* The photos div contains a photos table where the table, td and th characteristics override standard data */  

  #photos table {
                   width:80%; 
                   border:   0px;            
                   }

   

   #photos td { padding-top: 0px;
                padding-bottom:  0px;
                background-color: transparent;
                border: 0px;
                font-size: 115%;
                color:purple; 
              }
   

   #photos th {font-size: 300%;
               color:Navy;
              }

  /* The following code enables the td item in the photos div (but where class = photowords) to have different color to the main div data) */

  #photos td.photowords {color:olive;
              }