html, body {
	background: #663399; /* Beccapurple */
	margin: 0;
    }
    html,body 
        {
            background: #8099CC;
        }
        
    body { 
        font: 100% Verdana, Geneva, sans-serif;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        padding: 2.5% 2.5% 0;
        background: white;
        line-height: 1.8;
    }
    header {
        background-image: url(../_images/header_banner.jpg); 
        border-color:#4D70B8;
        background-size:contain;
        border-style: solid;
        margin: 0px 0px 0p x 0px;
        position: relative;
     height: 95px;
    }
        
    /*----- Navigation ---*/
     nav {
        margin: 0px 0px 110px;
        padding: 0px 0px;
        width: 100%;
        background-color: #4D70B8;
        position: relative;
        bottom: -100px;/*bottom: -110px;*/
        line-height: 110%;  /* Sets the height of the line ; normal is 110% */;
        font-size: .8em; 
     }
    
    
    nav  ul {
        /*background-color: #4D70B8;*/ /* Colour goes across entire block */
        padding:0px;
        margin:0px 0px 0px 0px;
        list-style: none;
        /*position: relative;
        /*width: 100%;*/
    }
    nav > ul > li {
        float: left;
        width: 170px;  /* original width: 150px;*/
    }
    nav::after {
        content:'';
        display:block;
        clear:both;
    }
    /* Display Dropdowns on Hover */ 
    nav ul li:hover > ul {
            background-color: #70B8FF/*cadetblue*/;
            display:block;
    }
    /* Styling the links */
    nav ul li a {
        display:inline-block;
        padding:0px;
        width:130px;/*  setting the size of all anchor links */
        color:#FFF;
        padding: 5px 20px;
        text-decoration: none;  /* To underline the text or strike through */
        /*line-height: 110%;*/  /* Sets the height of the line ; normal is 110% */
        /*text-align: center;*/        
    }
    nav ul li a:hover{
        background-color: #5CADFF/*#339999*/;
    }
    nav ul ul {
        display:none;
        position: absolute;
        top: 100%;
        background-color: #99CCFF/*rgb(0,102,102,.8)*/;
    }
     
    #parents_downloads  a{
      
        font-size: .9em;
        color: rgb(83, 104, 138);
        text-decoration: underline;
        margin-top: 0em;
        margin-bottom: 1em;
      }
    #main_calendar a{
      
        font-size: .9em;
        color: rgb(83, 104, 138);
        text-decoration: underline;
        margin-top: 0em;
        margin-bottom: 1em;
      }

        
     /*-- End Navigation */    
     
     /*  start rep   
    #blog {
        margin: 10px 20px; 10px;
        border-style: solid;
        border-color:#4D70B8;
        padding: 10px;
        
        position: relative;
        top: 10px;
        vertical-align: top;
        width: 250px;   
    }  
        
    #main {
        margin: 10px 0px;
        border-style: solid;
        border-color:#4D70B8;
        padding: 10px;
        width: 500px;
     } 
        
     #sidebar {
        margin: 10px 20px; 10px;
        border-style: solid;
        border-color:#4D70B8;
        padding: 10px;
      
        position: relative;
        top: 10px;
        vertical-align: top;
        width: 250px;
    }   
    section {
     margin: 10px 20px; 10px;
        border-style: solid;
        border-color:#4D70B8;
        padding: 10px;
        
        position: relative;
        top: 10px;
        vertical-align: top;
        width: 250px;  */ 
    }
    /*----- Use new format*/
        
    
div#tableContainer {
        display: table;
        border-spacing: 0px;border-spacing: 10px;
        border-color: #4D70B8;
        background: #4D70B8;
        border-style: solid;
        width: 100%;
        height: 400px;
    }   

    div#tableRow {
        display: table-row;background: #4D70B8;
    }

    section#blog {
        display: table-cell;
        background-color: #EEF8FF/*#E6F5FF*/;
        width: 25%;
        padding: 15px;
        vertical-align: top;
        margin: 10px 20px; 
        border-style: solid;
        border-color:#4D70B8;
    }  /*margin: 10px 20px; 10px;
        border-style: solid;
        border-color:#4D70B8;
        padding: 10px;
        
        position: relative;
        top: 10px;
        vertical-align: top;
        width: 250px;*/ 
        
        /* added section#blog for blog */
        
    section#main {
      display: table-cell;
      background-color:  #EEF8FF/*#E6F5FF*/;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin: 10px 20px; 
        border-style: solid;
        border-color:#4D70B8;width: 50%;
    }
 section#main_single {
     
      background-color:  #EEF8FF/*#E6F5FF*/;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;
        height: 400px; 
    }
#back{
    text-align: center;
    padding-top: 5px;  padding-bottom: 0px; margin-bottom: 0px;; margin-top: 0px;line-height: 80%;
        font-size: .9em;
        color: rgb(83, 104, 138);
        text-decoration: underline;
        margin-top: 0em;
        margin-bottom: 1em;
      }

section#main_calendar {
     
      background-color:  #EEF8FF/*#E6F5FF*/;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;
         
    }
#calendar_display {
     
      padding:          15px;
      vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;
}
/* display the calendar widget on home page*/
#calendar{
 margin: auto;
 width: 100px;
 height: 135px;
 background-color: #4D70B8/*cornflowerblue*/;
 color: #fff;
 border-radius: 5%;
 box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
}
#calendar:hover{
        background-color: #5CADFF/*#339999*/;
    } 

