* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font: .75em Times, serif;
	text-align: center;
	background: #ebb846 url("bg.jpg");
}


#container {
	width: 1003px;
	margin: 0 auto;
	text-align: left;
}

#sidebar {
	float: left;
	width: 349px;
	margin-right: 12px;
	font: 150% Times, serif;
	padding-top: 0;
}
	#sidebar #memo, #sidebar #rules {
		color: #72372a;
	}
	#sidebar #updates {
		color: #715541;
		margin-bottom: 25px;
	}
	#sidebar #classrooms {
		color: #486554;
		font-size: 78%;
	}
#content {
	float: left;
	width: 613px;
}


#header {
	position: relative;
	display: block;
}
	#util_nav {
		position: absolute;
		left: 10px;
		bottom: -2px;
	}
#section {
	display: block;
}

#footer {
	display: block;
	position: relative;
}

#footer {
	background: url("footer_box_bottom.jpg") no-repeat;
	min-height: 216px;
	height: 216px;
}
	#footer_box_top {
		background: url("footer_box_top.jpg") no-repeat;
		padding: 22px 25px 15px 52px;
	}
	
	#footer ul li {
		float: left;
		width: 185px;
		color: #ecc448;
		font-size: 116%;
		line-height: 18px;
	}
		#footer ul li ul li {
			float: none;
			color: #867060;
			font-size: 86%;
		}
	#footer #address {
		position: absolute;
		right: 60px;
		top: 62px;
	}

#mainbody {
	
}

.section {
	margin-bottom: 58px;
}

h1 {
	color: #c74434;
	font-size: 216%;
	font-family: Helvetica, sans-serif;
}
	#mainbody h1 {
		margin-bottom: 10px;
	}
	#sidebar h1 {
		margin-bottom: 0px;
	}
	#address h1 {
		color: #ecc448;
		font-size: 100%;
		font-weight: normal;
	}
	
h2 {
	color: #c74434;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 180%;
	margin: 0 0 7px 0;
}

	#mainbody h2 {
		margin-bottom: 5px;
	}

h3 {
	font-size: 150%;
	color: #c74434;
	font-weight: normal;
}
	#mainbody h3 {
		margin-bottom: 6px;
		font-family: Helvetica, sans-serif;
	}
h4 {
	font-size: 140%;
	color: #c74434;
	font-weight: normal;
}
	#mainbody h4 {
		margin-bottom: 6px;
		font-family: Helvetica, sans-serif;
		font-style: italic;
	}
ul {
	
}
	#util_nav, #nav, #sidebar, #sidebar ul {
		list-style: none;
	}
	#sidebar ul {
		margin: 0;
		padding: 0;
	}
	#mainbody ul {
		margin-bottom: 13px;
	}

ul li {
	/*line-height: 23px;*/
}
	#mainbody ul li {
		color: #715541;
		margin-left: 25px;
		font-size: 150%;
		margin-bottom: 4px;
	}
	#mainbody ul li ul li {
		font-size: 100%;
	}
	#mainbody ul.anti_list li {
		margin-left: 0;
		list-style: none;
	}
	#sidebar li {
		margin-bottom: 21px;
	}
	#sidebar #nav li {
		margin: 0;
		padding: 0;
	}
	#sidebar #nav li a {
	}
	#footer ul {
		list-style: none;
	}
	#updates li {
		background: url("rocky_balborder.gif") repeat-x left bottom;
		padding-bottom: 17px;
	}
	#updates li.recent {
		background-image: url("sprite.gif");
		padding-top: 4px;
	}
	#updates .recent {
		background: url("sprite.gif") no-repeat -499px -829px;;
		padding-top: 4px;
	}
		#updates li p.date, p.date {
			float: left;
			margin: 0 5px 0 0;
			color: #c74434;
			font-weight: bold;
		}
		#updates .recent p.date {
			text-indent: 28px;
		}
	ul.two_col li {
		list-style: none;
	}
	#mainbody table ul {
		list-style: none;
		padding: 0;
	}
	#mainbody table li {
		font-size: 10px;
		padding: 0;
		margin: 0;
	}
	.galleria li, #mainbody .galleria li {
		margin: 0 5px 0 0;
	}
	
	.gallery_sets_list .photo_container {
		float: left;
		margin-right: 10px;
	}
		.gallery_sets_list .photo_bg {
			background: url("gallery_sets_image_bg.png") no-repeat;
			float: left;
			width: 201px;
			height: 201px;
		}
		.gallery_sets_list .photo_bg a {
			display: block;
			float: left;
			padding: 10px;
			width: 165px;
			height: 165px;
			overflow: hidden;
		}
	.gallery_sets_list .details {
		float: left;
		width: 353px;
	}
	#rules ul {
		text-align: center;
		border-bottom: 1px solid #f1e5ca;
		margin-bottom: 12px;
	}
	#rules ul li {
		color: #f2eacf;
		font-size: 14px;
	}
		#rules ul li ul {
			border-bottom: none;
		}
		#rules ul li ul li {
			color: #72372a;
			margin-bottom: 5px;
		}
		.pagination li, #mainbody .pagination li {
			list-style: none;
			font-family: Helvetica, sans-serif;
			margin: 0;
		}
	#mainbody ul.events_list {
		margin: 0;
	}
		#mainbody ul.events_list li {
			margin-bottom: 4px;
		}
		#mainbody ul.the_events .date {
			float: left;
			background: url("back_o_date.gif") no-repeat;
			height: 116px;
			width: 116px;
			margin-right: 12px;
			font-family: Helvetica, sans-serif;
			text-align: center;
			padding-top: 12px;
		}
		#mainbody ul.the_events li.today .date {
			background-image: url("back_o_todays_date.gif");
		}
		#mainbody ul.the_events .date p {
			font-family: Helvetica, sans-serif;
			margin: 0 0 6px 0;
		}
		#mainbody ul.the_events .events_list {
			float: left;
			padding-top: 12px;
			width: 300px;
		}
			#mainbody ul.the_events .month {
				color: #c74434;
			}
			#mainbody ul.the_events .day {
				color: #c74434;
				font-size: 45px;
			}
			#mainbody ul.the_events .year {
				color: #c74434;
			}
p {
	
}
	#sidebar p {
		line-height: 23px;
	}
	#mainbody p {
		color: #715541;
		font: 150% Times, serif;
		line-height: 23px;
		margin-bottom: 25px;
	}
	#mainbody p.count {
		margin-bottom: 4px;
	}
		#mainbody li p {
			font-size: 100%;
		}
		#faq_page p {
			margin-bottom: 12px;
		}
	#mainbody .the_events p {
		margin-bottom: 5px;
	}
	#footer p {
		color:#867060;
		line-height: 19px;
	}
		#footer p strong, #footer strong p {
			color: #ECC448;
			font-weight: normal;
			font-size: 12px;
		}
	#caption p {
		color: #72372a;
		font-size: 116%;
	}
	#slideshow p {
		margin: 0;
	}
	p.photo_count, #mainbody p.photo_count {
		text-align: right;
		font-size: 86%;
		font-style: italic;
		margin-right: 5px;
		clear: both;
	}
	#rules p {
		font-size: 14px;
		line-height: 18px;
	}
p small {
	font-size: 75%;
}
a, a:link {
	text-decoration: none;
	color: #c74434;
}
	a:hover {
		text-decoration: underline;
	}
	#footer a {
		color: #867060;
	}
	#sub a {
		color: #715541;
		font-size: 150%;
		font-weight: 500;
		font-family: Helvetica, sans-serif;
	}
	strong a {
		color: #c74434;
	}
	a img {
		border: none;
	}
	#sidebar #classrooms a {
		color: #486554;
	}
	sup, sub {
	  height: 0;
	  line-height: 1;
	  position: relative;
	  vertical-align: baseline;
	  _vertical-align: bottom;
	}
