@import "/app/css/Komika-Text-fontfacekit/stylesheet.css";

@charset "UTF-8";
/* CSS Document */

#bd {
	padding: 0;
}

a {
	color: #d47231;
}


h1, h2, h3 {
	color: black;
}

#mainColumn h2 {
	font: 2.25em KomikaTextTightRegular, 'Arial Narrow', Arial, sans-serif;
}

#leftColumn {
	margin-right: 20px;
	padding: 0;
}

.results #leftColumn {
	margin-right: 0;
}
#mainColumn {
	padding-top: 10px;
}

#mainColumn img {
	/*margin: 10px;*/
}

.mainRow {
	clear: both;
	position: relative;
	width: 769px !important;
	zoom: 1;
}

.mainRow .content {
	padding: 15px 0;
}

/* Multi-column */

.col25 {float: left; margin: 0 2% 0 0; padding: 0; width: 22%;}
.col33 {float: left; margin: 0 2% 0 0; padding: 0; width: 30%;}
.col50 {float: left; margin: 0 2% 0 0; padding: 0; width: 46%;}
.col66 {float: left; margin: 0 2% 0 0; padding: 0; width: 62%;}
.col75 {float: left; margin: 0 2% 0 0; padding: 0; width: 72%;}

#mainColumn ul.col50 {
	margin-right: -1.4em;
}

#threeColumn {
	/*position: relative;
	z-index: 6;*/
}

.gradientBlue {
	background-image: url(/app/images/backgrounds/gradientBlue.gif);
	background-repeat: repeat-x;
	background-color: #f1f6f8;
}

.gradientGreen {
	background-image: url(/app/images/backgrounds/gradientGreen.gif);
	background-repeat: repeat-x;
	background-color: #e9ffe9;
}

.gradientOrange {
	background-image: url(/app/images/backgrounds/gradientOrange.gif);
	background-repeat: repeat-x;
	background-color: #fef2e0;
}

.gradientPurple {
	background-image: url(/app/images/backgrounds/gradientPurple.gif);
	background-repeat: repeat-x;
	background-color: #ede9ff;
}

.gradientRed {
	background-image: url(/app/images/backgrounds/gradientRed.gif);
	background-repeat: repeat-x;
	background-color: #ffe9e9;
}

.gradientYellow {
	background-image: url(/app/images/backgrounds/gradientYellow.gif);
	background-repeat: repeat-x;
	background-color: #fffde9;
}

#intContentHead {
	margin: 0;
	padding: 15px 10px 3px;
	position: static;
	z-index: auto;
}

	#shareBox,
	#emailConfigrm,
	#emailBox {
		z-index: 6;
	}



.bgTrees {
	background-image: url(/app/images/backgrounds/trees.png);
	background-repeat: no-repeat;
	background-position:bottom;
}

/* Top-left backgrounds */

.bgPool, .bgBoyAtPool, .bgClass, .bgGirl, .bgWalkingGirl, .bgTieDyeGuy,
.bgCircleDoctorsFull, .bgSandwichGirl, .bgKidsWithCircle, .bgSoccerMomWave,
.bgBreadBoy, .bgGirlWithBear, .bgTestingAtComputer, .bgVideoGame, .bgCandyBarKidLeft, .bgOrangeJuiceKidLeft,
.bgTreats, .bgDocAndFamily, .bgSkateboardGuy, .bgSoccerKidAndMom, .bgBikeGirl,
.bgReadingCircle, .bgClassroom, .bgWaitingForTheBus, .bgSportsGuyLeft, .bgCamoPantsGirl {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	/*behavior: expression(DD_roundies.roundify.call(this, [0,0,0,0]));*/
	_height: 320px;
	min-height: 320px;
	padding: 15px 0 0 360px;
}

.bgPool {background-image: url(/app/images/backgrounds/boy_shivers_pool.png);}

.bgClass {background-image: url(/app/images/backgrounds/boy_classroom.png);}

.bgGirl {background-image: url(/app/images/backgrounds/girl_park.png);}

.bgBoyAtPool {
	background-image: url(/app/images/backgrounds/boy-at-pool.png);
	padding-left: 320px;
}

.bgWalkingGirl {
	background-image: url(/app/images/backgrounds/walking-girl.png);
}

.bgTieDyeGuy {
	background-image: url(/app/images/backgrounds/tie-dye-guy.png);
}

.bgCircleDoctorsFull {
	background-image: url(/app/images/backgrounds/circle-doctors-full.png);
	padding-left: 310px;
}

