body {
margin: 0;
padding: 0;
font: 76%/1.7em "Lucida Grande", arial, sans-serif;
color: #505043;
text-align: center;
}
/* ---- BKG colours and Banner replacements ---- */
body#children {
background: #8de21d url(../img/bannerkids-new.jpg) top no-repeat;}
body#children #lc h1, body#children #lc h2{
color: #79c119;
}
body#teens {
background: #0d6892 url(../img/bannerteens-new.jpg) top no-repeat;}
body#teens #lc h1, body#teens #lc h2{
  color: #0d6892;
}
body#parents {
background: #0da31c url(../img/bannerparents-new.jpg) top no-repeat;}
body#parents #lc h1, body#parents #lc h2{
  color: #0da31c;
}
body#teachers {
background: #f0a120 url(../img/bannerteachers-new.jpg) top no-repeat;}
body#teachers #lc h1, body#teachers #lc h2{
  color: #f0a120;
}
body#generic {
background: #69d6f5 url(../img/bannergeneric-new.jpg) top no-repeat;}
body#generic #lc h1, body#generic #lc h2{
  color: #69d6f5;}
  
body#oldstudents {
background: #fde113 url(../img/banneroldstudents.jpg) top no-repeat;}
body#oldstudents #lc h1, body#oldstudents #lc h2{
  color: #bf9608;}  

/* ---- END BKG colours and Banner replacements ---- */
* {margin:0; padding:0;}
a{text-decoration: none;}
ul{list-style: none;}

 /* ---- LAYOUT POSITION ---- */
  #banner{
  height: 170px;
  width: 760px;
  text-indent: -4500px;
  display: block;
  }
  #xnav{
  height: 3.6em;
  width: 760px;
  background-color: #F5F4EE;
  margin: 0 auto;
  position: relative; 
  }
 #topwrap, #wrap{
	text-align: left; 
	margin: 0 auto; 
	position: relative; 
	width: 760px; 
 }
 #wrap{
  background: #E8EADA url(../img/wrapbkg.jpg)
 }
 #rc{
 width: 158px;/* ---- 182 - 24 = 158 ---- */
 float: right;
 padding: 50px 24px 0 0;
 
 }
 #lc{
 	width: 506px;/* ---- 578 - 72 - = 506 ---- */
 	float: left;
	padding: 50px 0 0 72px;
	background: url(../img/bkg.jpg) no-repeat

 }
 
  #lc ul p{
 	padding: 0 0 10px 20px;
	font-size:1em
 }
 #foot {
 	text-align: left; 
	margin: 0 auto; 
	position: relative; 
	width: 760px; 
 }
  /* ---- INDEX styling ---- */
  
  dl {
	float:left;
	padding-top:10px;
	width:430px;
}
dt {
	float:right;
	width:270px;
	font-size: 1.4em;
	font-weight: bold;
}
dd.img img {
	float:left;
	padding-right: 10px;
}
#lc dl.linefront {
	border-bottom: 1px dashed #dda851;
	padding-bottom: 10px
}
.KidQuote{
	color:#5A8800;
	font-size:1em;
	line-height:1.4em
	}
  
  /* ---- FONT STYLING ---- */
     #banner h1{
     height: 20px
}
#lc h1, #lc h2, #lc p, #lc ol{
	padding-right: 67px
}  
#lc p,  #lc ul{ 
	font-size: 1.1em;
	padding-bottom: .4em;
}  
#lc ul li {padding: 0 0 2px 8px;
	list-style-image: url(../img/bodhi.gif);
	margin-left: 0;
	float: none }
#lc ul, #lc ol{
	padding-left: 24px
}
#rc p {
	font-size: .9em;
	padding-bottom: .8em;
	line-height: 1.3em;
	color: #555950
}
#rc h1 { 
	font: 3.6em/.9em arial;
	color: #00a5c9; 
	margin: .3em 0; 
}
#rc h2 { 
	color: #b8dc28; 
	font: 1.8em Arial;
}
#rc h3 { 
	color: ##5F6158; 
	font-size: 1.1em
 }
 #lc h1, #lc h2, #lc h3{
 font-weight: bold
 }
  #lc h1{
  font-size: 2em;