img { -ms-interpolation-mode: bicubic; }
strong {
	
}
	 p strong {
		color: #c74434;
	}
	li strong, p strong {
		font-family: Helvetica, sans-serif;
		font-weight: bold;
		color: #c74434;
	}
	table.schedule strong, #schedule_box table strong {
		color: #715541;
	}
	
.faqs .question {
	margin-bottom: 8px;
}
table .td_pad {
	padding: 6px 0 4px 11px;
}
	table.schedule td, #schedule_box table td {
		vertical-align: top;
		font-size: 14px;
	}
	table.schedule tr.odd, #schedule_box table tr.odd {
		background: url("zebra_stripe_yella.png");
	}
	
	#mainbody table {
		font-size: 100%;
		color: #c74434;
		font-family: Helvetica, sans-serif;
		width: 100%;
	}
	#mainbody table th {
		color: #c74434;
		border-left: none;
		text-align: center;
	}
	#mainbody table {
		border-collapse: collapse;
		margin-bottom: 24px;
	}
	#mainbody table td {
		border: 1px solid #715541;
		width: 14%;
		vertical-align: top;
	}
	#mainbody table td span {
		display: block;
		height: 100%;
		padding: 5px 5px 20px 5px;
		
	}
	#mainbody table td span.date_space {
		min-height: 50px;
		height: auto !important;
		height: 50px;
		display: block;
	}
	#mainbody table td span.hooray_event {
		border: 1px solid #b04c3a;
		background: #f2d9c0;
	}
	#mainbody table td.today {
		background: #f2d7c0;
	}

.kabam {
	color: #c74434;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}
.boom {
	background: url("pirate_border.gif") no-repeat bottom;
	padding-bottom: 18px;
	margin-bottom: 18px;
}
#header h1 a {
	height: 200px;
	background-position: 0 -326px;
	background: url("erie_header.jpg") no-repeat;
	display: block;
	line-height: 1000em;
	overflow: hidden;
}

	#util_nav li a {
		display: block;
		overflow: hidden;
		line-height: 1000em;
	}
	#faq {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	#donate {
		position: absolute; 
		left: 52px;
		bottom: 0;
		z-index: 3;
	}
	#annual {
		position: absolute;
		left: 185px;
		bottom: 0;
		z-index: 2;
	}
	#faq a{
		height: 78px;
		width: 117px;
	}
		#faq a:hover, #faq.active a {
			background-position: 0 -1772px;
		}
	#donate a {
		height: 35px;
		width: 134px;
	}
		#donate a:hover, #donate.active a {
			background-position: 0 -1619px;
		}
	#annual a {
		height: 35px;
		width: 148px;
	}
		#annual a:hover, #annual.active a {
			background-position: 0 -1260px;
		}
	
/** sub nav tabs **/
#sub {
	position: absolute;
	top: -38px;
	left: 10px;
}
#sub li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	background: url("sub_bg_mid.jpg") repeat-x;
}
#sub li span {
	display: block;
	float: left;
	background: url("sub_bg_right.jpg") no-repeat right top;
}
#sub li a {
	display: block;
	float: left;
	background: url("sub_bg_left.jpg") no-repeat left top;
	padding: 18px 10px 5px 10px;
}
#sub li.active{
	background-image: url("sub_active_bg_mid.jpg");
}
#sub li.active span {
	background-image: url("sub_active_bg_right.jpg");
}
#sub li.active a {
	background-image: url("sub_active_bg_left.jpg");
	padding-bottom: 19px;
}


#main {
	background: url("mainbg_box_top.jpg") no-repeat top;
	padding-top: 10px;
}
	#mainbg_box_top {
		background: url("mainbg_box_middle.jpg") repeat-y;
	}
	#mainbg_box_bottom {
		background: url("mainbg_box_bottom.jpg") no-repeat bottom;
		min-height: 600px;
		padding-bottom: 61px;
		padding-top: 16px;
	}
#content {
	background: url("main_box_middle.jpg") repeat-y;
	
}
	#content_box_top {
		background: url("main_box_top.jpg") no-repeat;
		position: relative;
	}
	#content_box_bottom {
		background: url("main_box_bottom.jpg") no-repeat bottom;
	}
