html,body {
      margin: 0;
      padding: 0;
      background: url("images/sideborders.jpg") repeat-y center;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px; 
}
    
img { border: none; }
a { text-decoration: none; color: #356e95; }
a:hover { text-decoration: underline; color: #778eff; }

#header{
      width: 890px;
      height: 266px;
      margin: 0 auto;
      border: 1px solid #efa24f;
      border-top: none;
      border-bottom: none;
      background: #fdfcbb url("images/header.jpg") no-repeat center;
}

#header-animate{
      width: 890px;
      height: 266px;
      margin: 0 auto;
      border: 1px solid #efa24f;
      border-top: none;
      border-bottom: none;
      background: #fdfcbb;
}

#container {
      margin: 0 auto;
      overflow: hidden;
      padding: 0px 20px;
      border: 1px solid #efa24f;
      border-top: none;
      border-bottom: none;
      background-color: #fdfcbb;      
      text-align: left;
      font: 90% arial, Helvetica, sans-serif;
      width: 890px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 850px;
} 

#maincontentdiv {
      float: right;
      min-height: 400px;
      overflow: hidden;
      width: 652px;
}
* html #maincontentdiv {height: 400px; overflow: visible;}

#content {
      float: left;
      min-height: 400px;
      margin-left: 8px;
      text-align: justify;   
      width: 400px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 392px;
}
* html #content { height: 400px;}

#content-large {
      float: left;
      min-height: 400px;
      margin-left: 8px;
      text-align: justify;   
      width: 625px;
}
* html #content { height: 400px;}

#rightdiv {
      float: right;
      min-height: 400px;
      text-align: right;
      width: 225px;
}
* html #rightdiv { height: 400px;}

#rightdiv img{
      padding: 1px;
      border: 1px solid #6dc8c9;
}

#footer {
      width: 890px;
      height: 109px;
      margin: 0 auto;
      font-size: 80%;
      color: #9a5a10;
      font-weight: bold;
      border: 1px solid #efa24f;
      border-top: none;
      border-bottom: none;
      background: #fdfcbb url(images/footer2.jpg) no-repeat center;
}

#footerinsertright {
      width: 300px;
      float: right;
      text-align: right;
      margin: 65px 20px 0 0;
}

#info {
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
      padding: 5px;
      text-align: center;
}

#currentNewsImage {
      position: absolute; 
      overflow: hidden; 
      visibility: hidden;
      z-index: 999; 
      width: 600px;    
      margin: 0;
      padding: 5px;
      border: 0; 
      text-align: justify;  
}

#currentNewsImage img {
      border: 1px solid #ccc;
}

#currentNewsInfo, div#dentistWebsiteInfo {
      position: absolute; 
      overflow: hidden; 
      visibility: hidden;
      z-index: 999; 
      width: 600px;       
      margin: 0;
      padding: 5px;
      color: #000;
      border: 1px solid #83c6bd; 
      text-align: justify;  
      background: #fff;
}

/* -------------------------------------------------- */
.leftindent{
      margin-top: 5px;
      padding-left: 20px;
}

.subheading{
      font-weight: bold;
}

.message{
      font-weight: bold;
      background: #fff;
      border: 1px solid #83c6bd;
      padding: 5px;
}

#introflash {
      margin: 0 auto;
      padding: 0;
      padding-top: 220px;
      width: 885px;
      height: 35px;
}

.viewflash{
      position: absolute; 
      left: 0;
}

/* ----------------------- Interactive Map ---------------------- */

.mapstyle{
      margin: 0px auto;
      width: 600px; 
      height: 415px;
      padding: 0px;
      border: 1px solid #fbca6d;   
}

.outerMap {
      width: 620px;
      text-align: center;
      padding: 15px 10px;
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
}

.locationtable{
      border: 1px solid #fbca6d;
      background-color: #f8f68f;
      width: 300px;
}

.location{
      width: 300px;
      margin: 0px;
}

.locationpicture {
      text-align: center
}