line-height: 1em;
  font-weight: normal;
  padding: .6em 38px .3em 0px;
  }
   #lc h2{
  font-size: 1.4em;
  padding-top: .3em;
  padding-bottom: 4px;
  font-weight: normal;
  }
  #lc .xtra{
  padding-bottom: 6px
  }
  #foot p{
  padding: .4em 18px 0 18px;
  color: #bdbdbd;
  font-size: .9em;
 }
  #lc a{
  color: #ba3200;
  text-decoration: underline
  }
   #lc a:hover{
  text-decoration: underline
  }
   #lc a:visited{
 color: #ba3200
  }
  #lc p.line {
	border-top: 1px dashed #CC6600;
	width:380px
}

 #lc p.top {
 	padding-left:30px;
	background-image:url(../img/top.gif);
	background-repeat:no-repeat
}

a img,:link img,:visited img{border:none}

  
  /* ---- NAV STYLING ---- */
  #nav { 
  float:left;
   width:100%;
	background-color: #F5F4EE;
      line-height:normal;
      z-index: 1;
      }
  #nav ul li { 
	float:left;
      background:url(../img/left.gif) no-repeat left top;
      margin:0;
      padding:0 3px 0 5px;
      position: relative;
      }
  #nav ul{
     margin:0;
     padding: 10px 0 14px 72px
     }
      #nav ul.move{
        padding: 0
     }
  #nav ul li a {
 display:block;
      background:url(../img/right.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      font-weight:bold;
      color:#676353;
      float: left
      }
  #nav a:hover{color: #ba4e00;}
 
    #foot ul li { 
   display: inline; 
   float: left }
  #foot ul{
  padding: 60px 0 0 72px;
  }
  #foot ul li a {
 color: #767262;
 font-size: inherit;
 padding-right: 4px;
  }
  #foot a:visited {color: #767262}
  #foot a:hover{ color: #ba4e00;}
    /* ---- TEST dropdown area ---- */
li ul {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	display: none;

	}
#nav ul li ul{
xborder: green 1px solid;
margin-top: 1.8em;
}
  #nav ul li ul li { 
  xborder: red 1px solid;
  background-image: none;
 width: 140px;
  background-color: #D5D7CB;
  padding-left: 0
  }
/* Styles for Menu Items */
ul li a {
	background: transparent; /* IE6 Bug */
	}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
#nav ul li ul li a { 
padding: 4px 8px;
background-color: #FDE98C;
background-image: none;
width: 100%;
display: block;
border-bottom: 1px dashed white;
 } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */
#nav ul li ul li a:hover { 
background-color: #ffca53;
}
  
  /* ---- GENERAL STYLING ---- */
  #wrap, #foot, #lc, #rc{
  xborder: red solid 1px;
 }
  /* ---- Right Column ---- */
  div#rc ul li{
  border-bottom: 1px dashed #b5873d;
  line-height: 1.3em;
  }
#rc ul {
   padding-bottom: 8px;
   }
  div#rc ul li a{
  color: #ba3200;
  display: block;
  padding: 1px 4px}
   div#rc ul li a:hover{
 background-color: #ffca53}
 div#rc ul li a:visited{
 color: #ba3200}
    
    /* ---- FOOTER STYLING ---- */
   #foot{
   clear: both;
   height: 88px;
   background: url(../img/foot.gif) no-repeat top;
   padding-bottom: 50px;
   }
  
  .clearfix:after {
 content: ".";              
 display: block;         
 height: 0;                  
 clear: both;               
 visibility: hidden;	     
}
/* alsett ckearing method */
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */