/* Homepage stylesheet to override styles and do special treatments */
html {  }
body { background: url("/images/home/district-bodybg.png") repeat-x scroll top center #F2F2F2; }
body.layout-n0-p1-s1 #container { background: url("/images/common/containerbg.png") repeat-y scroll 50% 0 transparent; }
	#inner-container { background: #fff; margin-top: 10px; }
	
body.layout-n0-p1-s1 #primary-content { width: 530px; }
body.layout-n0-p1-s1 #secondary-content { width: 360px; }

#breadcrumbs { display: none; }
#primary-content { }
	#primary-content .news li h4 a { color: #222; }
#secondary-content { border: 0; }

#header { top: -585px !important; }

#content { background: url("/images/common/tab-row.gif") repeat-x scroll left 53px transparent; }

.tab-row { margin-left: -24px; margin-right: -24px; overflow: hidden; }
.tab-row ul { height: 60px; padding-top: 15px; padding-left: 20px; background: transparent; }
.tab-row ul li {
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	}
	.tab-row ul li a {
		font-size: 17px;
		color: #686868;
		font-family: 'allerbold';
		padding: 10px 15px 15px 5px;
		background: none;
		border: 0;
		}
		.tab-row ul li a span {
			color: #6d6d6d;
			}
			.tab-row ul li a.selected,
			.module .hd h2 {
				color: #866970;
				background: url(/images/common/sectionheader-arrow.gif) 5px bottom no-repeat;
				}
			.tab-row ul li a:hover { color: #866970; }
				.tab-row ul li a.selected span,
				.tab-row ul li a:hover span,
				.module .hd h2 span {
					color: #3e0613;
					}

	a.readmore { 
		font-family: allerbold;
		font-size: 11px;
		text-transform: uppercase;
		padding-left: .5em;
		}

#announcements { height: 144px; }
#announcements .hd h2 { color: #3E0613; }
	#announcements .bd { margin-left: 20px; }
		#announcements ul.news {margin-left: 10px; }
			#announcements ul.news li {
				font-size: 12px;
				width: 29%;
				float: left;
				display: block;
				margin: 0 2%;
				}
				#announcements ul.news li.alert {
				font-size: 16px;
				font-family: "allerbold";
				}	
				#announcements ul.news li.alert h4 {
					font-family: "EnriquetaBold";
					}
			#announcements ul.news li.last-child { margin-right: 0; }
				#announcements ul.news li h4 { font-size: 1.33em; }
				#announcements a.readmore { padding-left: 0; }
				
	#cycle-prev,
	#cycle-next {
		display: block;
		position: absolute;
		text-indent: 101%;
		white-space: nowrap;
		overflow: hidden;
		width: 16px;
		height: 40px;
		top: 50px;
		}
	#cycle-prev { 
		background: url(/images/home/bg_cycle_prev.png) no-repeat;
		left: 0;
		}
	#cycle-next { 
		background: url(/images/home/bg_cycle_next.png) no-repeat;
		right: -28px;
		}
		
#slideshow { 
	width: 100%; 
	margin: 0 auto;
	height: 420px;
	overflow: hidden;
	position: relative;
	}
	#slideshow ul,
	#slideshow ul li { 
		list-style: none; 
		margin: 0; 
		padding: 0;
		}
		#slideshow ul li { 
			height: 420px;
			float: left; 
			}
	#slideshow #slideshow_controls { 
		position: relative; 
		width: 980px; 
		display: block; 
		margin: 0 auto;
		}
	#slideshow #school_pager {
		position: absolute;
		z-index: 2;
		display: block;
		bottom: 0;
		height: 56px;
		width: 980px;
		background: url(/images/home/bg_pager_tray2.png);
		}
		#carousel_pager {
			width: 517px;
			margin: 9px auto !important;
			height: 38px;
			display: block;
			background: url(/images/home/bg_pagers2.png) no-repeat; }
			#carousel_pager li { width: 47px; margin: 0; }
				#carousel_pager li a {
					overflow: hidden;
					display: block;
					height: 38px;
					width: 47px;
					text-indent: 101%;
					white-space: nowrap;
					overflow: hidden;
					float: left;
					}
					
					#carousel_pager li a.district { }
					#carousel_pager li a.harriton { }
					#carousel_pager li a.lower-merion { }
					#carousel_pager li a.bala-cynwyd {}
					#carousel_pager li a.welsh-valley {}
					#carousel_pager li a.belmont-hills {}
					#carousel_pager li a.cynwyd { }
					#carousel_pager li a.gladwyne {  }
					#carousel_pager li a.merion {  }
					#carousel_pager li a.penn-wynne {  }
					#carousel_pager li a.penn-valley {  }
					
					#carousel_pager li.selected a,
					#carousel_pager li a:hover { background: url(/images/home/bg_pagers2.png) no-repeat; }
					
					
          			#carousel_pager li.selected a.district,
					#carousel_pager li a.district:hover { background-position: 0 -38px; }
					#carousel_pager li.selected a.harriton,
					#carousel_pager li a.harriton:hover { background-position: -47px -38px; }
					#carousel_pager li.selected a.lower-merion,
					#carousel_pager li a.lower-merion:hover { background-position: -94px -38px; }
					
					#carousel_pager li.selected a.bala-cynwyd,
					#carousel_pager li a.bala-cynwyd:hover { background-position: -141px -38px; }
					#carousel_pager li.selected a.welsh-valley,
					#carousel_pager li a.welsh-valley:hover { background-position: -188px -38px; }
					
					#carousel_pager li.selected a.belmont-hills,
					#carousel_pager li a.belmont-hills:hover { background-position: -235px -38px; }
					#carousel_pager li.selected a.cynwyd,
					#carousel_pager li a.cynwyd:hover { background-position: -282px -38px; }
					#carousel_pager li.selected a.gladwyne,
					#carousel_pager li a.gladwyne:hover { background-position: -329px -38px; }
					#carousel_pager li.selected a.merion,
					#carousel_pager li a.merion:hover { background-position: -376px -38px; }
					#carousel_pager li.selected a.penn-valley,
					#carousel_pager li a.penn-valley:hover { background-position: -423px -38px; }
					#carousel_pager li.selected a.penn-wynne,
					#carousel_pager li a.penn-wynne:hover { background-position: -470px -38px; }
					
#center-carousel {
	position: relative; 
	width: 980px; 
	margin: 0 auto;
	}
	#center-carousel li {
		color: #fff;
		position: relative;
		width: 980px;
		}
		#center-carousel li div.thumb {
			position: absolute;
			top: 0;
			left: 0;
			height: 420px;
			width: 980px;
			}
			#center-carousel li div.thumb img { box-shadow: none; }
		#center-carousel li div.school_info {
			display: block;
			position: relative;
			width: 100%;
			float: right;
			height: 100%;
			background: url(/images/home/bg_slide_grad_right.png) top right no-repeat transparent;
			}
			#center-carousel li div.school_info .inner { 
				position: absolute;
				display: block;
				height: 280px;
				width: 350px;
				padding: 85px 20px 55px 30px;
				right: 0;
			}
		#center-carousel li.district div.school_info h4 a,
#center-carousel li.district a.readmore { color: #600000; }
#center-carousel li.harriton div.school_info h4 a,
#center-carousel li.harriton a.readmore { color: #c60909; }
#center-carousel li.lower-merion div.school_info h4 a,
#center-carousel li.lower-merion a.readmore { color: #600000; }
#center-carousel li.bala-cynwyd div.school_info h4 a,
#center-carousel li.bala-cynwyd a.readmore { color: #780000; }
#center-carousel li.welsh-valley div.school_info h4 a,
#center-carousel li.welsh-valley a.readmore { color: #145a26; }
#center-carousel li.belmont-hills div.school_info h4 a,
#center-carousel li.belmont-hills a.readmore { color: #0d0d0d; }
#center-carousel li.cynwyd div.school_info h4 a,
#center-carousel li.cynwyd a.readmore { color: #00521f; }
#center-carousel li.gladwyne div.school_info h4 a,
#center-carousel li.gladwyne a.readmore { color: #d22127; }
#center-carousel li.merion div.school_info h4 a,
#center-carousel li.merion a.readmore { color: #95320d; }
#center-carousel li.penn-wynne div.school_info h4 a,
#center-carousel li.penn-wynne a.readmore { color: #163665; }
#center-carousel li.penn-valley div.school_info h4 a,
#center-carousel li.penn-valley a.readmore { color: #002151; }