#calendar>a{
    text-decoration: none; font-family: Verdana, Arial, sans-serif;
    color: #fff;
    text-align: center;
    padding-top: 5px;  padding-bottom: 0px; margin-bottom: 0px;; margin-top: 0px;line-height: 80%;
    
}
#calendar>p{
 font-family: Verdana, Arial, sans-serif;
 padding-top: 5px;

 margin: auto;
 color: #fff;
 text-align: center;
 
}
#calendar-day{
    padding-top: 5px;
 font-size: 14px;
}
#calendar-month-year{
 font-size: 14px;
padding-bottom: 0;
margin-bottom: 0;
}
#calendar-date{
 font-size: 28px;
 padding-top: 5px;
 padding-bottom: 5px;
}
/*end display the calendar widget on home page*/


 section#main_heading {
      
      background-color:  #EEF8FF/*#E6F5FF*/;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;
        width 100;
   }
section#parents_main {
     display: table-cell;
      background-color:  #EEF8FF/*#E6F5FF*/;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;
        width: 80%;
        height: 400px; 

    }
#contact_map {
     display: table-cell;
      background-color:  #EEF8FF/*#E6F5FF*/;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;
        width: 70%;
        height: 400px; 

    }
#contact_map >p {
    text-align: center;
}
#calendar_display >p{
 text-align: center;
}
#map {
    width: 400px;
    height: 300px;
    background-color: #FFFFFF;
    border-style: solid;
    border-color:#4D70B8;
    margin: auto;
  }  

section#contact_main {
     display: table-cell;
      background-color:  #EEF8FF/*#E6F5FF*/;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;
      
        height: 400px; 

    }

section#main_contactus {
      background-color:  #EEF8FF/*#E6F5FF*/;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;
    min-height: 450px;
}

aside#parents_downloads {
      display: table-cell;width: 25%;
      background-color:  #EEF8FF;
      font-size:        105%;
      padding:          15px;
      vertical-align: top;
        margin: 10px 20px; 
        border-style: solid;
        border-color:#4D70B8;
    }
        
    aside {
        display: table-cell;
        width: 25%;
        background-color:  #EEF8FF;
        font-size:        105%;
        padding:          15px;
        vertical-align: top;
        margin: 10px 20px; 
        border-style: solid;
        border-color:#4D70B8;
    }
      
        #crest {float: left; padding-right: 15px;}
        
    h1 {
        font-size: 1.6em;
        margin-bottom: .4em;
        color: rgb(83, 104, 138);
        }
    h2 {
        font: 1.4em Verdana, "Times New Roman", Times, serif;
        margin-bottom: .2em;
        text-align: center;
        }
    h3 {
        font: 1.2em Verdana, "Times New Roman", Times, serif;
        text-align: center;
        }
    h5 {
        font: 0.9em Verdana, "Times New Roman", Times, serif;
        color: rgb(83, 104, 138);
        margin-bottom: .0em;
        margin-top: .0em;
        padding: 0px;
        font-weight: bold;
        }
    .blue_highlighted {
        font: 0.9em Verdana, "Times New Roman", Times, serif;
        color: rgb(83, 104, 138);
        margin-bottom: .0em;
        margin-top: .0em;
        padding: 0px;
        font-weight: 550;
        text-decoration: underline;
    }
   article {
        
        margin-top: .0em;
        margin-bottom: .0em;
        }
    p {
        font-size: .9em;
        margin-bottom: 1em;
      }
    p.blog {
        font-size: .9em;
        color: black;
        margin-top: 0em;
        margin-bottom: 1em;
      }
    span + a {
        font-size: .9em;
        color: rgb(83, 104, 138);
        text-decoration: underline;
        margin-top: 0em;
        margin-bottom: 1em;
      }
    
    #contact_content  + a{
    text-decoration: none;}

    footer {
        text-align: center; 
        clear: both;
    }
    #spandate{
        font-size: .9em;
        text-align: center; 
    }
    .gallery{
        background-color:  #EEF8FF/*#E6F5FF*/;
        font-size:        105%;
        padding:          15px;
        vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8; 
        /*min-height: 700px;*/     
    }
.gallery_new {
    dipslay: table-cell;
        background-color:  #EEF8FF/*#E6F5FF*/;
        font-size:        105%;
        padding:          15px;
        
        vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8; 
         
}
.gallery_new div {
    display: table-cell;
        background-color:  #EEF8FF/*#E6F5FF*/;
        font-size:        105%;
        padding:          15px;
        padding-right: 16px;
        vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8; 
        /*min-height: 700px;*/ 
}
.gallery_new img{
        width: 190px;
        height: 225px;
        border-color:#4D70B8;
        border-style: double;
         }
    .gallery div {
        display: inline_block;
        float: right;
        background-color:  #EEF8FF/*#E6F5FF*/;
        font-size:        105%;
        padding:          15px;
        vertical-align: top;
        margin-left: auto; margin-right: auto;
        border-style: solid;
        border-color:#4D70B8;  
    }
    /* all images in gallery class to ge the same dimensions */
    .gallery img{
        width: 185px;
        height: 225px;
        border-color:#4D70B8;
        border-style: double;
         }
 p.event {
        font-size: .9em;
        color: black;
       
        margin-top: 0em;
        margin-bottom: 1em;
      }