/*
TODO:
- Get rid of styles that are no longer used. Is there a software or app for this?
*/

/* UNIVERSAL STYLES */
@font-face{
  font-family: "Centabel Book";
  src: url("../fonts/centabel.ttf");
}

@font-face{
  font-family: "OptimusPrincepsSemiBold";
  font-weight: bold;
  src: url("../fonts/OptimusPrincepsSemiBold.ttf");
}

@font-face{
  font-family: "Segoe UI";
  src: url("../fonts/segoeui.ttf");
}

@font-face{
  font-family: "Segoe UI";
  font-weight: bold;
  src: url("../fonts/segoeuib.ttf");
}

*{
  margin: 0;
  padding: 0;
}

body{
  background: #e0f3ff url(../imgs/main-bg-spotlight.png) no-repeat;
  font-size: 13px;
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
  color: #333;
}

a{
  text-decoration: underline;
  color: #a62626;
}

img{
  border: none;
}

.bold{
  font-weight: bold;
}

.brown{
  color: #382512;
}

.red{
  color: #a62626;
}

.purple{
  color: #3a60cc;
}

.underline{
  text-decoration: underline;
}

.italic{
  font-style: italic;
}

.logoType{
  color: #009333;
  font-size: 29px;
  font-family: "OptimusPrincepsSemiBold";
  text-decoration: none;
}

#universe{
  width: 1000px; /* Up'd to 1000 for IE to work */
  padding: 30px 0 30px 20px;
}

#header, #breadcrumb, #nav, .content, #persistent, #footer{
  float: left;
}

#header{
  width: 607px;
  margin: 0 218px 35px 15px;
}

#nav{
  width: 698px;
  text-align: left;
  color: #cc99cc;
}
#nav div{
	width: 100%;
}

#navBot{
  background: #3b3b3b;
  height: 8px;
}

#nav a{
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
  font-size: 14px;
  display: inline-block;
  padding: 5px 10px 5px 10px;
	margin-bottom: -1px;
}
#nav a:hover{
  background: #3b3b3b;
  text-decoration: underline;
	color: #ffffcc;
}
#nav a.selected{
	background: #3b3b3b;
	color: #ffffcc;
	padding-top: 5px;
}

#nav .tier2{
	background: #3b3b3b;
}
#nav .tier2 a{
  color: #ccc;
  font-size: 12px;
  margin-bottom: -8px; /* To cover up navBot div and then some */
}
#nav .tier2 a:hover{
  background: #515151;
}
#nav .tier2 a.selected{
	background: #515151;
}
#nav .tier3{
	background: #515151;
}
#nav .tier3 a{
  color: #cc99cc;
  font-size: 10px;
}
#nav .tier3 a:hover{

}

.content{
  width: 638px;
  background: #ffffff ;/*url(../imgs/sub-sect-bg-glow.png) no-repeat*/
  font-size: 12px;
  line-height: 1.5em;
  min-height: 512px;
  position: relative;
  padding: 0 30px 50px 30px;
}
.content p{
  margin-bottom: 12px;
}

.content, #persistent{
  box-shadow: 0px 0px 3px #ccc;
  -webkit-box-shadow: 0px 0px 3px #ccc;
  -moz-box-shadow: 0px 0px 3px #ccc;
}

#pagebreak{
  width: 623px;
  border-bottom: 1px solid #f0f0f0;
  position: absolute;
  bottom: 20px;
}

#persistent{
  width: 202px;
  margin-left: 6px;
  background: #292929 url(../imgs/sidebar-bg.png) no-repeat;
  color: #ffffcc;
  position: relative;
}
#persistent .perBtn a{
  text-decoration: none;
  color: #fff;
}
#persistent .perBar{
  border-top: 10px solid #454545;
  margin: 12px 0 0 20px;
  text-align: center;
  width: 160px;
}
#persistent .perBarBot1{
  width: 202px;
  margin-left: 0;
}
#persistent .perBarBot2{
  border-top: 1px solid #454545;
  margin: -13px 0 0 0;
  width: 202px;
}
#persistent .quote{
  margin: 5px 5px 20px 5px;
}
#persistent .perBtn+.perBar{
  margin-left: 0;
  width: 100%;
}
#persistent .perBtn{ /* TODO: add HTML5 rounded corners*/
  margin-left: 15px;
  display: block;
}
#persistent .perBtnBot{
  margin: 6px 0 25px 15px;
}