.locationpicture img {
      border: 1px solid #ccc;
      margin: 7px 0px 7px 7px;
}
/* ----------------------- News ---------------------- */

.testimonials{
      font-family: arial, Helvetica, sans-serif;
      width: 100%;
      border-collapse: collapse;
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
      border-top: none;
      border-bottom: none;
}

.facilities{
      font-family: arial, Helvetica, sans-serif;
      border-collapse: collapse;
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
      border-top: none;
      border-bottom: none;
      padding: 0px 20px 10px 20px;
}

.blueText{
      font-size: 105%;
      font-weight: bold; 
      padding: 10px 20px;
}

.purpleText{
      padding: 0px 20px; 
      text-align: right; 
      color: #801681;
      font-weight: bold;
}

.fancytext{
      padding: 10px 20px 0px 20px;
}

.newsbkgdtop {
      width: 625px;
      height: 6px;
	background: url(images/news-bkgdtop.gif) no-repeat left bottom; 
}

.newsbkgdbottom {
      width: 625px;
      height: 6px;
	background: url(images/news-bkgdbottom.gif) no-repeat; 
}

.bluetext{
      color: #356e95;
}

.fancybkgd{
      background-color: #f8f68f; 
      border: 1px solid #fbca6d; 
      border-top: none; 
      border-bottom: none; 
      margin: 0px; 
      padding: 10px 10px;
      width: 401px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 369px;  
}

/* ----------------- Borders ---------------------- */

.contactbkgdtop {
      width: 391px;
      height: 6px;
	background: url(images/contact-bkgdtop.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px;
}
.contactbkgdbottom {
      width: 391px;
      height: 6px;
	background: url(images/contact-bkgdbottom.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

.adminbkgdtop{
      width: 452px;
      height: 7px;
	background: url(images/admin-line-top.gif) no-repeat left bottom; 
}

.adminbkgdbottom{
      width: 452px;
      height: 7px;
	background: url(images/admin-line-bottom.gif) no-repeat; 
}

.adminbkgdtop-big{
      width: 850px;
      height: 7px;
      background: url(images/admin-line-big-top.gif) no-repeat left bottom;
}

.adminbkgdbottom-big{
      width: 850px;
      height: 7px;
      background: url(images/admin-line-big-bottom.gif) no-repeat;
}
/* ----------------- Headings ---------------------- */
   
.replace{ 
      position:relative;
      margin: 0px; 
      padding: 0px; 
      /* hide overflow:hidden from IE5/Mac */ /* \*/ 
      overflow: hidden; /* */ 
} 

.replace span{ 
      display:block; 
      position:absolute; 
      top:0px; 
      left:0px; 
      z-index:1; /*for Opera 5 and 6*/ 
      margin: 0;
      padding: 0;
} 

h1 { 
      padding-top: 0;
      margin-top: 0;
      font: 140% Arial;
      font-weight: bold;
      color: #7bc3c2;
      height: 35px;
      background-color: #fdfcbb;
}

h2 { 
      margin: 0px;
      padding: 0px;
      font: 120% Arial;
      font-weight: bold;
      color: #7bc3c2;
      height: 30px; 
}

h1#welcome, h1#welcome span {
      width: 390px;
      background: url(images/heading-welcome.gif) no-repeat;
}
h2#openingtimes, h2#openingtimes span {
      width: 220px;
      background: url(images/heading-openingtimes.gif) no-repeat;
}

h1#our-nurseries, h1#our-nurseries span {
      width: 300px;
      background: url(images/heading-our-nurseries.gif) no-repeat;
}

h1#facilities, h1#facilities span {
      width: 150px;
      background: url(images/heading-facilities.gif) no-repeat;
}

h1#virtual-tours, h1#virtual-tours span {
      width: 300px;
      background: url(images/heading-virtual-tours.gif) no-repeat;
}

h1#locations, h1#locations span {
      width: 300px;
      background: url(images/heading-locations.gif) no-repeat;
}