/*nav*/
#nav a {
	display: block;
	dline-height: 1000em;
	text-indent: -9999px;
	overflow: hidden;	
}
#nav li {
	/*position: relative;*/
	overflow: hidden;
}
#staff {
	height: 76px;
}
#staff a {
	height: 76px;
}
#staff a:hover, #staff.active a {
	background-position: -499px -656px;
}
#curriculum {
	height: 77px;
}
#curriculum a {
	height: 77px;
}
#curriculum a:hover, #curriculum.active a {
	background-position: 0 -1477px;
}
#for-parents {
	height: 74px;
}
#for-parents a {
	height: 74px;
}
#for-parents a:hover, #for-parents.active a {
	background-position: -499px -290px;
}
#gallery {
	height: 74px;
}
#gallery a {
	height: 74px;
}
#gallery a:hover, #gallery.active a {
	background-position: 0 -1964px;
}
#partners {
	height: 78px;
}
#community-partners a {
	height: 78px;
}
#community-partners a:hover, #community-partners.active a {
	background-position: -499px -472px;
}
#opportunities {
	height: 78px;
}
#opportunities a {
	height: 78px;
}
#opportunities a:hover, #opportunities.active a {
	background-position: -499px -108px;
}

/*headers yo */
.basic_header {
	height: 34px;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: left top;
}
#history {
	
}

#mission {
	
}

#philosophy {
	
}

#about_charter {
	
	height: 69px;
}
/*memo box */
#memo_box, #rules_box {
	background: url("memo_box_top.jpg") no-repeat;
	padding-top: 4px;
}
	#memo_box_top, #rules_box_top {
		background: url("memo_box_middle.jpg") repeat-y;
	}
	#memo_box_bottom, #rules_box_bottom {
		background: url("memo_box_bottom.jpg") no-repeat left bottom;
	}
	#memo_box h1 {
		text-indent: -10000px;
		height: 59px;
		position: relative;
		left: -14px;
	}
	#rules_box h1 {
		text-indent: -10000px;
		height: 28px;
		background: url("header_classroom_rules.gif") no-repeat 10px 10px;
		border-bottom: 1px solid #f1e5ca;
		padding: 6px 0 18px 6px;
		margin-bottom: 12px;
	}
	
/* calendar link */
#calendar a {
	display: block;
	width: 299px;
	height: 45px;
	overflow: hidden;
	line-height: 1000em;
}
	
/* updates box */
/* updates box */
#updates_box, #schedule_box {
	background: url("updates_box_middle.jpg") repeat-y;
}
	#updates_box_top {
		background: url("updates_box_top.jpg") no-repeat; 
		padding-top: 55px;
	}
	#schedule_box_top{
		background: url("schedule_box_top.jpg") no-repeat; 
		padding-top: 55px;
	}

/* classrooms box */
#classrooms_box {
	background: url("class_box_middle.jpg") repeat-y;
}
	#classrooms_box_top {
		background: url('class_box_top.jpg') no-repeat;
		padding-top: 55px;
	}
	#classrooms_box_bottom {
		background: url("class_box_bottom.jpg") no-repeat left bottom;
	}
	#classrooms_box table tr.odd {
	}
	
/*homepage slideshow */
#slideshow {
	position: relative;
	top: -11px;
	left: 12px;
	margin-bottom: 20px;
}
	#gallery_image {
		padding: 13px 10px 10px 10px;
	}
 #main_img {
	padding: 14px 10px 14px 10px;
	background: url("home_image_bg.gif") no-repeat;
}
	#main_img_container {
		width: 564px;
		height: 325px;
		overflow: hidden;
		position: relative;
	}
	#main_img_container img {
		position: absolute;
	}
 #main_img_ds {
	padding: 3px;
	background: url("home_image_ds.png") no-repeat;
	height: 357px;
}
	#slideshow_controls {
		position: absolute;
		top: 128px;
		right: -36px;
		width: 62px;
		height: 79px;
	}
	#slideshow #caption {
		width: 290px;
		position: absolute;
		top: -35px;
		right: -38px;
	}
	#slideshow #caption_box_bottom {
		background: url("image_details_box_bottom.gif") no-repeat bottom;
		
	}
	#slideshow #arrow {
		padding: 22px 12px 12px 48px;
		min-height: 50px;
		height: auto !important;
		height: 50px;
	}
	#slideshow #prev {
		width: 35px;
		height: 79px;
		display: block;
	}
	#slideshow #next {
		position: absolute;
		right: 0;
		display: block;
		width: 35px;
		height: 79px;
	}