.bgSandwichGirl {
	background-image: url(/app/images/backgrounds/sandwich-girl.png);
	padding-left: 245px;
}

.bgKidsWithCircle {
	background-image: url(/app/images/backgrounds/kids-with-circle.png);
	padding-left: 430px;
}

.bgSoccerMomWave {
	background-image: url(/app/images/backgrounds/soccer-mom-wave.png);
}

.bgBreadBoy {
	background-image: url(/app/images/backgrounds/bread-boy.png);
	padding-left: 275px;
}

.bgGirlWithBear {
	background-image: url(/app/images/backgrounds/girl-with-bear.png);
	padding-left: 330px;
}

.bgTestingAtComputer {
	background-image: url(/app/images/backgrounds/testing-at-computer.png);
	padding-left: 370px;
}

.bgVideoGame {
	background-image: url(/app/images/backgrounds/video-game.png);
	min-height: 260px;
	padding-left: 370px;
}

.bgCandyBarKidLeft {
	background-image: url(/app/images/backgrounds/candy-bar-kid.png);
	background-position: -400px 0; /* Fix this is we crop the background images */
	min-height: 260px;
	padding-left: 315px;
}

.bgOrangeJuiceKidLeft {
	background-image: url(/app/images/backgrounds/orange-juice-kid.png);
	background-position: -565px 0; /* Fix this is we crop the background images */
	min-height: 260px;
	padding-left: 220px;
}

.bgTreats {
	background-image: url(/app/images/backgrounds/treats.png);
	padding-left: 240px;
}

.bgDocAndFamily {
	background-image: url(/app/images/backgrounds/doc-and-family.png);
	padding-left: 300px;
}

.bgSkateboardGuy {
	background-image: url(/app/images/backgrounds/skateboard-guy.png);
	padding-left: 180px;
}

.bgSoccerKidAndMom {
	background-image: url(/app/images/backgrounds/soccer-kid-and-mom.png);
	padding-left: 300px;
}

.bgBikeGirl {
	background-image: url(/app/images/backgrounds/bike-girl.png);
	padding-left: 300px;
}

.bgReadingCircle {
	background-image: url(/app/images/backgrounds/reading-circle.png);
	_height: 235px;
	min-height: 235px;
	padding-left: 300px;
}

.bgClassroom {
	background-image: url(/app/images/backgrounds/classroom.png);
	padding-left: 380px;
}

.bgWaitingForTheBus {
	background-image: url(/app/images/backgrounds/waiting-for-the-bus.png);
	background-image: url(/app/images/backgrounds/waiting-for-the-bus.png);
	padding-left: 300px;
}

.bgSportsGuyLeft {
	background-image: url(/app/images/backgrounds/sports-guy.png);
	background-position: -500px 0; /* Fix this is we crop the background images */
	padding-left: 245px;
}

.bgCamoPantsGirl {
	background-image: url(/app/images/backgrounds/camo-pants-girl.png);
	padding-left: 180px;
}

/* Top-right backgrounds */

.bgFiveKids, .bgBreadAndFruit, .bgOrangeJuiceKid, .bgCandyBarKid, .bgBoyWithBooks,
.bgSweatingWithBackpack, .bgSoccerKidAndMom, .bgToothbrushGirl,
.bgSportsGuy, .bgMomChecksSoccerKid, .bgStackOfBooks, .bgDoctor, .bgTestingAtComputerRight {
	background: transparent no-repeat right top;
	/*behavior: expression(DD_roundies.roundify.call(this, [0,0,0,0]));*/
	_height: 320px;
	min-height: 320px;
	padding: 0 360px 0 0;
}

/*  	padding: 33px 393px 0 100px;	*/
.bgFiveKids {
	_height: 355px;
	min-height: 355px;
	padding: 33px 210px 0 90px;
}

.bgBreadAndFruit {
	background-image: url(/app/images/backgrounds/bread-and-fruit.png);
	padding-right: 300px;
}

.bgOrangeJuiceKid {
	background-image: url(/app/images/backgrounds/orange-juice-kid.png);
	padding-right: 180px;
}

.bgCandyBarKid {
	background-image: url(/app/images/backgrounds/candy-bar-kid.png);
}

.bgBoyWithBooks {
	background-image: url(/app/images/backgrounds/boy-with-books.png);
	padding-right: 250px;
}

.bgSweatingWithBackpack {
	background-image: url(/app/images/backgrounds/sweating-with-backpack.png);
	padding-right: 250px
}

.bgSoccerKidAndMom {
	background-image: url(/app/images/backgrounds/soccer-kid-and-mom.png);
	padding-right: 250px;
}

