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

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-color:#fff;
}

html, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align:baseline;
}
a {
	color: #6666cc;
}
a:hover, a:visited:hover {
	color: #e5466f;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-indent: -1000px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #fabe50;
}
h3 {
	margin: 20px 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #6666cc;
}
h3.funds {
	margin: 20px 0 10px 0;
	padding: 4px 0 4px 10px;
	width: 930px;
	height: 15px;
	line-height: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color: #6666cc;
}
h4 {
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #6666cc;
}
p {
	margin: 10px 0;
}
b, strong {
	font-weight: bold;
}
ul {
	margin: 0 0 0 25px;
}
li {
	margin: 10px 0;
}
header {
    display: none;
}
#container {
	margin: 15px auto;
	width: 970px;
}
#topbar {
	height: 40px;
	width: 100%;
	background: #6666cc;
}
#topbarTxt {
	width: 930px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	line-height: 40px;	
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}
#topbarTxt a {
	color: #fff;
	text-decoration: none;
}
#topbarTxt a:hover, #topbarTxt a:visited:hover {
	color: #fabe50;
}
#topbarH {
	width: 5px;
	margin: 0;
	padding: 0;
	line-height: 40px;	
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	display: inline-block;
}
#topbarS { 
    margin: 0;
	width: 445px;
	display: inline-block;
}
/*#topbarS { 
    margin: 0;
	padding: 0 20px;
	line-height: 25px;	
	color: #fabe50;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
    border: 1px solid #fabe50;
    border-radius: 5px;
	display: inline-block;
}
*/
#topbarN {
	width: 450px;
	margin: 0;
	padding: 0;
	line-height: 40px;	
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-align: right;
	display: inline-block;
}
.topbarSep {
	font-family: "Times New Roman", Times, serif;
	font-weight: 100;
}

#logoL {
	margin: 0 0 5px 0;
	width: 475px;
	height: 105px;
	float: left;
}
#logo {
	margin: 0 0 0 20px;
/*	width: 337px; */
	width: 360px;
	height: 103px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	display: block;
}	
#logo a {

}
#logoR {
	margin: 0 0 5px 0;
	width: 475px;
	height: 105px;
	float: right;
}
#photo_bg_3 {
	margin: 0 auto;
	width: 970px;
	height: 250px;
	background-image:url(images/bg_jq_photo_3.jpg);
	background-repeat:no-repeat;
	clear: both;
}
#photo {
	margin: 0 auto;
	width: 950px;
	height: 245px;
	border-top: 5px solid #e54670;
}
/*
#navbar {
	margin: 0 auto;
	width: 800px;
	height: 65px;
	background-image:url(images/bg_navbar.png);
	background-repeat:no-repeat;
}
*/
#navBarBg_3 {
	margin: 0;
	padding: 0;
	width: 970px;
	height: 89px;
	background-image: url(images/bg_navbar_3.jpg);
	background-repeat:no-repeat;
	position: relative;
top: -24px;
	clear: both;
}
#navBarPush {
	width: 970px;
	height: 17px;
}
#mobile-nav {
    display: none;
}
#navbar {
	margin: 0 auto;
	width: 675px;
	height: 65px;
}
#navbar ul {
	margin: 0;
	width: 675px;
	list-style: none;
	float: left;
}
#navbar li {
	display: inline;	
}
#navigation a {
	float: left;
	display: block;
}
#navbar .about {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_about.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}
#navbar a:hover .about {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_about_on.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}
#navbar .donors {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_donors.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}
#navbar a:hover .donors {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_donors_on.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}

#navbar .students {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_students.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}
#navbar a:hover .students {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_students_on.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}
#navbar .nonprofits {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_nonprofits.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}
#navbar a:hover .nonprofits {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_nonprofits_on.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}

#navbar .advisors {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_advisors.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}
#navbar a:hover .advisors {
	width: 135px;
	height: 65px;
	background-image:url(images/nav_advisors_on.png);
	background-repeat:no-repeat;
		text-indent: -9999px;
			display: block;
		float: left;
}
#contentHome {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 940px;
/*	height: 370px; */
/*	height: 415px; */
	line-height: 20px;
}
.contentHomeLeft {
	width: 55%;
	display: inline-block;
}
.contentHomeRight {
	width: 40%;
	vertical-align: top;
	display: inline-block;
}
.contentHomeLeftB {
	padding: 0 0 0 10px;
    width: 55%;
	display: inline-block;
    border-left: 3px solid #fabe50;
}
.contentHomeRightB {
	width: 40%;
	vertical-align: top;
	display: inline-block;
}
#content {
	margin: 0 auto;
	padding: 0 0 50px 10px;
	width: 940px;
	line-height: 20px;
	clear: left;
	min-height: 500px;
}