#footer{
  width: 607px;
  margin: 15px 218px 0 10px;
  padding-bottom: 15px;
  font-size: 11px;
  color: #666;
}
/* UNIVERSAL STYLES */










/* SUB PAGE STYLES */
.title{
  font-family: "Centabel Book", Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #3a60cc;
  margin: 18px -30px 10px -30px;
  padding-bottom: 15px;
}

.title span{
  display: inline-block;
  margin-left: 25px;
}

.smallCapsTitle{
  text-transform: uppercase;
  color: #666;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 4px;
}

.boldCapsTitle{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}

a.contentLink{
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

.content .arrow-link{
  font-size: 11px;
  text-transform: uppercase;
  background: url(../imgs/link-arrows.png) no-repeat bottom right;
  height: 1.2em;
  display: inline-block;
  text-decoration: none;
  padding-right: 4px;
  margin-right: 30px;
}
.content .arrow-link span{
  visibility: hidden;
}

.highlight{
 color: #000;
}

.content .plus-minus-link{
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
}
.content .plus-minus-link span{
  font-weight: bold;
}

.content .secHdr{
  font-weight: normal;
  font-size: 15px;
}

#bmDiv{
  margin-top: 12px;
	float: left;
	width: 25%;
}
#bmDiv a{
  color: #382512;
	display: block;
	padding: 12px 22px 12px 0;
	border-bottom: 1px solid #f0f0f0;
	text-decoration: none;
	text-align: right;
}
#bmDiv a:hover{
    color: #a62626;
}
#bmDiv .active{
	font-weight: bold;
	color: #a62626;
    position: relative;
}
#bmDiv .active img{
  position: absolute;
}
#bmDiv .inactive{
  font-weight: normal;
}
#bmDiv h1, #bmDiv h2, #bmDiv h3{
	font-family: "Segoe UI", Verdana, sans-serif;
	font-size: 13px;
	color: #333;
	text-transform: uppercase;
	text-align: right;
	width: 100%;
	margin: 15px 0 5px -10px;
}

#pgDiv{
  margin-top: 12px;
	float: left;
	width: 72%;
	padding-left: 15px;
	border-left: 1px solid #f0f0f0;
  color: #382512;
}
#pgDiv div{
	padding: 12px 12px 12px 12px;
	border-bottom: 1px solid #f0f0f0;
    background: #f0f3fb;
}
#pgDiv a{
  color: #382512;
}
#pgDiv p{
  line-height: 1.5em;
  font-weight: normal;
}
#pgDiv h1, #pgDiv h2, #pgDiv h3{
	margin-bottom: 8px;
	color: #a62626;
	font-size: 15px;
	font-weight: normal;
}

.ohMoreBtn{
  display: block;
  margin-top: 6px;
}
/* SUB PAGE STYLES */








/* INDIVIDUAL PAGE STYLES */

/* INDEX.PHP */
#root{
  width: 623px;
  padding: 0 0 80px 0;
}

#root .intro{
  font-size: 16px;
  padding-left: 45px;
  margin: 30px 0 25px 0;
}

#root div.slideshow{
  position: relative;
}

#root img.slideshow{
  width: 607px;
  height: 278px;
  margin: 8px 6px 0 8px;
}

#root div.slideshow p{
  background: #3a60cc;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px 12px 20px;
  margin: 0 8px 0 8px;
}
#root .slideshow p a{
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
  padding-left: 10px;
}
#root .slideshow p img{
  padding-left: 3px;
}

#root .slideshow h6 a{
  color: #fff;
  text-decoration: none;
}
#root .slideshow h6{
  text-transform: uppercase;
  font-size: 10px;
  height: 25px;
  padding: 3px 15px 0 15px;
  background: url(../imgs/ss-opt-active-bg.png) repeat-x;
}
#root h6.ss-inactive{
  margin-top: 1px;
  height: 24px;
  font-weight: normal;
  background: url(../imgs/ss-opt-inactive-bg.png) repeat;
}
#root .slideshow .optBar h6{
  float: left;
}