.bgToothbrushGirl {
	background-image: url(/app/images/backgrounds/toothbrush-girl.png);
	padding-right: 250px;
}

.bgSportsGuy {
	background-image: url(/app/images/backgrounds/sports-guy.png);
	padding-right: 250px;
}

.bgMomChecksSoccerKid {
	background-image: url(/app/images/backgrounds/mom-checks-soccer-kid.png);
	padding-right: 395px;
}

.bgStackOfBooks {
	background-image: url(/app/images/backgrounds/stack-of-books.png);
	padding-right: 110px;
}

.bgDoctor {
	background-image: url(/app/images/backgrounds/doctor.png);
	padding-right: 180px;
}

.bgTestingAtComputerRight {
	background-image: url(/app/images/backgrounds/testing-at-computer-right.png);
	padding-right: 275px;
}

/* bottom-right backgrounds */

.bgCircleDoctors, .bgBalloonGirl, .bgTestingWithChart {
	background: transparent no-repeat right bottom;
	/*behavior: expression(DD_roundies.roundify.call(this, [0,0,0,0]));*/
	_height: 320px;
	min-height: 355px;
	padding: 0 360px 0 0;
}

.bgCircleDoctors {
	background-image: url(/app/images/backgrounds/circle-doctors.png);
	margin-right: -10px;
}

.bgBalloonGirl {
	background-image: url(/app/images/backgrounds/balloon-girl.png);
	min-height: 285px;
	margin-right: -10px;
}

.bgTestingWithChart {
	background-image: url(/app/images/backgrounds/testing-with-chart.png);
	float: left; /* For containment */
	min-height: 250px;
	padding-right: 0;
	width: 100%;
	margin-bottom: 30px;
}


#keyAnimate {
	display: none;
	position:absolute;
	top:130px;
	left:210px;
}



.parentInfo {
	height: 63px;
	position: absolute;
	right: 5px;
	top: 40px;
	width: 89px;
}

#parentBubble {
	position: absolute;
	right: -25px;
	top: -10000px; /* Move to -100px in JS later */
}

.parentInfoHover #parentBubble {
	top: -100px;
}

.parentsNote {
	display: block;
	height: 34px;
	position: relative;
	width: 122px;
	z-index: 9;
}

	.parentsNote .note {
		background: #fff;
		border: 2px solid #abe2b7;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		bottom: 3em;
		color: #5c3787;
		left: -5em;
		letter-spacing: 0;
		padding: 1.5em;
		position: absolute;
		text-indent: 0;
		visibility: hidden;
		width: 400px;
		z-index: 99;
	}
	
		.parentsNote h3 {
			color: inherit;
			font: 1.5em KomikaTextTightRegular, 'Arial Narrow', Arial, sans-serif;
		}
		
		.parentsNote .note p {
			margin-bottom: 1em;
			padding: 0;
		}
		
.parentsNoteHover {
	background-position: 0 0;
	text-decoration: none;
}

	.parentsNoteHover .note {
		visibility: visible;
	}

.closeBox {
	position: absolute;
	top: 0px;
	right: 12px;
	font-size: 20px;
}


#keyAnimate .closeThis {
	position: absolute;
	top: 0px;
	right: 12px;
	font-size: 20px;
}


div.highlight {
	background: #9be0db;
	behavior: expression(DD_roundies.roundify.call(this, [10,10,10,10]));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 15px;
}

	div.highlight p {
		padding: 0;
	}

div.bread {
	background: transparent url(/app/images/backgrounds/bread-red.png) repeat-y left top;
	/* behavior: expression(DD_roundies.roundify.call(this, [0,0,0,0])); */
	color: #512e85;
	padding: 7px 20px 7px 110px;
}

	div.bread p {
		padding: 0;
	}
	
div.breadGreen {
	background: transparent url(/app/images/backgrounds/bread-green.png) repeat-y left top;
	/* behavior: expression(DD_roundies.roundify.call(this, [0,0,0,0]));*/
	color: #512e85;
	padding: 7px 20px 7px 110px;
}

	div.breadGreen p {
		padding: 0;
	}

div.tips {
	background: transparent url(/app/images/backgrounds/tips-bg.png) repeat-y left top;
	behavior: expression(DD_roundies.roundify.call(this, [10,10,10,10]));
	border: 5px solid #fa9d5e;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font: bold 1.3em 'Arial Narrow', Arial, sans-serif;
	padding: 15px;
}

	div.tips p {
		padding: 0;
	}
		
	div.tips ol {}

		div.tips ol li {
			list-style-position: outside;
			margin: 10px 10px 10px 25px;
		}

