.schools { }
	.schools-marquee { }

	.schools-boards { overflow: hidden; margin: 0 -10px 20px; }
		.schools-board { overflow: hidden; position: relative; float: left; background: #f9f9f9; border: solid 1px #999; margin: 0 10px; line-height: 20px; }
			.legend-board, .legend-board:hover { float: left; width: 80px; padding: 57px 0 10px; background-position: center 13px; background-repeat: no-repeat; color: #333; font-size: 14px; line-height: 18px; text-align: center; text-decoration: none; }
			.legend-board:hover { background-color: #eee; }
			.legend-public { background-image: url('/template/schools/public.png'); }
			.legend-catholic { background-image: url('/template/schools/catholic.png'); }
			.legend-public.selected, .legend-public.selected:hover { background-color: #67d1c9; color: #fff; }
			.legend-catholic.selected, .legend-catholic.selected:hover { background-color: #a52f36; color: #fff; }
			
			.legend-title { margin: 0; padding: 2px 5px 0; border-bottom: solid 1px #ccc; background: #ddd; font-size: 12px; font-weight: bold; text-align: center; }
			.legend-types { float: left; width: 185px; margin: 0; padding: 0; font-size: 13px; list-style: none; }
				.legend-types h4 { text-align: center; color: #fff; font-family: 'proxima-nova-1','proxima-nova-2'; font-size: 14px; font-weight: bold; }
				.legend-types li { }
					.legend-types a, .legend-types a:hover { display: block; padding: 0 0 0 8px; color: #666; text-decoration: none; }
					.legend-types a:hover { background: #eee; }
					.legend-types .selected, .legend-types .selected:hover { background: #ddd; color: #000; }
					.legend-types span { display: inline-block; width: 15px; height: 8px; margin: 0 5px 0 0; }

					.type-arts span { background: #dc0976; }
					.type-alternative span { background: #76dc09; }
					.type-french span { background: #1515d9; }
					.type-ib span { background: #a309dc; }
			.legend-types-overlay, .legend-types-overlay:hover { position: absolute; display: block; top: 23px; right: 0; width: 148px; padding: 23px 20px 20px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; text-decoration: none; }
			.legend-types-public { background: #67d1c9; }
			.legend-types-catholic { background: #a52f36; }

	.schools-map { width: 558px; height: 390px; margin: 0 0 -1px; border: solid 1px #999; }
	
	.schools-legend { margin: 0 0 20px; background: #f9f9f9; border: solid 1px #999; }
		.schools-legend ul { overflow: hidden; margin: 0; padding: 0; list-style: none; }
			.schools-legend li { float: left; border-right: solid 1px #ccc; }
			.schools-legend li:last-child { border-right: none; }
				.schools-legend li:last-child a { width: 93px; }
				.schools-legend a { display: block; width: 92px; padding: 53px 0 10px; background-position: center 10px; background-repeat: no-repeat; color: #333; font-weight: bold; line-height: 20px; text-align: center; text-decoration: none; }
				.schools-legend a:hover { background-color: #eee; }
				.schools-legend .selected, .schools-legend .selected:hover { background-color: #ddd; color: #000; }
				
				.legend-private { background-image: url('/template/schools/private.png'); }
				.legend-esl { background-image: url('/template/schools/esl.png'); }
				.legend-montessori { background-image: url('/template/schools/montessori.png'); }
				.legend-preschool { background-image: url('/template/schools/preschool.png'); }
				.legend-university { background-image: url('/template/schools/university.png'); }
				.legend-college { background-image: url('/template/schools/college.png'); }
	
	.schools-overlays { position: relative; }
		.schools-overlay { display: none; position: absolute; float: left; bottom: -1px; width: 185px; border: solid 1px #999; background: #f9f9f9; }
			.show-legend, .show-legend:hover { display: block; padding: 16px 5px; color: #fff; font-size: 13px; line-height: 16px; font-weight: bold; text-align: center; text-decoration: none; }
			.close-legend, .close-legend:hover { position: absolute; right: -11px; top: -11px; width: 20px; height: 20px; border: solid 2px #333; color: #333; background: #fff; font-weight: bold; line-height: 20px; text-align: center; text-decoration: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
		.overlay-public { left: 0; }
			.overlay-public .show-legend { background: #67d1c9; }
		.overlay-catholic { left: 93px; }
			.overlay-catholic .show-legend { background: #a52f36; }
			.legend-types { display: none; }
			
	.schools-resources { margin: 0 0 20px; padding: 10px 10px 1px; border: solid 1px #999; }
		.schools-resources h3 { margin: -10px -10px 10px; padding: 2px 5px 0; border-bottom: solid 1px #ccc; background: #ddd; font-size: 16px; text-align: center; }
	
	.schools-disclaimer { margin: 0 0 20px; color: #777; font-size: 13px; font-weight: bold; line-height: 18px; }
	
	.school-info { overflow: scroll; font-size: 13px; line-height: 18px; }
		.school-info h3 { margin: 0 0 10px; font-size: 16px; }
		.school-info .school-grades { margin: -10px 0 10px; }
		.school-info .school-contact { margin: 0 0 10px; padding: 0; list-style: none; }
	
	.schools-note { position: absolute; z-index: 999; width: 560px; height: 350px; margin: -350px 0 0; background: rgba(0,102,153,0.6); color: #fff; font-family: 'felt-tip-roman-1','felt-tip-roman-2'; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,0.8); -webkit-font-smoothing: antialiased; }
		.schools-note h3 { margin: 0; font-size: 28px; line-height: 330px; font-family: 'felt-tip-roman-1','felt-tip-roman-2'; text-align: center; }
		.schools-note p { position: absolute; margin: 0; color: #def; font-size: 20px; text-align: center; }
		.schools-note .public { width: 270px; left: 0; top: 15px; }
		.schools-note .catholic { width: 270px; right: 0; top: 15px; }
		.schools-note .other { width: 373px; right: 0; bottom: 15px; }
		.schools-note .special { width: 460px; left: 50px; top: 180px; }