#root .learnMoreMain{
  float: right;
  position: relative;
  bottom: 8px;
}

#root .partners{
  text-align: center;
  position: relative;
  height: 250px;
}
#root .partners .note{
  color: #999;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  width: 100%;
}
#root .partners div{
  color: #999;
  font-style: italic;
  font-size: 11px;
  text-align: center;
  position: absolute;
}
#root .partners p{
  margin: 0;
  padding: 0;
}
#root .partners .pausd{
  top: 225px;
  left: 380px;
}
#root .partners .ymca{
  top: 95px;
  left: 270px;
}
#root .partners .frcpa{
  top: 50px;
  left: 25px;
}
#root .partners .paas{
  top: 50px;
  right: 25px;
}
#root .partners .pahc{
  top: 225px;
  left: 65px;
}
/* INDEX.PHP */





/* ABOUT.US.PHP */
/* ABOUT.US.PHP */





/* OUR.HISTORY.PHP */
#ourhistory h3 span{
  text-transform: none;
  color: #000;
  display: block;
}
#ourhistory h3 span+span{
  display: inline;
}

#ourhistory p{
  font-size: 12px;
  padding: 0;
  line-height: 1.6em;
  text-align: justify;
}

#ourhistory a{
  text-decoration: none;
  color: #666;
}
#ourhistory #pgDiv a:hover{
  text-decoration: underline;
}

#ourhistory #bmDiv a span{
  display: block;
}
#ourhistory #bmDiv a span+span{
  text-transform: uppercase;
  display: inline;
}
/* OUR.HISTORY.PHP */





/* OUR.TEAM.PHP */
#ourteam #bmDiv a{
  color: #333;
  line-height: 1.2em;
}
#ourteam #bmDiv a.active{
  color: #a62626;
}
#ourteam #bmDiv a .tTitle{
  display: block;
  font-size: 10px;
  color: #666;
}
#ourteam #bmDiv a .tPro{
  display: none;
}
#ourteam #bmDiv a:hover{
  color: #a62626;
}

#ourteam h3 span{
  color: #000;
}

#ourteam #pgDiv h3 .tTitle{
  display: none;
}
#ourteam #pgDiv h3 .tPro{
  display: block;
}
#ourteam #pgDiv p{
  line-height: 1.6em;
}
/* OUR.TEAM.PHP */





/* OUR.STAFF.PHP */
#ourstaff p{
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  font-size: 12px;
}

#ourstaff .staff{
  margin-bottom: 25px;
}
#ourstaff .staff img{
  margin-bottom: 2px;
}
/* OUR.STAFF.PHP */





/* OUR.BOARD.PHP */
/* OUR.BOARD.PHP */





/* WHY.PALO.ALTO.PHP */
/* WHY.PALO.ALTO.PHP */






/* BECOME.A.BUSINESS.SPONSOR.PHP */
#becomeabusinesssponsor .partnerList ul{
  list-style-type: circle;
  font-size: 12px;
  margin: 0 0 8px 15px;
}
#becomeabusinesssponsor .partnerList li{
  margin-bottom: 8px;
}
/* BECOME.A.BUSINESS.SPONSOR.PHP */





/* WHY.STANFORD.PHP */
/* WHY.STANFORD.PHP */






/* COMMUNITY.PARTNERS.PHP */
#communitypartners p{
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  text-align: justify;
}

#communitypartners .pLogo{
  float: left;
  padding: 10px 20px 10px 10px;
}

#communitypartners .partnerInfo{
  margin-bottom: 40px;
  background: url(../imgs/part-bg.png) bottom center repeat-x;
}
/* COMMUNITY.PARTNERS.PHP */






/* CONTACT.US.PHP */
#contactus p{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#contactus .progLoc{
  float: left;
	padding-right: 10px;
  border-right: 1px solid #f0f0f0;
}
#contactus .progLoc .dir{
  color: #a62626;
  font-weight: bold;
  margin-top: 10px;
}

#contactus .progLoc, #contactus .cInfo{
	width: 45%;
}

#contactus .cInfoHdr{
  margin-bottom: 10px;
}