.whereCanIFindOutAbout {}

	.whereCanIFindOutAbout li {
		border-bottom: 1px dashed gray;
		list-style-type: none;
		padding: 5px;
	}
	
		.whereCanIFindOutAbout li a {
			color: #009;
		}

.glossaryOfTerms {}

	.glossaryOfTerms table {}

		.glossaryOfTerms table tr {}
		
			.glossaryOfTerms table tr td {
				border-bottom: 2px dashed gray;
				padding: 10px;
			}

.telephone {
	background: transparent url(/app/images/telephone.png) no-repeat center top;
	/*behavior: expression(DD_roundies.roundify.call(this, [0,0,0,0]));*/
	padding: 110px 15px 5px;
	margin-bottom: 30px;
}

#leftNav {
	margin-top: 15px;
}

	#leftNav ul {
		margin-bottom: 0;
	}
	
		#leftNav ul li {
			margin-bottom: 0;
		}
		
		#leftNav ul li.selected {
			border: 1px solid #ccc;
			border-width: 1px 0;
			margin: 3px 0;
			padding: 3px 0;
		}

			#leftNav ul li a {
				background: transparent url(/app/images/blackArrow_right.gif) no-repeat scroll 0 5px;
				color: #000000;
				display: inline-block;
				margin: 5px 0;
				padding-left: 10px;
			}

			#leftNav ul li a.selected {
				background: url(/app/images/blackArrow_left.gif) no-repeat scroll 0 5px transparent;
				font-weight: bold;
				padding-left: 10px;
			}
			
			/* Color these based on the class of #bd */
			.gradientBlue   #leftNav a.selected {color: #0095e9;}
			.gradientGreen  #leftNav a.selected {color: #009900;}
			.gradientOrange #leftNav a.selected {color: #fb7800;}
			.gradientPurple #leftNav a.selected {color: #4c00ff;}
			.gradientRed    #leftNav a.selected {color: #cc0000;}
			.gradientYellow #leftNav a.selected {color: #ccaa00;}

			#leftNav ul li ul {
				margin-left: 12px;
			}
			
				#leftNav ul li ul li {}

					#leftNav ul li ul li a.selected {}

.topBdr {
	margin: 0;
}

#footerCallouts3 {
	background: transparent url(/app/images/backgrounds/module-bg.png) repeat-x left bottom;
	margin: 10px 0 0;
	padding: 0 0 10px;
	width: 100%;
}

/* Colors from #bd */
.gradientBlue   #footerCallouts3 {background-image: url(/app/images/backgrounds/modules-bg-blue.png);}
.gradientGreen  #footerCallouts3 {background-image: url(/app/images/backgrounds/modules-bg-green.png);}
.gradientOrange #footerCallouts3 {background-image: url(/app/images/backgrounds/modules-bg-orange.png);}
.gradientPurple #footerCallouts3 {background-image: url(/app/images/backgrounds/modules-bg-purple.png);}
.gradientRed    #footerCallouts3 {background-image: url(/app/images/backgrounds/modules-bg-red.png);}
.gradientYellow #footerCallouts3 {background-image: url(/app/images/backgrounds/modules-bg-yellow.png);}
	
	#footerCallouts3 .ftCallout {
		padding: 0 0 15px 20px;
		width: 305px;
		_width: 300px;
	}
	


#footerLinks img {}

#footerLinks a {
	background:transparent url(/app/images/blackArrow_right.gif) no-repeat scroll 0 5px;
	color: #000000;
}

.navbar {
	position: absolute;
}

.navbar li.selected a {
color:#d47231;
}

#leftNav ul ul {
	margin: auto auto auto 7px;
}
#footerBottom {
	margin: 0;
	padding: 20px 10px;
}

#bgFiveKidsAnim {
	display: none;
	height: 375px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0; /* Move to 0 later in JS */
	width: 980px;
}

	#animBg {
		height: 465px;
		left: 0;
		position: absolute;
		top: -70px;
		width: 1030px;
	}
	
	#animSwoosh {
		bottom: 0;
		position: absolute;
		right: 0;
	}

	#animLogo {
		bottom: 0;
		position: absolute;
		right: 0;
	}

	#bgFiveKidsAnim .kid {
		bottom: -40px;
		position: absolute;
		right: 25px;
	}

#hd,
#bd {
	z-index: auto;
}

#hd.hdBdHover,
#bd.hdBdHover {
	z-index: 999;
}