h1#testimonials, h1#testimonials span {
      width: 150px;
      background: url(images/heading-testimonials.gif) no-repeat;
}

h1#contact-us, h1#contact-us span {
      width: 300px;
      background: url(images/heading-contact-us.gif) no-repeat;
}

h1#adminlogin, h1#adminlogin span {
      width: 300px;
      background: url(images/heading-admin-login.gif) no-repeat;
}

h1#adminnews, h1#adminnews span {
      width: 248px;
      height: 31px;
      background: url(images/heading-admin-news.gif) no-repeat;
}

h1#addnews, h1#addnews span {
      width: 147px;
      height: 26px;
      background: url(images/heading-addnews.gif) no-repeat;
}

h1#modifynews, h1#modifynews span {
      width: 165px;
      height: 25px;
      background: url(images/heading-modifynews.gif) no-repeat;
}

h1#currentnews, h1#currentnews span {
      width: 184px;
      height: 26px;
      background: url(images/heading-currentnews.gif) no-repeat;
}

h1#visitorstats, h1#visitorstats span {
      width: 174px;
      height: 32px;
      background: url(images/heading-visitorstats.gif) no-repeat;
}

h1#users, h1#users span {
      width: 250px;
      height: 34px;
      background: url(images/heading-users.gif) no-repeat;
}

h1#adduser, h1#adduser span {
      width: 141px;
      height: 25px;
      background: url(images/heading-adduser.gif) no-repeat;
}

h1#edituser, h1#edituser span {
      width: 91px;
      height: 24px;
      background: url(images/heading-edituser.gif) no-repeat;
}

h1#currentusers, h1#currentusers span {
      width: 132px;
      height: 24px;
      background: url(images/heading-currentusers.gif) no-repeat;
}

h2#contact-name, h2#contact-name span {
      width: 200px;
      background: url(images/contact-name.gif) no-repeat;
}

h2#contact-phone, h2#contact-phone span {
      width: 200px;
      background: url(images/contact-phone.gif) no-repeat;
}

h2#contact-email, h2#contact-email span {
      width: 200px;
      background: url(images/contact-email.gif) no-repeat;
}

h2#contact-nursery, h2#contact-nursery span {
      width: 200px;
      background: url(images/contact-nursery.gif) no-repeat;
}

h2#contact-enquiry, h2#contact-enquiry span {
      width: 200px;
      background: url(images/contact-enquiry.gif) no-repeat;
}

h2#contact-security, h2#contact-security span {
      width: 220px;
      background: url(images/contact-security.gif) no-repeat;
}

h2#little-school-house, h2#little-school-house span {
      width: 220px;
      background: url(images/heading-the-little-school-house.gif) no-repeat;
}

h2#oak-valley, h2#oak-valley span {
      width: 220px;
      background: url(images/heading-oak-valley.gif) no-repeat;
}

h2#high-gate, h2#high-gate span {
      width: 220px;
      background: url(images/heading-highgate.gif) no-repeat;
}

h2#thorncliffe-park, h2#thorncliffe-park span {
      width: 220px;
      background: url(images/heading-thorncliffe-park.gif) no-repeat;
}

h2#treetops, h2#treetops span {
      width: 220px;
      background: url(images/heading-treetops.gif) no-repeat;
}

h2#kingswood, h2#kingswood span {
      width: 220px;
      background: url(images/heading-kingswood.gif) no-repeat;
}

h2#babyunit, h2#babyunit span {
      width: 100px;
      height: 35px;
      background: url(images/heading-babyunit.gif) no-repeat;
}

h2#toddlerunit, h2#toddlerunit span {
      width: 130px;
      height: 35px;
      background: url(images/heading-toddlerunit.gif) no-repeat;
}

h2#preschool, h2#preschool span {
      width: 120px;
      height: 35px;
      background: url(images/heading-preschool.gif) no-repeat;
}

h2#username, h2#username span {
      width: 100px;
      background: url(images/heading-username.gif) no-repeat;
}