#contactus div.cInfo p{
  margin-top: -5px;
}
#contactus div.cInfo{
  float: left;
  padding: 0 10px 0 30px;
}
#contactus div.cInfo p.jobTitle{
  font-size: 15px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
#contactus div.cInfo .email{
  color: #a62626;
  margin-bottom: 20px;
  text-decoration: underline;
}

#contactus .arrow-link{
  margin: 8px 0 20px 0;
  padding: 0;
}

#contactus #map_canvas{
  width: 98%;
  height: 180px;
  margin: 20px 0 10px 0;
}
#contactus #directions{
  font-size: 12px;
  width: 100%;
}

#contactus #dirForm{
  display: block;
  position: relative;
}
#contactus #dirForm input{
  display: block;
  width: 272px;
  height: 20px;
  margin-top: 8px;
  border: 1px solid #f0f0f0;
}
#contactus #dirForm button{
  float: right;
  position: absolute;
  right: 3px;
  top: 6px;
  background: url(../imgs/dir-btn-bg.png);
  width: 82px;
  height: 45px;
  line-height: 1.2em;
  border: none;
}
#contactus #dirForm button span{
  display: none;
}
/* CONTACT.US.PHP */





/* CORE.PROGRAMS.PHP */
#coreprograms #bmDiv h2 span{
  font-size: 10px;
  font-weight: normal;
  display: block;
  text-transform: none;
  line-height: 1.2em;
}

#coreprograms #mainImg{
  margin: 0 0 0 55px;
}

#coreprograms #mainImg+p{
  margin: 2px 42px 1px 65px;
  font-size: 10px;
  line-height: 1.2em;
  color: #999;
}

#coreprograms #mainImg+p img{
  float: left;
  padding: 2px 4px 1px 2px;
}
/* CORE.PROGRAMS.PHP */





/* PALO.ALTO.MIDDLE.SCHOOL.STUDENTS.PHP */
#paloaltomiddleschoolstudents p{
  margin-bottom: 15px;
}

#paloaltomiddleschoolstudents h2{
  margin-bottom: 3px;
}
#paloaltomiddleschoolstudents h2 a.notLink{
  text-decoration: none;
  color: #666;
}

#paloaltomiddleschoolstudents #inner-links a{
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
  position: relative;
  bottom: 5px;
}
#paloaltomiddleschoolstudents #inner-links a, #inner-links img{
  display: inline-block;
}

#paloaltomiddleschoolstudents #inner-links img.spacer{
  position: relative;
  bottom: 6px;
  margin: 0 5px 0 5px;
}
/* PALO.ALTO.MIDDLE.SCHOOL.STUDENTS.PHP */






/* STANFORD.STUDENTS.PHP */
#stanfordstudents p{
  margin-bottom: 15px;
}

#stanfordstudents h2{
  margin-bottom: 3px;
}
#stanfordstudents h2 a.notLink{
  text-decoration: none;
  color: #666;
}

#stanfordstudents #inner-links{
}
#stanfordstudents #inner-links a{
text-transform: uppercase;
font-size: 10px;
text-decoration: none;
position: relative;
bottom: 5px;
}
#stanfordstudents #inner-links a, #stanfordstudents #inner-links img{
display: inline-block;
}

#stanfordstudents #inner-links img.spacer{
position: relative;
bottom: 6px;
margin: 0 5px 0 5px;
}

#stanfordstudents #inner-links img.last{
margin-left: 160px;
position: relative;
bottom: 12px;
}
#stanfordstudents #inner-links a.last{
position: relative;
bottom: 12px;
}
#stanfordstudents #inner-links a:hover{
text-decoration: underline;
}

#stanfordstudents .prog-part{
position: relative;
bottom: 8px;
}
/* STANFORD.STUDENTS.PHP */






/* GET.INVOLVED.PHP */
#getinvolved p{
  margin-bottom: 20px;
}
#getinvolved h2{
  margin-bottom: 10px;
}
#getinvolved h3{
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 5px;
}
#getinvolved p{
  margin: 0 0 15px 0;
}
#getinvolved .last{
  margin-bottom: 30px;
}
/* GET.INVOLVED.PHP */






