/***************************************************************/	
/* Site Design by Kelly Franklin - www.wiltonwebdesign.com */
/**************************************************************/	

/*================ RESET BROWSER STYLES =========================*/

html { text-align: center; padding:0; background: #5cbdb5;  }

* {margin: 0; padding: 0; vertical-align: baseline; font-weight: normal; font-family: inherit; font-style: normal;}

body {padding: 0;  margin: 0 auto; text-align: left;  color: #222; font: 62.5%  Calibri, Arial, Helvetica, Verdana, sans-serif; }

div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote {padding: 0; margin: 0}

p, li, td, th, textarea, input, select, option, label, dt, dd {font: normal 13px/19px Arial, Helvetica, Verdana, sans-serif; font: normal 15px/22px Calibri}

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; color:#ed1fab; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;   }

h3 {margin: 0;text-transform:lowercase;  }

h4 {font-size: 16px; letter-spacing: .02cm; margin: 1.6em 0 0 0; text-transform: uppercase; color: #222}

address, caption, cite {font-style: normal; font-weight: normal; } 

p {margin: 1.5em 0 0 0}
	.indent {text-indent: 1.2em}

ol, ul {list-style: none; margin: 1em 0 0 0}

li {margin-bottom: 0;}
li p {margin: 0}

dt {margin: 1.2em 0 .3em 0}
dd {margin: 0; margin-bottom: .7em; background: transparent url(/img/list-marker.gif) no-repeat 0 .7em; padding-left: 10px; line-height: 1.35; }
dd p {margin: 0}

em {font-style: italic}
strong {font-weight: bold}

abbr, acronym {border: 0; font-style: inherit}

img {border: 0px; }
	.left-img {float: left; margin: 0 15px 0 0; }	
		a.left-img:hover {border-bottom: none}
		
	.left-callout-img {float: left; margin: 28px 20px -16px 0}
	.right-callout-img  {float: right;  margin: 28px 0 -16px 20px}
	
		 .left-callout-img img, .right-callout-img img {float: none; margin-bottom: 4px; display: block; }
         	
         	p.callout-caption {font-size: 112%; font-style: italic; line-height: .8em; margin: 0 0 20px 5px; }
	
a {text-decoration: none;  color: #32777a}
	a:hover {text-decoration: none; color: #199AA7}

a img {padding: 2px; border: 8px solid #cacaca;  border-top-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;}
    a:hover img {opacity: .8}  
    

sup {font-size: 85%; vertical-align: 0.7ex; }


/*----- Tables ----------- */

table {  border-collapse: separate; width: 97%; margin: 1.5em 0 0 0; border-spacing: 0 0; }
   
caption {visibility: hidden; height: .1em}

th, td {line-height: 1em; padding: 4px;  vertical-align: middle; text-align: left; empty-cells: show;  font-size: 1.4em } 

thead th { text-transform: uppercase;}

th {font-weight: normal;}

th.when {font-style: italic;  }	



/*================ LAYOUT =========================*/


#wrapper {background: #fffaef; position: relative; width: 1007px; max-width: 1007px; min-width: 1007px; margin: 0 auto;  overflow-x: hidden }

	
#header {width: 100%; position: relative; height: 4.4em;  text-transform: uppercase; background: #edea03;}
	

#intro-container {width: 100%; position: relative; top: 0;  left: 0;  overflow-x: hidden;}
	#intro {position: absolute; top: 0; left: 0; height: 585px; width: 313px; background: #001412;  color: #9a9a9a;} 
 
	#rotator {position: absolute; top: 0;  left: 313px; height: 585px;  width: 695px;  z-index: 200;}

#content-wrapper {width: 100%; position: relative; top: -3.9em; left: 0;  clear: both;  color: #333;  }
	.home #content-wrapper {height:108em; background: transparent url(/img/burst-bg.gif) no-repeat 45% 19.1em; z-index: 10000;}

   #half { position: absolute; width: 390px; top: 5.5em; left: 6.6em;}
   #second-half {position: absolute; width: 400px;  top: 5.5em; right:8em; }


#footer {width: 100%; height: 10.6em; position: relative; bottom: 0;  left: 0; background: #fffaef;overflow: hidden;}



/*================ HEADER =========================*/

h1 a { padding: 0; position: absolute;top: 3px; left: 10px; text-indent: -9999px; width: 260px; height: 41px; background: transparent url(/img/kaleidoscope-kids-logo.gif); display: block; outline: none}
	h1 a:hover, h1 a:focus { background-position: 0 -119px; border: none}

/*------------ Utility Menu ------------ */

#utility-menu {color: #222; width: 686px;height: 44px; position: relative; top: 0;  left: 318px; z-index: 1; margin: 0}

#utility-menu li { display: inline;  font-size: 11px; position: absolute;}
	li#address {position: absolute; top: 0px; left: 0; height: 44px; line-height: 44px;}
	li#contact {position: absolute; top: 0px; right: 20px; }

.tel { display:inline-block; font-size: 13px; font-weight: bold}
.separator {display: inline-block; margin: 0 5px}

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

#contactArea {background: #3c99c2; border-bottom:5px solid #3c99c2; position: relative;height:240px;overflow:hidden; }

a.contact, a.second  {display: block; height: 32px; line-height: 30px; letter-spacing: .05em; text-align: center; width: 110px; height: 32px;  color: #f2f2f2; outline: none; background: #3c99c2 url(/img/contact-bg.gif) 0 0 no-repeat; font: normal 14px/27px Arial, Helvetica, Verdana, sans-serif; font: normal 15px/29px Calibri}
	a.contact:hover {color: #ddd; text-decoration: none}

a.second {background-position: 0 -92px}
	a.second:hover {background-position:0 -52px}
	
form { width: 870px; height: 240px; padding: 2px 25px 25px 25px; margin: 0 auto; }

h3.contact-heading {letter-spacing: .05em; line-height: 1.5; font: italic 17px Arial, Helvetica, Verdana, sans-serif;color: #dfdc0d; text-transform: none; margin: .2em 0 .9em 0}

#info { float: left; width: 330px; }
#message { float: right; width: 490px;  }

fieldset{margin:0;padding:0;border:none;}		
legend {display:none;}	

input { margin-bottom: 15px; padding: 7px 7px;  color: #4a4a4a; float: right; width: 250px; }
label { float: left; clear: both; position: relative;  top:0; height: 50px; font-family: Arial; font-size: 16px; color: #fff;}
	label.error {height: 12px; font-style: italic;  color: #dfdc0d; font: italic 11px/14px Georgia, 'Times New Roman', serif;  top: -12px; left: 62px}
	#message label.error {left: 122px}

textarea { padding: 7px 7px; height: 110px; margin-bottom: 15px; color: #4a4a4a; line-height: 20px;  float: right;  width: 350px; }

input#submit { float: right; clear: both; cursor: pointer; width: 125px; padding: 7px 7px; background: #b11c84;; border: 0; color: #fff; text-transform: uppercase; letter-spacing: .02cm;}
	input#submit:hover {background: #c2469c;}
input, textarea { outline: none; background-color: #f1f1f1; border: 3px solid #b2b2b2; padding: 7px; }
input:focus, textarea:focus { border: 3px solid #b11c84; }

input, textarea { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }



/*================ HOME =========================*/

 #intro-container {position: relative; top: 0;  left: 0; width: 1008px; overflow-x: hidden }
 
 #intro {position: absolute; top: 0; left: 0; width: 313px; height: 585px; background: #001412;  color: #9a9a9a; } 
 
  
 h2 {font-size: 18px;  line-height: 1.35;  margin: 1.4em 0 0 1.2em;  letter-spacing: .04em;  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; line-height: 1.45; font-size: 20px; word-spacing: -1px;  color: #579f7e}
  
 .intro-list {position: relative; margin: 1.45em 1.5em 0 1.5em; padding: 0; z-index: 1000}
	.intro-list li { font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif; font: normal 14px/21px Calibri; margin-bottom: .9em;   background: transparent url(/img/list-marker-intro.gif) no-repeat 0 .7em; padding-left: 10px; font-style: italic; }

  .intro-list a {color: #e5e5e5; border-bottom: 1px dotted #555; }
  	.intro-list a:hover {text-decoration: none;border-bottom: 1px dotted  #a9a9a9; color: #1caeb8}
  
  
 /*------------ Rotator ------------*/

#rotator {position: absolute; top: 0;  left: 313px; height: 585px;  width: 695px;  z-index: 200 }

#rotator ul {margin: 0}   	
#rotator ul li {float:left;position:absolute; list-style: none;background: none;padding: 0; margin:0}
	#rotator ul li.show {z-index: -1; }


/*------- Circle Navigation --------*/

#home-nav {position: relative; height: 665px; z-index:900; }

.circle-nav {float: none;  margin: 0}
.circle-nav li {position: absolute; height: 278px; width: 278px; overflow: hidden}
	li#menu-infants {top: 359px}
	li#menu-pre-school {top: 335px;left: 232px }
	li#menu-after-school {top: 382px; left: 477px; }
	li#menu-summer-camp {top: 338px; left: 731px}		

#menu-infants small {display: inline-block; margin-left: -2px;}

.circle-nav a {width: 282px; height: 278px; display: block; padding-top: 307px; background: url(/img/navigation-home.png) no-repeat; font: normal 18px Tahoma, Arial, Helvetica, Verdana, sans-serif; letter-spacing: .05em; text-transform: uppercase; color: #f0f0f0; outline: none} 
	.circle-nav a:hover {color: #fff;}

span.nav-link {z-index: 100; display:block; height: 24px; line-height: 26px; position:relative; z-index: 200}

	li#menu-infants a {width: 263px;}
		li#menu-infants a:hover {background-position: 0 -278px;}
		#infants { height:50px; width: 116px; margin: -194px 0 0 83px; }
		
	li#menu-pre-school a {background-position: -263px 0;}
		li#menu-pre-school a:hover {background-position: -263px -278px;}
		#pre-school {width: 150px; margin: -181px 0 0 84px; }

	li#menu-after-school a {background-position: -542px 0;}
		li#menu-after-school a:hover {background-position: -542px -278px;}
		#after-school {width: 179px; margin: -184px 0 0 70px; }
		
	li#menu-summer-camp a {background-position: -821px -0;}
		li#menu-summer-camp a:hover {background-position:  -821px -278px;}
		#summer-camp { width: 172px; margin: -176px 0 0 70px; }	



/*----- Content -----------*/

h3.tagline {color: #09201F; font-size: 17px;  line-height: 25px; text-align: center; font-family: "times new roman", serif; letter-spacing: .2em; font-style: italic; word-spacing: -1px}

h4.content-head {margin:1.65em 0 0 0; padding: 0 0 0 8px; color: #fcfcfc;  background: #f25abe; line-height: 1.7; font-size: 15px; letter-spacing: 0.18em; border-top-right-radius: .5em; -moz-border-radius-topright: .5em; -webkit-border-top-right-radius: .5em; border-bottom-right-radius: .5em; -moz-border-radius-bottomright: .5em; -webkit-border-bottom-right-radius: .5em; padding: 1px 0 1px 8px}

h4.first {margin-top: 1.9em}

.dot li {margin-bottom: .7em; background: transparent url(/img/list-marker.gif) no-repeat 0 .7em; padding-left: 10px; line-height: 1.35;  }

.marker {background: transparent url(/img/arrow-marker.gif) no-repeat 0 .3em; padding-left: 5px;}

.dropcap  { float:left; position:relative; color: #e0dd02; font-weight:bold; font-style: italic; font-size:64px;  line-height:1.3em; margin: -.3em  .15em -.3em 0; font-family: "times new roman", serif; }

.home #content-wrapper a, #main a, .description  a, #breadcrumb a {border-bottom: 1px dotted  #d9d9d9;}
	.home #content-wrapper a:hover, #main a:hover, .description  a:hover {border-bottom: 1px dotted #b9b9b9}
	#content-wrapper a.no-border, #content-wrapper a.no-border:hover {border-bottom: none}
	
#certification.fragment, #pricing.fragment, #location.fragment {background: transparent url(/img/arrow-lt.gif) no-repeat center left; padding-left: 7em; margin-left: -70px; }

#schedule.fragment, #secure.fragment, #hours.fragment  {background: transparent url(/img/arrow-rt.gif) no-repeat center right; padding-right:6em; margin-right: -6em; width: 40em }

	#hours {float: left}
	#secure {clear: both}


/*------ blockquote burst-------*/ 

.callout-space {width:296px; height: 250px; margin: 0 -172px 30px 0;  float:right; position: relative; }
.callout {width:214px; height:185px; position:absolute;  top: 220px; right: 312px;}
.circle-quote p {width:8em; text-align:center; font-style: italic; margin: 0;  font-size: 16px;  line-height: 132.5%; font-family: "times new roman"; font-size: 18px }
.circle-quote em {text-transform: uppercase}
p.second {margin-top: .2em; line-height: .75em; font-family: Arial, Helvetica, Verdana, sans-serif;  }
cite {text-transform: uppercase;  font-size: 10px}
.locale {display: block; }
.leading {display: inline-block; margin-top: -2px; font-style: italic;}

#half .narrow {width: 206px; }
	#half h4.narrow {width: 196px}
#second-half .narrow {width: 260px; margin-left: 135px; }
	#second-half  span.narrow {display: inline-block; margin-left: 15px; }
	#second-half  span.more-narrow {display: inline-block; margin-left: 25px; }
	#second-half h4.less-narrow {width: 280px; margin-left: 110px}
	.less-narrow {width: 290px; margin-left: 105px; }
	.even-less-narrow {width: 310px; margin-left: 85px;}

	
.callout-cap {margin: -.3em  .15em 1em 0; }
.list-wrap {float: left; width: 400px; height: 173px; position: relative; margin: 8px 0 0 0}
.first-half {width: 185px; position: absolute; top: 0; left: 0}
.second-half {width: 210px; position: absolute; top: 0; right: 0}
.first-half li, .second-half li { margin-bottom: .3em; font-size: 1.4em}



/*================ FEATURE PAGE / CODA SLIDER =========================*/

/*------- feature page structure ------ */

.feature #header {border-bottom: 1px solid #ddd; height: 130px}
.feature #wrapper {background: #222; }

.infants #content-wrapper {background:#e6efd1 url(/img/infants-bg.gif) repeat-y 0 25px;  text-align: center; top: 0; padding: 30px 0 40px 0; border-top: 1px solid #fffaef; }
.pre-school #content-wrapper {background:#e7f2f5 url(/img/pre-school-bg.gif) repeat-y 0 25px;  text-align: center; top: 0; padding: 30px 0 40px 0; border-top: 1px solid #fffaef; }
.after-school #content-wrapper {background:#fef2fb url(/img/after-school-bg.gif) repeat-y 0 25px;  text-align: center; top: 0; padding: 30px 0 40px 0; border-top: 1px solid #fffaef; }
.camp #content-wrapper {background:#ffefe8 url(/img/summer-camp-bg.gif) repeat-y 0 25px;  text-align: center; top: 0; padding: 30px 0 40px 0; border-top: 1px solid #fffaef; }


.infants #footer {border-top: 1px solid #dde5c8}
.pre-school #footer {border-top: 1px solid #dbecf1}
.after-school #footer {border-top: 1px solid #fde3f5}
.camp #footer {border-top: 1px solid #ffe0cb}

#main {width: 550px;  width: 500px; text-align: left; position:relative; top: 0; margin: 0 auto }


/*------- feature page styles ------*/

h2.current-page {text-align: left; font:italic 24px/26px 'Times New Roman', Georgia, serif; margin: 0; color:#ed1fab; color: #222;  text-transform: lowercase;  z-index: 1; width: 108px; height: 60px; position:relative; top: -66px; left: 10px }

blockquote.pullquote { position: relative}
	.pullquote p {color: #ed1fab; font:italic 19px/23px 'Times New Roman', Georgia, serif; margin: 0;}
	 .outdent {text-indent:-0.5em; }
	.pullquote cite {display: inline-block; margin-left: 10px; }

	
.pull-left {width: 200px; float: left; margin: 25px -5px 10px -220px; }
.pull-right {width: 220px; float: right; margin: 25px -250px 10px 0; }
	.pull-link a {font-style: italic; font-size: 18px}


p.first {margin: 1em 0 0 0}

/*------- tabbed slider structure ------ */

#slider {width: 780px; margin: 0 auto -60px auto;position: relative;  top: -124px; left: 12px; }

#slider-container {height: 419px;  width:764px; border:8px solid #3c99c2; border-radius: .5em; -moz-border-radius: .5em;  -webkit-border-radius: .5em;}

.scroll { height: 419px;  width:764px; overflow: auto; overflow-x: hidden;  position: relative;  clear: left;}

.scrollContainer div.panel {height: 435px;  width:780px;  }


/*------- buttons ------*/

.scrollButtons {position: absolute;  top: 200px; cursor: pointer;  outline: 0; text-indent: -9999px; background: url(/img/slider-arrow.gif) no-repeat; height: 60px; width: 59px; }
        .left {float: left; margin: 25px -5px 10px -210px;}
        .right {float: right; margin: 25px -140px 10px 25px;}
		a.scrollButtons.left {left: 128px; }
		a.scrollButtons.left:hover {background-position: 0 -60px;}
		a.scrollButtons.right {right: 60px; background-position: -59px 0;}
		a.scrollButtons.right:hover {background-position: -59px -60px;}
		
#slider :focus { outline: 0; }

.hide {display: none;}


/*------- tabs ------ */

ul.navigation {list-style: none;margin: 0 0 0 1.7em; padding: 0; width: 800px}

ul.navigation li {display: inline; margin:0}

ul.navigation li a {color: #333; display: inline-block;padding: 4px 8px; border-bottom: 1px solid #fffaef; text-decoration: none; text-align:center; white-space:nowrap; outline: none}

	ul.navigation li a.selected, ul.slider-nav li a.selected:hover { background: #3C99C2;color: #fff; padding: 4px 8px; border-top: none; border-bottom: 1px solid #3C99C2; border-top-left-radius: .3em; border-top-right-radius: .3em; -moz-border-radius-topleft: .3em; -moz-border-radius-topright: .3em;  -webkit-border-top-left-radius: .3em; -webkit-border-top-right-radius: .3em;  }

	ul.navigation a:hover {background:#6cb2d1;color: #fff;}


/*------- panels ------ */

.panel-content {position: relative;  height: 435px;  width:780px;}

.photo {position: relative; width: 531px; height: 435px; border:1px solid #555;}

.caption-left {line-height: 1.2em; color:#ccc; background: #000; background: rgba(0,0,0, .75);  display: block; position: absolute;  padding: .5em .5em .2em .5em; margin: 0;  z-index: 1; border-top-right-radius: .5em; border-bottom-right-radius: .5em;   -moz-border-radius-topright:.5em; -moz-border-radius-bottomright: .5em; webkit-border-top-right-radius: .5em;  webkit-border-bottom-right-radius: .5em;}

.caption-right {line-height: 1.2em; color: #ccc; background: #000; background: rgba(0,0,0, .75); display: block; position: absolute;  padding: .5em .5em .2em .5em; margin: 0;  z-index: 1; border-radius: .5em;  -moz-border-radius:.5em; -webkit-border-radius: .5em;}


.description {position: absolute; top:0; right: 0; width: 219px;  padding: 15px 30px 15px 20px; width: 199px; height: 435px; padding: 15px 30px 15px 20px; width: 199px; height: 435px;  background: #001412;  color: #9a9a9a; text-align: left}

	.description-title  {color: #ccc; font-size: 16px; line-height: 1.35em;  font-family: "times new roman", serif; letter-spacing: .1em; font-style: normal;text-align: center; margin: 0 1em }
	.description p {margin: 1em 0; font-style: italic; line-height: 1.3}


.panel ul {text-align: left;margin: 0 15px 0 30px;}
		.description .intro-list {margin: 0;}
		.description .spacing {margin-top: 1.5em}
			.description .intro-list li {font: italic 11px/15px Arial, Helvetica, Verdana, sans-serif; font: italic 14px/18px Calibri; font-size: 13px; line-height: 17px}

	 
/*================ FOOTER =========================*/


#footer-nav  {list-style:none;  width:800px; height:106px; margin-left: 170px; }
	
#footer-nav li {float:left; width:112px; height:106px; margin-right: 20px;  height: 106px; position:relative; overflow:hidden; }

a.foot-sprite  {position:absolute; top:22px;  display:block; width:112px; height: 106px;; background:url(/img/navigation-footer.png) no-repeat 0 0;  text-align: center;}
	a.foot-sprite:hover {color: #393939; text-decoration: none;}

	a#footer-home, body.home a#footer-home:hover  {background-position: -9px -5px}
		a#footer-home:hover {background-position: -9px -130px;}
		
	a#footer-infants, body.infants a#footer-infants:hover {background-position:-214px -5px; }
		a#footer-infants:hover {background-position: -214px -130px; }
		
	a#footer-pre-school, body.preschool a#footer-pre-school:hover {background-position: -410px -5px}
		a#footer-pre-school:hover {background-position: -410px -130px;}

	a#footer-after-school, body.afterschool a#footer-after-school:hover {background-position: -614px -5px}
		a#footer-after-school:hover {background-position: -614px -130px;}
		
	a#footer-summer-camp, body.camp a#footer-summer-camp:hover {background-position: -815px -5px; z-index: 20}
		a#footer-summer-camp:hover {background-position: -815px -130px; }

span.foot-span {display:block;  padding: 12px 0 0 0; }
	a.foot-sprite:hover span.foot-span {padding: 0}

#footer-nav li.selected {top: 42px}	 
   #footer-nav li.selected a, #footer-nav  li.selected a:hover {color: #393939;}
	 li.selected a span.foot-span, li.selected a:hover span.foot-span {padding:12px 0 0 0}
	 
#footer :focus { outline: 0; }	 

/*================ IE OVERRIDES =========================*/

* html #wrapper {width: 1002px; max-width: 1002px; min-width: 1002px;  }
* + html #wrapper {width: 1003px; max-width: 1003px; min-width: 1003px;  }
* html #content-wrapper {top: 0}
* html input#submit, * + html input#submit {padding: 5px;}
* html .circle-nav a, * + html .circle-nav a  {font-size: 2em }
* html h2 {margin-top: .8em}
* html h2, * + html h2, * html .footer-nav a, * html + .footer-nav a {letter-spacing: .1em;}
* html h2 small, * + html h2 small {font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif; }
* html h4.content-head, * + html h4.content-head  {letter-spacing: .12em}
* html .dropcap {line-height:1em;  top: -3px} 
* + html .dropcap  {line-height:1em; margin: -.6em  -.3em -.3em 0;}
* html .callout-cap {margin: 0 -.3em 3.5em 0;}
* + html .callout-cap {margin: -.6em  -.3em 2.8em 0;}
* html .list-wrap {height: 143px; margin: 0}
* + html .list-wrap {height: 153px; margin: 0}
* html .pull-right, * + html .pull-right {margin: 25px -250px 10px 30px; }
* html .first-half li, * html .second-half li { font-size: 1.3em}
* html table, * + html table {margin: .3em 0 0 0}
a:hover img {filter:alpha(opacity=80); }
* html #schedule.fragment, * html #hours.fragment, * html #certification.fragment, * html #pricing.fragment, * html #location.fragment {background-image: none;}
* html ul.navigation li a {padding: 4px 7px}
* html a.scrollButtons.right {right: 9em}
.caption-left, .caption-right {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
* html a.foot-sprite  {background:url(/img/navigation-footer.gif) no-repeat 0 0;}
* html #footer-nav li, * html a.foot-sprite  {width: 117px}

* html .circle-nav a {background: none; cursor: pointer}
* html .circle-nav a:hover {text-decoration: underline}

* html li#menu-infants a {height: 278px; width: 263px; background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/circle-infants-bg.png', sizingMethod='image'); background-repeat: no-repeat; background-position: 0 0;}

* html li#menu-pre-school a {height: 278px; width: 273px; background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/circle-pre-school-bg.png', sizingMethod='image'); background-repeat: no-repeat; background-position: -263px 0;}
		
* html li#menu-after-school a {height: 278px; width: 263px; background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/circle-after-school-bg.png', sizingMethod='image'); background-repeat: no-repeat; background-position:  -542px 0;}

* html li#menu-summer-camp a {height: 278px; width: 273px; background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/circle-summer-camp-bg.png', sizingMethod='image'); background-repeat: no-repeat; background-position: -821px -0;}