/* ######### Template ######### */

  html { height:100%; }
  
  body { 
    background:url('../images/back_strip.jpg') repeat-x #fa7e1c; 
    color:#333333;
  }
  
  /*.bodyHeight { height:120%; }*/
    
  #overall {
    position:relative;
    float:none;
    width:883px;
    margin:auto;
    height:100%;
    background:url('../images/back_strip2.jpg') repeat-x #db6e19;
  }
  
  html>/**/body #overall {height: auto; min-height: 100%;}
  
    #inner {
      width:867px;
      margin:auto;
	  float:none;
    }
      
      #accessibility { 
        width:97%;
        margin-left:1.5%; 
        line-height:20px;
        vertical-align:middle;
      }
      
      #accessibility a { color: #2f1805;}
     
      #standard { font-size:10pt; }
      #large { font-size:12pt; }
      #largest { font-size:14pt; }
      
    #main {
      width:100%;
      background:url('../images/bottom.jpg') no-repeat bottom left #ffffff;
      padding-bottom:47px;
	  float:left;
    }    
     
      #main_inner {
        width:857px;
        float:left;
      }    
    
      #header {
        width:857px;
        margin:10px 0 0 0;
		float:left;
      }
      
        #header h1 { 
          margin:0px; 
          float:left; 
        }
        
        #header p { width:617px; float:right; clear:none; }
        #logo { margin:20px 0 0 40px; }    
      
      /* # MENU AREA # */
      .mspan { 
        margin:5px 5px 5px 7px; 
        height:auto;
		float:left;
      }
      
      #menu { margin-top:10px;float:left; }
      * html #menu { width:120px; }
            
      #menu p { margin:0 0 1px 0; }
      
      .menforce,.menforce2 {
        width:1px;
        height:25px;
      }
      
        .menforce2 { height:40px; }
        
        /* Don't need a height in FF */
        html>/**/body .menforce { height:auto; }
        html>/**/body .menforce2 { height:auto; }
      
      /* New menu for accessibility - A links */
      .menu {
        background:url('../images/menu_back.jpg') no-repeat bottom left #f7f3cd;
        width:118px;
        float:left;
        height:auto;
        border-right:5px solid #cccccc;
        overflow: visible;
      }      
      
        html>/**/body .menu { width:118px; } /* again this could adjust */
      /* # MENU AREA # */
      
        #m_home_on,#m_about_on,#m_services_on,#m_staff_on,#m_prop_on,#m_prop_on,#m_care_on,
        #m_fees_on,#m_entry_on,#m_ref_on,#m_down_on,#m_contact_on
         { background:url('') #333333; color:white; border-right:5px solid #333333; }
         
        #m_home_on span,#m_about_on span,#m_services_on span,#m_staff_on span,#m_prop_on span,
        #m_prop_on span,#m_care_on span, #m_fees_on span,#m_entry_on span,#m_ref_on span,
        #m_down_on span,#m_contact_on span { color:white; }         
        
        .menu:hover { border-right:5px solid #333333; }
        .menu span { color:#333333; }
      
      #force {
        width:1px;
        height:350px;
		float:left;
      }
      
      #content {
        margin:10px 0 0 15px;
        width:470px;
		float:left;
      }
      
        #content2 { 
          margin:-3px 0 0 15px;
          width:460px;
		  float:left;
        }   
        
        .head { font-weight:bold; }      
        
        .deepRed { color:#993300; }
    
    #footer {
      width:97%;
      background-color:#DB6E19;
      margin:0 auto 25px 1.5%;
    }
    
      #footer a { color:#2f1805; }
    
      #footer p {         
        color:#2f1805; 
        margin-top:3px; 
      }
      
/* ######### Start general page styling ######### */
  
  .thead { background-color:#cccccc; }
  
  #milestones {
    float:right;
    width: 229px;
    background:url('../images/mile_back.jpg') bottom right no-repeat #fffadd;
    padding-bottom:30px;
  }
  
  #right { 
    float:right;
    width:229px;
  }
  
    #milestones ul {  
      font-style: italic; 
      margin:0 0 0 27px;
      padding:0px;
    }
    #milestones ul li { margin-top:10px; }

  .snippets {
    width:229px;    
    background:url('../images/snip_back.jpg') bottom left no-repeat #fff3bf;
    border:1px solid #f2f2f2;
    border-right:1px solid #f3e7b3;
  }
  
    .snippets div {
      width:218px;
      margin:8px 1px 0 6px;
    }
    
    .snippets h3 img { float:right; }
    .snippets p { width:auto; clear:none; }
  
  /* Used on main_tpl for right hand snippets */
  .snippets2 { float:right; margin-top:10px; }
  
  #snip2 { 
    float:right;
  }
  
  h2,h3 { 
    margin:0 0 10px 0;
    padding:0px;
    font-weight:normal;
    font-style: italic;
    float:left;
    color:#993300;
  }
  
  h2 { font-size:14pt; }
  h3 { font-size:13pt; }
  
  ul,ol { clear:both; }
  
  /* ### Properties page ### */
  
  .wdt { 
    width:450px; 
    border:1px solid #cccccc;
    background-color:#ececec;
    padding:5px;
  }
    .wdt a:focus { float:left;height:auto; }

  .inSpan { margin-left:5px;width:380px; }
  
  /* ### Fees page / tables ### */
  .fees_table,#contact_table {
    clear:both;
  }
  
  .fees_table,.fees_table td,#contact_table, #contact_table td {
    width:100%;
    border-collapse:collapse;
    border:1px solid #999999;
    padding:5px;
    margin:10px 0 0 0;
  }
 
  .fees_table td, #contact_table td{ 
    width:33%; 
    margin:0px;
  }  

  #contact_table td { text-align:center; }
  
  /* ### Equal Opportunities ### */
  .pol { margin-right:5px; font-weight:bold; }
  
  /* ### Complaints procedure ### */
  #complaints { width:80%;margin:auto; }
  #complaints td { width:45%; }
  
  .marg_left_10 { margin-left:13px; }
  
  /* ### Testimonials page ### */
  .test { 
    width:100%;
    margin-top:10px; 
  } 
  
  .test div {
     width:90%;
     margin-left:13px;
  }
  
  .test span { width:75%; }

  /* ### Downloads page ### */
  .downL { margin:7px; } 
  
  /* ### Contacts page ### */
  .blue { color:blue; }
  
  #nopadtr { padding:0px; }
  
  #trspan1 {
    border-right:1px solid #999999;
    width:49%;
    padding:3px;
  }
  
  #trspan2 {
    float:right;
    width:48%;
    padding:3px;
  }
  
  #events_image_area {
  	float:left;
	width:475px;
  }
  #events_image {
  	float:left;
	width:108px;
	padding-right:10px;
  }