/* Start of CMSMS style sheet 'Yatton Keynell Under 5's' */
 /*** Yatton Keynell Under 5's Styesheet
 Fixed width 2 column stylesheet 
 *** 
 Navy Blue Colour is #0B1760,
 Red is #FE0000
 Green is #16582A
 Yellow is #FF7F00
 Pale Yellow #FFA851
 Blue is #0952A1
 Pale Blue is #8EC1F8
 V. Pale Blue is #ECF4FE 
 White is #FFFFFF ***/ 
  body {
       margin: 0;
       padding: 0;
       text-align: center;
       background-color:#8EC1F8 /*#FFA851*/ ;
       background-position: left top;
       }
       
  p { 
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
      font-size:0.9em;
      color: #0B1760;      
      } 
   

  h1 { 
     font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
     font-size: 1.5em;
     margin-top: -5px;
     color: #0B1760;
     } 

  h2 { 
     font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
     font-size: 1.3em;
     color: #0B1760;
     }

  h3 { 
     font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
     font-size: 1.1em;
     margin-top: -3px;
     }

    table {
            border: 1px solid #0B1760;
            border-collapse: collapse;

            }

  td {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
      font-size:0.8em;
      color: #0B1760;
      border: 1px solid #0B1760;
      }


     
   hr {
      background-color: #ADD8E6; 
      border-style: none; 
      color: #006600; 
      height:1px;
      width: 100%; 
      } 

  a:link, a:visited {color: #0B1760; background-color: #ECF4FE;text-decoration: none;} 
  a:hover {color: #0B1760; background-color: #8EC1F8;text-decoration: underline;} 
  a:active {color: #0B1760; background-color: #8EC1F8;text-decoration: none;}

  img {
      border-style: none;
      }
  
  #background {
  /* background is simply used to give a navy blue 'extra' border around the wrapper */
              width: 768px;
              margin: auto;
              margin-top: 2px;
              margin-bottom: 2px;
              padding-top: 3px;
              padding-bottom: 3px;
              border: 3px solid #0B1760;              
              background-color: #FFFFFF;
              }

  #wrapper {
           /* wrapper holds content & navigation to allow for centred layout */
           text-align: left;
           width: 758px;
           margin: auto;
           border: 3px solid #FE0000;
           background-color: #FFFFFF
           
           }
           
  #content {
           /* contains main text column */
            width: 520px;
            float: right;
            padding-left:5px;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
           font-size:0.9em;
           color: #0B1760; 
            }
            
  #maintext {
            width: 90%;
            float: right;
            text-align: left;
            padding: 5px;
            padding-top: 0px;
            padding-right: 50px;            
            }
           
           
  #headline {
            width: 100%;
            text-align: center;
            /*float: left;*/
            }
            
  #headline a:link, #headline a:visited, #headline a:hover, #headline a:active 
            {
            color: #0B1760; background-color: #FFFFFF;text-decoration: none;
            } 

  #breadcrumbs {
                       padding-left: 25px;
                       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
                       font-size:0.8em;
                       color: #0B1760; 

                       }
  #breadcrumbs a:link, #breadcrumbs a:visited 
            {
            color: #0B1760; background-color: #FFFFFF;text-decoration: none;
            }
  #breadcrumbs a:hover, #breadcrumbs a:active 
            {
            color: #0B1760; background-color: #FFFFFF; text-decoration: underline;
            }

 
  .smallphoto {
                float: right;
                border: 2px solid #FF7F00;
                background-color: #ECF4FE;
                padding: 5px;
                margin-left: 20px;
                }
  .photo {
          background-color: #ECF4FE;
          padding: 5px;
          border: 2px solid #FF7F00;
         }
   
.clear {
          clear: both;                    
         } 
    
 .right {
           float: right;
           text-align: right;
          } 
   
  #navigation {
              float: left;
              width: 155px;
              margin-left: 20px;
              background-color: #ECF4FE;
              border: 2px solid #FF7F00;
              }
              
 #navigation ul {
                  list-style-type: none;
                  padding: 5px;
                  /*padding-top: 0px;*/
                  margin-left: 0;
                  }

 #navigation  li {
                 
                 border-bottom: 1px solid #ECF4FE;
                 font-family: Comic sans MS, Verdana, Arial, Helvetica, sans-serif;
                /* color: #0B1760;*/
                 font-size:1.0em;
                 line-height: 2.0em;
                 padding-left: 3px; 
                 }
 
  .red {
        background-color: #FE0000;
       }
                 
  .red a:link, .red a:visited {color: #ECF4FE; background-color: #FE0000;text-decoration: none;} 
  .red a:hover {color: #000000; background-color: #FE0000;text-decoration: underline;} 
  .red a:active {color: #ECF4FE; background-color: #FE0000;text-decoration: none;}  
  
  .blue {
        background-color: #0952A1 ;
        }
        
  .blue a:link, .blue a:visited {color: #ECF4FE; background-color: #0952A1;text-decoration: none;} 
  .blue a:hover {color: #000000; background-color: #0952A1;text-decoration: underline;} 
  .blue a:active {color: #ECF4FE; background-color: #0952A1;text-decoration: none;}  
        
  .green {
         background-color: #16582A;
         }
         
  .green a:link, .green a:visited {color: #ECF4FE; background-color: #16582A;text-decoration: none;} 
  .green a:hover {color: #000000; background-color: #16582A;text-decoration: underline;} 
  .green a:active {color: #ECF4FE; background-color: #16582A;text-decoration: none;}  
                  
  .yellow {
         background-color: #FF7F00;
         }
  .yellow a:link, .yellow a:visited {color: #ECF4FE; background-color: #FF7F00;text-decoration: none;} 
  .yellow a:hover {color: #000000; background-color: #FF7F00;text-decoration: underline;} 
  .yellow a:active {color: #ECF4FE; background-color: #FF7F00;text-decoration: none;} 
                        
 #navigation img {
                 padding-left: 27px;
                 }         
       
             
  #footer {
          clear: both;
          background-color:#ECF4FE;
          margin-top: 20px;
          }
          
  #footer p {
            font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
            font-size:0.8em;
            text-align: center;
            font-weight: bold;

             }    
  #footer a:link, #footer a:visited {color: #0B1760; background-color: #ECF4FE;text-decoration: none;} 
  #footer a:hover {color: #0B1760; background-color: #8EC1F8;text-decoration: underline;} 
  #footer a:active {color: #0B1760; background-color: #8EC1F8;text-decoration: none;}               
           

 #copyright p { 
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
      font-size:0.6em;
      color: #0B1760;      
      }      

  #copyright a:link, #copyright a:visited {color: #0B1760; background-color: #8EC1F8;text-decoration: none;} 
  #copyright a:hover {color: #0B1760; background-color: #8EC1F8;text-decoration: underline;} 
  #copyright a:active {color: #0B1760; background-color: #8EC1F8;text-decoration: none;}

/* End of 'Yatton Keynell Under 5's' */