.btnHomeAnnReport a {
	margin: 0 auto;
	padding: 0 0 0 95px;
	width: 235px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(images/btn_home_annual_report_off.png);
	background-repeat:no-repeat;
	display: block;
}
.btnHomeAnnReport a:hover, .btnHomeAnnReport a:visited:hover {
	color: #fabe50;
	text-decoration: none;
	background-image: url(images/btn_home_annual_report_on.png);
	background-repeat:no-repeat;
	display: block;
}
.btnHomePhila a {
	margin: 0 auto;
	padding: 0 0 0 95px;
	width: 235px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(images/temp_icon_pillars.png);
	background-repeat:no-repeat;
	display: block;
}
.btnHomePhila a:hover, .btnHomePhila a:visited:hover {
	color: #fabe50;
	text-decoration: none;
	background-image: url(images/temp_icon_pillars_on.png);
	background-repeat:no-repeat;
	display: block;
}

.imgHomePillars {
	margin: 0 0 0 35px;
	width: 300px;
	height: 245px;
}

.img50thAnniv {
	padding: 0 15px 0 0;
	float: left;
	display: inline;
}
.imgSchGives {
	padding: 0 0 0 20px;
	display: inline;
}
.imgACS {
	padding: 5px 10px 20px 0;
	float: left;
	display: inline;
}
.homeACS-titleA {
	padding: 10px 0 0 0;
    font-weight: 600;
/*	text-align: center; */
	display: block;
}
.homeACS-titleB {
	font-weight: 400;
	font-style: italic;
/*	text-align: center; */
	display: block;
}

#footer {
	margin: 0;
	height: 175px;
	width: 100%;
	background: #fabe50;
	border-top: 4px #6666cc solid;
	clear: right;
}
#footerBox {
	margin: 0 auto;
	padding: 0;
	width: 950px;
}
#footerL {
	margin: 0;
	padding: 10px 0 0 0;
	width: 100px;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}
#footerText {
	margin: 0;
	padding: 35px 0 0 0;
	width: 740px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}
#footerR {
	margin: 0;
	padding: 45px 0 0 0;
	width: 100px;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}
.facebook a {
	margin: 10px 0;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background-image:url(/images/icon_facebook.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	display: inline-block;
}
.donateBtn a {
	width: 200px;
	height: 75px;
	line-height: 75px;
	font-size: 18px;
	text-align:center;
	text-transform: uppercase;
	border-radius: 10px;
	color: #fff;
	background-color: #6666cc;
	text-decoration: none;
	display: block;
}
.donateBtn a:hover, .donateBtn a:visited:hover {
	background-color: #fabe50;
}
.videoBtn a {
	width: 180px;
	height: 40px;
	padding: 0 0 0 50px;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 10px;
	color: #fff;
	background-position: 15px 6px;
	background-image:url(images/icon_video.png);
	background-repeat:no-repeat;
	background-color: #6666cc;
	text-decoration: none;
	display: block;
}
.videoBtn a:hover, .videoBtn a:visited:hover {
	background-color: #fabe50;
}
/* Donors */

.donorsFunds a {
	margin: 0 0 0 15px;
	color: #e5466f;
	text-decoration: none;
}
.donorsFunds a:hover, .donorsFunds a:visited:hover {
	color: #6666cc;
}
.clear {
	clear: both;
}
/* Temp Employment */
#employment {
	width: 272px;
}

#employment a {
	margin: 10px 0;
	padding: 10px;
	width: 250px;
	color: #6666cc;
	background-color: #ffffcc;
	border: 1px solid #fabe50;
	text-decoration: none;
	text-align: center;
	display: block;
}
#employment a:hover, employment a:visited:hover {
	color: #fff;
	background-color: #fabe50;
	border: 1px solid #ffffcc;
}

/* Smartphones (portrait and landscape) -------------------------------------------------------------------------------------------- */
@media screen and (min-width : 320px) and (max-width : 580px) {


#mobile-nav {
    display: block;
}
    
header {
    display: block;
}
#navBarBg {
    display: none;
}
    
#container {
	margin: 15px auto;
	width: 99%;
	clear: both; /* clears top nav */
}
    
#topbarTxt {
    display: none;  
}
    
#topbarH {
	display: none;
}
#topbarS {
	display: none;
	
}

#topbarN {
	display: none;
}
    
    
    
#logoL {
	margin: 0 0 5px 0;
	width: 99%;
	height: 105px;
	float: none;
    display: block;
}
#logo {
	margin: 25px auto;