.school_info a.readmore { font-size: 14px !important; font-style: italic; text-transform: none !important; font-family: 'allerregular' !important; padding: 0; font-weight: normal; }
		
			 #center-carousel li .school_info > * {
			text-shadow: 0px 1px 1px #fff;
			zoom: 1;
			} 
			#center-carousel li .school_info h4 { 
				font-family: 'EnriquetaRegular';
				padding-bottom: 24px;
				font-size: 38px;
				line-height: 40px;
				color: #fff;
				}
				#center-carousel li a { color: #fff; }
			#center-carousel li .school_info p {
				font-size: 1.6em;
				font-family: "allerbold";
				padding-bottom: 15px;
				margin-bottom: 0;
				color: #222;
				}
				#center-carousel li .school_info a.readmore { font-style: normal; }

		#center-carousel li.left div.school_info { background: url(/images/home/bg_slide_grad_left.png) bottom left no-repeat transparent; }
			#center-carousel li.left div.school_info .inner { left: 0; }
		#center-carousel li.bottom div.school_info { 
			background: url(/images/home/bg_slide_grad_bottom.png) bottom left no-repeat transparent;
			}


/* Full Width Carousel */
#sides-carousel {
	position: relative;
	width: 980px;
	margin: 0 auto;
	}

#home #secondary-content { 
	width: 350px; 
	margin-left: 31px;
	margin-top: -168px;
	background: transparent;
	margin-bottom: 0;
	padding-bottom: 0;
	}
	#home #secondary-content .module {
		border-left: 1px solid #e4e5e4;
		padding-left: 30px;
		margin-top: 0;
		margin-bottom: 15px;
		}
		#home #secondary-content .module div.hd {
			background: url("/images/common/sectionheader-arrow.gif") no-repeat scroll 5px bottom transparent;
			margin-bottom: 1em;
		    padding: 3px 0 6px;
			}
		#home #secondary-content .module h2 { padding-top: 10px; background: none; }
		#home #secondary-content .module h4 { margin-top: 1em; font-size: 20px; }
		#home #secondary-content .module div.thumb {}

		#home #secondary-content #school_highlights { padding-bottom: 40px; margin-bottom: 0; }		

		#home .button-list ul { margin: 0 0 0 -31px; width: 358px; padding: 0; background: #fff; }
		#home .button-list li { position: relative; display: block; height: 88px; background: url(/images/home/button-bg.gif) 0 0 repeat-x; width: 358px; border: 1px solid #ccc; overflow: hidden; margin: 0; padding: 0; }
		#home .button-list li.first-child { margin-bottom: 12px; }
		
		#home .button-list ul li h4 a { height: 68px; width: 232px; position: absolute; top: 0; left: 0; z-index: 80; padding: 22px 10px 0 120px; display: block; text-transform: uppercase; font-size: 24px; color: #531925; text-shadow: -1px -1px #fff; font-family: 'EnriquetaRegular'; line-height: 1em; font-weight: normal; margin: 0; overflow: hidden; }
		#home .button-list .thumb { position: absolute; left: -30px; top: 0; height: 88px; width: 144px; overflow: hidden; box-shadow: none; }
		#home .button-list .thumb a { width: 144px; height: 88px; }
#home .button-list .thumb a img { margin: -50% 0 0 -50%; }
		#home .button-list .thumb a .button-overlay { position: absolute; top: 0; left: 0; width: 144px; height: 88px; background: url(/images/home/button-overlay.png) right top no-repeat; }
/*
#cycle-pager-slideshow {
	position: absolute;
    text-align: center;
    top: -20px;
    width: 100%;
	}	
	#cycle-pager-slideshow span {
		display: inline-block;
		padding: 7px 20px;
		}
		#cycle-pager-slideshow span a {
				display: block;
				width: 19px;
				height: 19px;
				float: left;
				overflow: hidden;
				text-indent: 100%;
				white-space: nowrap;
				background: url(/images/home/bg_slideshow_pager.png) no-repeat center bottom;
				margin-right: 10px;
				}
		#cycle-pager-slideshow span a.activeSlide {
			background: url(/images/home/bg_slideshow_pager.png) no-repeat center top;
			}
			*/

.pc .module.news .list ul li { margin-bottom: 1.2em; }
.pc .module.news .list h4 {
	margin-bottom: 5px !important;
	font-size: 18px;
    line-height: 1;
    padding-top: 5px;
	}
.sc .news h4 { line-height: 1.2em !important; margin-bottom: 0; }