.two_col .col_one {
	width: 266px;
	float: left;
	margin-right: 33px;
}

.two_col .col_two {
	float: left;
	width: 45%;
}

ul.two_col li {
	float: left;
	width: 42%;
	margin-right: 12px;
	background-image: url("sprite.gif");
	background-repeat: no-repeat;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.content_pad {
	padding: 0 21px;
}
.content_pad_left {
	margin-left: 31px;
}
.sidebar_box_pad {
	padding: 4px 38px 10px 20px;
}
	#classrooms_box .sidebar_box_pad {
		padding: 4px 30px 10px 9px;
	}
.main_box_pad {
	padding: 68px 22px 25px 22px;
}
	.main_box_pad_top_right_left {
		padding: 68px 22px 0 22px;
	}
	#home .main_box_pad {
		padding-top: 10px;
		padding-right: 0;
	}
.hide {
	display: none;
}
.closeable {
	position: relative;
}
.close_button {
	position: absolute;
	top: 8px;
	right: 25px;
	width: 29px;
	height: 29px;
	overflow: hidden;
	line-height: 1000em;
}
.text_center {
	text-align: center;
}

/** sprites **/
.sprite {
	background-image: url("sprite.gif");
	background-repeat: no-repeat;
}
.be_first_to_know { background-position: 0 -148px; } 
#classrooms_box_bottom { background-position: 0 -190px; } 
#classrooms_box table tr.odd { background-position: 0 -242px; } 
.close_button { background-position: 0 -300px; } 
.erie_house_logo { background-position: 0 -241px; } 
#about_charter { background-position: 0 -359px; } 
#history { background-position: 0 -458px; } 
#mission { background-position: 0 -522px; } 
#philosophy { background-position: 0 -579px; } 
#slideshow_controls { background-position: 0 -643px; } 
#slideshow #arrow { background-position: 10px -733px; } 
.image_details_box_bototm { background-position: 0 -833px; } 
.image_details_box_bottom { background-position: 0 -865px; } 
#slideshow #caption { background-position: 0 -888px; z-index: 9999; } 
#memo_box_bottom { background-position: 0 -1066px;} 
#memo_box { background-position: 0 -1101px; } 
#memo_box h1 {background-position: 0 -1136px; } 
#annual a { background-position: 0 -1225px; } 
#calendar a {background-position: 0 -1325px; } 
#curriculum a {background-position: 0 -1400px;} 
/*#donate a { background-position: 0 -1540px; } */
#donate a { background-position: 0 -1584px;  } 
/*#faq a { background-position: 0 -1670px; } */
#faq a { background-position: 0 -1684px; } 
#gallery a {background-position: 0 -1890px; } 
#opportunities a { background-position: -499px -30px; } 
#for-parents a { background-position: -499px -216px; } 
#community-partners a { background-position: -499px -394px; } 
#staff a { background-position: -499px -580px; } 
ul.two_col li { background-position: -499px -762px; } 
/*#updates li { background-position: -499px -794px; } 
#updates li.recent { background-position: -499px -829px; } */
/*#updates_box_top { background-position: -499px -881px; }*/

.basic_border {
	background: url("head_for_the_border.gif") no-repeat;
	height: 4px;
	margin-bottom: 25px;
}
.auxillarify {
	margin-top: -45px;
}
	.auxillarify * {
		text-align: right;
		font-size: 14px;
	}
.clearfix:after, .content-wrapper2:after, .left-right:after, .pagination:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
		.clearfix, .content-wrapper2, .left-right, .pagination {display:inline-block;}
		/* Hide from IE Mac \*/
		.clearfix, .content-wrapper2, .left-right, .pagination {display:block;}
		/* End hide from IE Mac */
		
		/** image gallery **/
		.galleria{list-style:none;width:700px; text-align:center; margin: 0 0 0 75px;}
		.galleria li{
			display:block;
			height:80px;
			float:left;
			width:80px;
			padding: 5px;
			background: url("gallery_thumb_bg.png") no-repeat;
			}
		.galleria li img {width: 75px; height: 75px;}
		.galleria li a {
			display: block;
			
		}
		.galleria li div{position:absolute;display:none;top:0;left:180px}
		.galleria li div img{cursor:pointer}
		.galleria li.active div img,.galleria li.active div{display:block}
		.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
		.galleria li .caption{display:block;padding-top:.5em; position: absolute; top: 0;}
		* html .galleria li div span{width:400px} /* MSIE bug */
		.jcarousel_container {
			position: relative;
			margin-bottom: 25px;
		}
		.jcarousel_container .next {
			position: absolute;
			background: url("arrow_right.gif") no-repeat;
			right: 0px;
			top: 25px;
			height: 25px;
			width: 25px;
			text-indent: -10000px;
		}
		.jcarousel_container .prev {
			position: absolute;
			background: url("arrow_left.gif") no-repeat;
			left: 0px;
			top: 25px;
			text-indent: -10000px;
			height: 25px;
			width: 25px;
		}
		.disabled {
			display: none;
		}
		#img_shadow {
			text-align: center;
		}
		#main_image {
			text-align: center;
			position: relative;
			margin-top: 25px;
		}
		.galleria_wrapper {
			height: 333px;
			margin-bottom: 25px;
			width: 300px;
			margin: 0 auto 25px auto;
			background: #fff url(photo_bg.gif) no-repeat bottom right !important;
			padding: 0 0 10px 0;
		}
		.galleria_wrapper img {
			display: block;
			position: relative;
			background-color: #fff;
			border: 5px solid #fff;
			top: -5px;
			left: -5px;
		}

		.caption{display:block;
			font-size: 11px;
			font-family: Georgia, serif;
			color: #6d8876;
			margin-bottom: 2px;
			}
.loading {
	background: #fff url("ajax_loader.gif") no-repeat center center;
	opacity: .5;
	z-index: 20;
}
.pagination li.next {
	float: left;
}
	.pagination li.previous, .pagination li.prev {
		float: right;
	}

.testimonials {
	width: 570px;
	position: relative;
	overflow: hidden;
}
.testimonials ul {
	width: 1000px;
	list-style: none;
	position: relative;
}

.testimonials ul li {
	float: left;
	margin: 0 10px 0 0;
}
	.testimonials ul li .image {
		float: left;
		margin-right: 10px;
	}
	.testimonials ul li .content {
		float: left;
		width: 290px;
	}
	
	

/* START Donation Form */
	
.donation form fieldset {
	margin: 15px 0px;
	padding: 15px;
	border: 1px solid #715541;
}

.donation form legend,
.donation form label { color: #715541; }

.donation form label.required:after {
	content: " *";
	color: #C74434;
}

.donation form div { margin: 10px 0px; }
.donation form p {
	margin: 0px !important;
	clear: both;
}

.donation form .column-1,
.donation form .column-2 { float: left; }

.donation form .column-1 div,
.donation form .column-2 div { height: 50px; }

.donation form .column-1 { margin-right: 25px; }

.donation form input[type=text] {
	padding: 5px;
	font-size: 12px
}

.donation form select { margin-top: 6px; }
.donation form select#donation_state { width: 100%; }

.donation form div.expiration label { margin-right: 3px; }
.donation form div.expiration select#donation_cc_expiration_date_2i { margin-right: 10px; }

.donation form textarea {
	width: 518px;
	height: 150px;
	padding: 5px;
}

/* END Donation Form */

table.schedule {
	width: 100% !important;
}