h2#password, h2#password span {
      width: 100px;
      background: url(images/heading-password.gif) no-repeat;
}

/* ----------------- Form ---------------------- */

.form-table{
      font-size: 100%;
      text-align: left;
      border-collapse: collapse;
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
      border-top: none;
      border-bottom: none;
      margin: 0px;
      padding: 0px;
}

#form {
      margin: 0px;
      padding: 0px;
}

#form input, #form textarea, #form select {
      width: 350px;
      padding: 2px;
      border: 1px solid #CCC;
      border-top: 1px solid #959595;
      border-left: 1px solid #959595;
      font: 100% Arial, Helvetica, sans-serif;
      width: 350px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 344px; 
}

.form-cell{
      padding: 2px 10px;
}

.form-titlecell{ 
      padding: 4px;
      font-weight: bold;
}

.form-inputcell{
      height: 16px;
      padding: 4px;
      text-align: right;
}

#admin-form{
      margin: 0px;
      padding: 0px;
}
#admin-form input {
      width: 350px;
      padding: 3px;
      border: 1px solid #CCC;
      border-top: 1px solid #959595;
      border-left: 1px solid #959595;
      font: 100% Arial, Helvetica, sans-serif;
}

.admin-table-bkgd{
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
      border-top: none;
      border-bottom: none;
}

.admin-titlecell{
      padding: 6px 0px 6px 3px;
      font-weight: bold;
      width: 80px;
}

.admin-inputcell{
      padding: 6px 3px 6px 0px;
}

.admin-table{
      border-collapse: collapse;
}

.admin-tabletitle{
      padding: 3px 0px;
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
      font-weight: bold;
      text-align: center;
}

.admin-tablecell{
      border: 1px solid #fcd994;
      padding: 4px 0px;
      text-align: center;
}

button{
      text-align: center;
      width: 134px;
      height: 42px;
      border: none;
      background: url(images/button.jpg) no-repeat;
      color: #404040;
      cursor: pointer;
      font: bold 100% Arial, Helvetica, sans-serif;
}

button:hover {
      color: #fff;
      background: url(images/button-hover.jpg) no-repeat;
}

a.linkbutton:link, a.linkbutton:visited {
      margin: 0;
      text-align: center;
      padding-top: 14px;
      padding-bottom: 10px;
      width: 134px;
      border: none;
      background: url(images/button.jpg) no-repeat;
      color: #404040;
      cursor: pointer;
      font: bold 100% Arial, Helvetica, sans-serif;
}

a.linkbutton:hover {
      display: block;
      margin: 0;
      text-decoration: none;
      padding-top: 14px;
      color: #fff;
      background: url(images/button-hover.jpg) no-repeat;
}

/* ----------------- Virtual Tour ---------------------- */

.vttitle{
      text-align: center; 
      padding: 10px;
      font: bold 100% arial, Helvetica, sans-serif;
      margin: 0;
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
}

.vtinstructions {
      text-align: center;
      background-color: #f8f68f;
      border: 1px solid #fbca6d;
      padding: 10px;
}

.vtscreenshot {
      margin: 1px;
      padding: 1px;
      border: 1px solid #6dc8c9;
}
/* ----------------- Navigation Menu ---------------------- */

#navcontainer{
      float: left;
      width: 190px;
      min-height: 450px;
      background: #c6cffd url(images/nav-background.jpg) no-repeat center;
      text-align: left;
}
* html #navcontainer { height: 450px;}

#navcontainer ul {
      float: left; 
	margin: 16px 0px 0px 3px;
      padding: 0px; 
	list-style-type: none;
}

#navcontainer a {
	display: block; 
	margin: 0px;
	margin-bottom: 6px;
      width: 164px;
      height: 52px;
	text-decoration: none;
      text-align: left;
}

#nav-home {
      background: url(images/nav-home.gif) no-repeat;
}
#nav-home:hover {
      background: url(images/nav-home-hover.gif) no-repeat;
}
#nav-home-current{
      background: url(images/nav-home-hover.gif) no-repeat;
}

#nav-ournurseries {
      background: url(images/nav-ournurseries.gif) no-repeat;
}
#nav-ournurseries:hover  {
      background: url(images/nav-ournurseries-hover.gif) no-repeat;
}
#nav-ournurseries-current {
      background: url(images/nav-ournurseries-hover.gif) no-repeat;
}

#nav-facilities {
      background: url(images/nav-facilities.gif) no-repeat;
}
#nav-facilities:hover  {
      background: url(images/nav-facilities-hover.gif) no-repeat;
}
#nav-facilities-current {
      background: url(images/nav-facilities-hover.gif) no-repeat;
}

#nav-virtualtours {
      background: url(images/nav-virtualtours.gif) no-repeat;
}
#nav-virtualtours:hover {
      background: url(images/nav-virtualtours-hover.gif) no-repeat;
}
#nav-virtualtours-current{
      background: url(images/nav-virtualtours-hover.gif) no-repeat;
}

#nav-locations {
      background: url(images/nav-locations.gif) no-repeat;
}
#nav-locations:hover {
      background: url(images/nav-locations-hover.gif) no-repeat;
}
#nav-locations-current {
      background: url(images/nav-locations-hover.gif) no-repeat;
}

#nav-testimonials {
      background: url(images/nav-testimonials.gif) no-repeat;
}
#nav-testimonials:hover {
      background: url(images/nav-testimonials-hover.gif) no-repeat;
}
 #nav-testimonials-current{
      background: url(images/nav-testimonials-hover.gif) no-repeat;
}

#nav-contactus {
      background: url(images/nav-contactus.gif) no-repeat;
}
#nav-contactus:hover {
      background: url(images/nav-contactus-hover.gif) no-repeat;
}
#nav-contactus-current{
      background: url(images/nav-contactus-hover.gif) no-repeat;
}

/* ----------------- Admin Nav ---------------------- */

#admin-navcontainer {
      display: block;
      width: 450px;
      height: 49px;
      margin: 0px;
      padding: 5px;
      float: right;
      font-size: 140%;
      background: url(images/admin-nav-bkgd.jpg) no-repeat;
      position: relative;
      top: 0px;
      right: 0px;
      z-index:1; /*for Opera 5 and 6*/
}

#admin-nav {
      position: relative;
      list-style-type: none;
      margin: 0 auto;
      padding: 2px 15px 0px 30px;
      text-align: center;
}

#admin-nav li {
      margin: 0px 10px;
      padding: 0;
      float: left;
}

#admin-nav a {
      float: left;
      display: block;
      color: #000000;
      /*text-transform: lowercase; */
      text-decoration: none;
      height: 30px;
}

#admin-home {
      width: 65px;
      background: url(images/admin-nav-website.gif) no-repeat;
}
#admin-home:hover {
      width: 65px;
      background: url(images/admin-nav-website-hover.gif) no-repeat;
}

#admin-visitorstats {
      width: 100px;
      background: url(images/admin-nav-visitorstats.gif) no-repeat;
}
#admin-visitorstats:hover {
      width: 100px;
      background: url(images/admin-nav-visitorstats-hover.gif) no-repeat;
}
#admin-visitorstats-current{
      width: 100px;
      background: url(images/admin-nav-visitorstats-hover.gif) no-repeat;
}

#admin-users {
      width: 47px;
      background: url(images/admin-nav-users.gif) no-repeat;
}
#admin-users:hover {
      width: 47px;
      background: url(images/admin-nav-users-hover.gif) no-repeat;
}
#admin-users-current{
      width: 47px;
      background: url(images/admin-nav-users-hover.gif) no-repeat;
}

#admin-logout {
      width: 60px;
      background: url(images/admin-nav-logout.gif) no-repeat;
}
#admin-logout:hover {
      width: 60px;
      background: url(images/admin-nav-logout-hover.gif) no-repeat;
}