/* FOR.STANFORD.STUDENTS.PHP */
#forstanfordstudents h2{
  margin-bottom: 10px;
}
#forstanfordstudents h3{
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 5px;
}
#forstanfordstudents p{
  margin: 0 0 25px 0;
}
/* FOR.STANFORD.STUDENTS.PHP */






/* ATTEND.OUR.SPEAKERS.SERIES.PHP */
/* ATTEND.OUR.SPEAKERS.SERIES.PHP */





/* BECOME.A.RECRUITER.PHP */
#becomearecruiter h2, #becomearecruiter h3{
  font-weight: normal;
}
#becomearecruiter h2{
  margin-bottom: 10px;
}
#becomearecruiter h3{
  margin: 25px 0 8px 0;
  font-size: 13px;
}
#becomearecruiter .perkList{
  padding: 5px 0 5px 5px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 25px;
}
#becomearecruiter .perkList p{
  margin-bottom: 6px;
}
/* BECOME.A.RECRUITER.PHP */




/* BECOME.A.TUTOR.PHP */
#becomeatutor p, #becomeatutor h4, #becomeatutor h2{
  padding: 0 0 0 0;
}

#becomeatutor p{
  margin-bottom: 15px;
}
#becomeatutor h2{
  margin-bottom: 8px;
}
#becomeatutor h4{
  text-transform: uppercase;
  color: #666;
  margin: 30px 0 8px 0;
  font-size: 14px;
}

#becomeatutor .reqs p{
  font-size: 12px;
  margin-bottom: 8px;
}
#becomeatutor .reqs p span{
  font-weight: bold;
  display: inline-block;
  margin-right: 3px;
}
/* BECOME.A.TUTOR.PHP */






/* BECOME.A.FELLOW.PHP */
#becomeafellow p{
}

#becomeafellow p a{
  margin: 0 0 0 0;
}

#becomeafellow h2{
 margin-bottom: 10px;
}

#becomeafellow a{
  margin-top: 15px
}
/* BECOME.A.FELLOW.PHP */






/* BECOME.A.STAFF.MEMBER.PHP */
#becomeastaffmember h2{
 margin-bottom: 10px;
}

#becomeastaffmember .posInfo{
  color: #fff;
  background: #3a60cc;
  margin: 5px 0 0 0;
  padding: 5px 0 10px 0;
  font-size: 12px;
}

#becomeastaffmember #pgDiv li{
  line-height: 1.4em;
}
#becomeastaffmember ul{
  list-style-type: circle;
  margin-left: 20px;
}
#becomeastaffmember #pgDiv ul+h5{
  margin-top: 10px;
}
#becomeastaffmember h5{
  font-size: 12px;
  margin-bottom: 5px;
  border-bottom: 1px dashed #666;
  display: inline-block;
}

#becomeastaffmember h4{
  margin: 15px 0 5px 0;
}
#becomeastaffmember h4 a{
  color: #3a60cc;
  font-size: 15px;
}
#becomeastaffmember .h4Js{
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}
/* BECOME.A.STAFF.MEMBER.PHP */






/* FOR.PALO.ALTO.COMMUNITY.PHP */
/* FOR.PALO.ALTO.COMMUNITY.PHP */






/* BECOME.A.COMMUNITY.PARTNER.PHP */
#becomeacommunitypartner p{
  margin-bottom: 10px;
}

#becomeacommunitypartner .partnerList p{
  font-size: 12px;
  margin-bottom: 8px;
}
#becomeacommunitypartner .partnerList p span{
  font-weight: bold;
  display: inline-block;
  margin-right: 3px;
}

#becomeacommunitypartner div+p{
  margin-top: 10px;
}
/* BECOME.A.COMMUNITY.PARTNER.PHP */


/* IN.THE.NEWS.PHP */
#inthenews #newsitems{
  margin: -45px 0 -35px 0;
}

#inthenews .docView{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

#inthenews .caption {
  background: url(imgs/news-item-title-bg.png) no-repeat;
}
#inthnews .caption h2{
  font-size: 16px;
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
  color: #cc99cc;
}

.docViewClose{
  position: absolute;
  top: 122px;
  left: 5px;
}
/* IN.THE.NEWS.PHP */

/* INDIVIDUAL PAGE STYLES */