/*	width: 337px; */
	width: 360px;
	height: 103px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	display: block;
}
	
#logo a {
	width: 360px;
	height: 103px;
	display: block;
}
#logoR {
    display: none;
}
    
    
#photo_bg_3 {
    display: none;
}
#photo {
    display: none;
}
#navBarBg_3 {
     display: none;
}
#navBarPush {
	display: none;
} 
    
    
    
    
    
    
    
    
    
    

#contentHome {
	margin: 0 auto;
	padding: 0 1% 0 1%x;
	width: 97%;
	height: auto;
    font-size: 1.2em;
	line-height: 1.2em;
/*	background-image:url(images/bg_home_pillars.jpg);
	background-repeat:no-repeat;
	background-position: bottom right; */
}
#contentHomeFloat {

}
#content {
	margin: 0 auto;
	padding: 0 0 50px 10px;
	width: 99%;
	line-height: 20px;
	clear: left;
	min-height: 425px;
}
#content ul {
	margin: 0 0 0 25px;
}
#content blockquote {
	padding: 0 25px;
} 
    

.contentHomeLeft {
	width: 99%;
	display: block;
}
.contentHomeRight {
	width: 99%;
	vertical-align: top;
	display: block;
}
.contentHomeLeftB {
	padding: 0 10px 0 15px;
    width: 90%;
	display: block;
    border-left: 3px solid #fabe50;
}
.contentHomeRightB {
	width: 99%;
	vertical-align: top;
	display: block;
}


.btnHomeAnnReport a {
	margin: 25px auto 10px auto;
    width: 295px;
	height: 50px;
	padding: 0px;
    text-align: center;
	line-height: 50px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 10px;
	color: #fff;
	background-image:none;
/*  background-position: 15px 6px;
	background-repeat:no-repeat; */
	background-color: #fabe50;
	text-decoration: none;
	display: block;
}
.btnHomeAnnReport a:hover, .btnHomeAnnReport a:visited:hover {
	color: #fabe50;
	background-color: #e5466f;
    background-position: 15px 6px;
	background-image:none;
}
.btnHomePhila a {
    margin: 0 auto 5px auto;
    width: 295px;
	height: 50px;
	padding: 0px;
    text-align: center;
	line-height: 50px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 10px;
	color: #fff;
	background-image:none;
/*  background-position: 15px 6px;
	background-repeat:no-repeat; */
	background-color: #fabe50;
	text-decoration: none;
	display: block;
    
    
}
.btnHomePhila a:hover, .btnHomePhila a:visited:hover {
	color: #fabe50;
	background-color: #e5466f;
    background-position: 15px 6px;
	background-image:none;
}

.imgHomePillars {
	margin: 0 0 0 35px;
	width: 300px;
	height: 245px;
}

.img50thAnniv {
	padding: 0 15px 0 0;
	float: left;
	display: block;
}
.imgSchGives {
	margin: 0 auto;
    padding: 5px;
	display: block;
}
.imgACS {
	margin: 10px auto;
    padding: 0;
	float: none;
	display: block;
}
.homeACS-titleA {
	padding: 10px 0 0 0;
    font-weight: 600;
/*	text-align: center; */
	display: block;
}
.homeACS-titleB {
	font-weight: 400;
	font-style: italic;
/*	text-align: center; */
	display: block;
}    
    
.videoBtn a {
	margin: 0 auto 20px auto;
    width: 240px;
	height: 40px;
	padding: 0 0 0 50px;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 10px;
	color: #fff;
	background-position: 15px 6px;
	background-image:url(images/icon_video.png);
	background-repeat:no-repeat;
	background-color: #6666cc;
	text-decoration: none;
	display: block;
}
.videoBtn a:hover, .videoBtn a:visited:hover {
	background-color: #fabe50;
}  
   
    
#footer {
	margin: 0;
	height: auto;
	width: 100%;
	background: #fabe50;
	border-top: 4px #6666cc solid;
	clear: right;
}
#footerBox {
	margin: 0 auto;
	padding: 0;
	width: 99%;
}
#footerL {
	margin: 0;
	padding: 10px 0 0 0;
	width: 99%;
	text-align: center;
	vertical-align: top;
	display: block;
}
#footerText {
	margin: 0;
	padding: 35px 0 0 0;
	width: 99%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: top;
	display: block;
}
#footerR {
	margin: 0;
	padding: 45px 0 0 0;
	width: 99%;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}
.facebook a {
	margin: 10px auto;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background-image:url(/images/icon_facebook.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	display: block;
}
    
    
    
    
    
}