@charset "utf-8";


/*************************************************************
				Left - Side Content Area
*************************************************************/

#left .content #sidePhoto  {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 189px;
	width: 265px;
	border-top-width: 6px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #76745f;
	border-bottom-color: #76745F;
}
#left .content .photo-about {
	background-image: url(../images/side-images/about-pcop.jpg);
}
#left .content .photo-programs {
	background-image: url(../images/side-images/educational-programs.jpg);
}
#left .content .photo-community {
	background-image: url(../images/side-images/community-programs.jpg);
}
#left .content .photo-penncollaboration {
	background-image: url(../images/side-images/penn-collaboration.jpg);
}
#left .content .photo-foundation {
	background-image: url(../images/side-images/about-foundation.jpg);
}
#left .content .photo-news{
	background-image: url(../images/side-images/about-pcop.jpg);
}
#left .content .photo-contact{
	background-image: url(../images/side-images/about-pcop.jpg);
}
#left .content .photo-resources{
	background-image: url(../images/side-images/about-pcop.jpg);
}
#left .content .photo-members{
	background-image: url(../images/side-images/about-pcop.jpg);
}

/*************************************************************
				Left - Side Content Area
*************************************************************/

#left  .content  #sidePhoto  img  {
	margin: 0px;
	padding: 0px;
	border-top-width: 6px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #76745f;
	border-bottom-color: #76745F;
}
#left .content #sideExtra {
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 13px;
}
#left .content #sideExtra h2 {
	font-size: 18px;
	color: #EAA405;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 20px;
}

#left .content #sideExtra h3 {
	line-height: 15px;
	color: #4d4d35;
	padding-bottom: 10px;
	font-size: 13px;
}
#left .content #sideExtra p {
	padding-bottom: 10px;
}
#left .content #sideExtra a {
	color: #698b22;
}
#left .content #sideExtra strong {
	color: #4d4d35;
}

#left .content #sideExtra ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 0px;
}
#left .content #sideExtra ol li {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

/*************************************************************
				Right - Main Content Area
*************************************************************/

#right .content h1 {
	font-size: 19px;
	color: #eaa405;
	font-weight: normal;
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#right .content h1 .first {
	font-size: 24px;
	font-weight: bold;
}
#right .content h2 {
	color: #60603C;
	font-size: 15px;
	font-weight: bold;
	border-bottom-style: dotted;
	border-bottom-color: #EAA405;
	border-bottom-width: 1px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#right .content h3 {
	color: #605C3F;
	font-size: 15px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#right .content h4 {
	font-size: 15px;
	font-weight: bold;
	color: #eaa405;
	padding: 0px;
	margin-top: 20px;
}
#right  .content  .h2noborder  {
	border-bottom-style: none;
}
#right .content blockquote {
	margin-left: 40px;
}
#right .content table {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
}

/*************************************************************
				Curriculum Pages
*************************************************************/

#right .content #curriculum {
	padding: 0px;
	width: 95%;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#right .content #curriculum table {
	margin: 0px;
	padding: 0px;
}
#right .content #curriculum td {
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #698B22;
}
#right .content #curriculum .active {
	font-weight: bold;
	text-decoration: none;
}

/*************************************************************
				Board of Directors Table
*************************************************************/

#right .content .boardofDirectors {
	margin-left: 65px;
	width: 500px;
	margin-top: 20px;
}
#right .content .boardofDirectors td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top; 
}

/*************************************************************
				Contact Info 2-Column Layout
*************************************************************/

#contactTable {
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 80px;
	margin-top: 20px;
	width: 600px;
}
#contactTable h3 {
	margin: 0px;
	padding: 0px;
}
#contactTable p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contactTable .left {
	width: 41%;
	margin: 0px;
	padding: 0px;
	float: left;
}
#contactTable .right {
	float: right;
	width: 45%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}


/*************************************************************
				Site Map 2-Column Layout
*************************************************************/

#right .content #sitemapTable {
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 96%;
}
#right .content #sitemapTable .left {
	width: 43%;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #9D9684;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#right .content #sitemapTable .right {
	float: left;
	width: 45%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
#right .content #sitemapTable  .mapCategory  {
	margin-bottom: 20px;

}
#right .content #sitemapTable h2  {
	font-size: 13px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

#right .content #sitemapTable a {
	color: #000000;
}

#right .content #sitemapTable .mapCategory ul {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	margin-left: 0px;
}
#right .content #sitemapTable .mapCategory li {
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bullet-li.gif);
	padding-left: 15px;
	color: #000000;
}

#right .content #sitemapTable .left .mapCategory ul ul,
#right .content #sitemapTable .right .mapCategory ul ul {
	margin-top: 3px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-left: 7px;
	background-image: none;
}
#right .content #sitemapTable .left .mapCategory ul ul li,
#right .content #sitemapTable .right .mapCategory ul ul li {
	padding-bottom: 2px;
	margin-left: 0px;
	padding-left: 18px;
	background-image: url(../images/bullet-li-li.gif);
}
#right .content .paypal-donate {
	padding-bottom: 20px;
	padding-left: 115px;
}

.sublinks         {
	color: #000000;
}

/*************************************************************
					Member Area Styles
*************************************************************/

.columnBorder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EE9A00;
}
.separator {
	height: 20px;
	border-bottom-style: dotted;
	border-bottom-color: #EE9A00;
	border-bottom-width: 1px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.forgotpassword {
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.value {
}
.fieldName {
	background-color: #EE9A00;
	font-weight: bold;
	color: #FFFFFF;
}

#container #left .content #navLeft #adminBtn {
	margin-top: 35px;
}
#container #right .content .abcList a {
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	color: #EAA405;
	line-height: 22px;
}

/************* Member Informtion Tables **************/

#right .content .memberInfo {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#right .content .memberInfo table {
	margin: 0px;
	padding: 0px;
	border: 1px solid #D8D2B8;
	background-color: #EE9A00
}
#right .content .memberInfo td {
	margin: 0px;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #f4c164;
}
#right .content .memberInfo td a {
	color: #FFFFFF;
}
#right .content .memberInfo  #frmpersonal .createMember  {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/btn-create-member.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 165px;
}
#right  .content  .memberInfo input {
	color: #000000;
	background-color: #F9E0B2;
	border: 1px solid #c98200;
	font-size: 13px;
}
#right  .content  .memberInfo input {
	color: #000000;
	background-color: #F9E0B2;
	border: 1px solid #c98200;
	font-size: 13px;
}

/******************** View Informtion Only ********************/

#right .content .viewInfo {
	font-size: 13px;
	color: #000000;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#right .content .viewInfo table {
	margin: 0px;
	padding: 0px;
	background-color: #F9E0B2;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #f4c164;
	border-left-color: #f4c164;
}
#right .content .viewInfo td {
	margin: 0px;
	padding: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #f4c164;
	border-right-width: 1px;
	border-right-color: #f4c164;
	text-align: left;
}
#right .content .viewInfo a {
	color: #FFFFFF;
}

/************* Form Styles **************/

#right .content form {
	margin: 0px;
	padding: 0px;
}

#right .content input.radioButtons {
	border: 1px solid #F9E0B2;
}
#right .content input.submitButtons {
	border: 1px none #F9E0B2;
}
#right .content input.submitButtons2 {
	border: 0px none #FFFFFF;
	background-color: #FFFFFF;
}
#right  .content .memberInfo  #frmpassword  .changePassword  {
	background-image: url(../images/btn-change-password.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 165px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#right .content input.padRight {
	margin-right: 5px;
}
#container  #right  .content label  {
	margin-right: 10px;
	font-size: 11px;
}

/*************************************************************
				Find-a-Therapist Form Styles
*************************************************************/

#right .content .findatherapist {
	font-size: 13px;
	color: #000000;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #f4c164;
	background-color: #ffffff;
}
#right .content .findatherapist table {
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #f4c164;
	border-left-color: #f4c164;
}
#right .content .findatherapist td {
	margin: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #F9E0B2;
	border-right-width: 1px;
	border-right-color: #F9E0B2;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#right .content .findatherapist a {
	color: #FFFFFF;
}

/*************** Form Styles *****************/

#container #right .content .findatherapist label {
	font-weight: bold;
	color: #5F5E3F;
	margin: 0px;
	padding: 0px;
}
#right  .content  .findatherapist  .textField {
	background-color: #FFFFFF;
	width: 135px;
	font-size: 12px;
	border: 1px solid #cb8300;
}
#right  .content  .findatherapist  .textarea_wide {
	background-color: #FFFFFF;
	width: 95%;
	font-size: 12px;
	border: 1px solid #cb8300;
}
#right  .content  .findatherapist  .textarea_narrow {
	background-color: #FFFFFF;
	width: 70%;
	font-size: 12px;
	border: 1px solid #cb8300;
}
#right  .content  .findatherapist  .selectField {
	background-color: #FFFFFF;
	font-size: 12px;
	border: 1px solid #cb8300;
}
#right .content .findatherapist .searchHeading {
	color: #FFFFFF;
	background-color: #EE9A00;
	font-weight: bold;
	border: 1px solid #f4c164;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*************** Table Styles *****************/

#right   .content   .findatherapist   .category  {
	background-color: #EE9A00;
	font-weight: bold;
	color: #FFFFFF;
}
#right  .content  .findatherapist  .heading     {
	background-color: #EE9A00;
	color: #FFFFFF;
	font-weight: bold;
}
#right  .content  .findatherapist .brownbold {
	font-size: 11px;
	font-weight: bold;
	color: #5F5E3F;
}

/*************** Search Results Styles *****************/

#right .content .searchresults {
	padding: 0px;
	width: 92%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#right .content .searchresults table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAA405;
	margin-top: 15px;
}
#right .content .searchresults td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAA405;
	padding-top: 10px;
	padding-bottom: 10px;
}
#right .content .searchresults h3 {
	color: #EAA405;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 18px;
}
#container #right .content .searchcriteria {
	font-size: 11px;
	color: #76745F;
	line-height: 18px;
}
#container #right .content .searchcriteria form {
	padding-top: 10px;
}
#container #right .content .searchcriteria  select {
	background-color: #FFFFFF;
	width: 45px;
	font-size: 11px;
	border: 1px solid #cb8300;
}
#container #right .content .searchcriteria label {
	font-weight: bold;
	color: #5F5E3F;
}
#container #right .content .searchcriteria strong {
	color: #5F5E3F;
}
#right .content .searchlinks {
	color: #eaa405;
	margin-top: 20px;
}
#right  .content  .searchlinks  a {
	color: #eaa405;
	text-decoration: none;
}
#right  .content  .searchlinks  a:hover,
#right  .content  .searchlinks  a:active {
	text-decoration: underline;
}
#right .content .memberAlerts {
	margin-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EE9A00;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#right .content .memberAlerts table {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	color: #FF0000;
}
#right .content .dinosaur {
	background-image: url(../education-programs/images/child-psychotherapy.gif);
	background-repeat: no-repeat;
	background-position: right 242px;
}

/*************************************************************
							Forms
*************************************************************/

#right .content #InformationRequest{
	background-image: url(../images/bg-form-gradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAA405;
}
#right .content #InformationRequest .formwidth {
	width: 500px;
}

#right .content #InformationRequest fieldset {
	margin-bottom: 10px;
}
#right .content #InformationRequest legend {
	font-weight: bold;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 10px;
}
#right .content #InformationRequest label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
#right .content #InformationRequest fieldset ol {
  margin: 0;
  padding: 0;
}
#right .content #InformationRequest fieldset li {
	list-style: none;
	margin: 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CFE0F3;
	background-image: url(../images/line-forms.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#right .content #InformationRequest fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
#right .content #InformationRequest fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
#right .content #InformationRequest fieldset fieldset label {
  display: block;
  width: auto;
}
#right .content #InformationRequest em {
	font-style: normal;
	color: #f00;
	font-size: 13px;
}
#right .content #InformationRequest label {
	width: 155px; /* Width of labels */
	text-align: right;
}
#right .content #InformationRequest fieldset fieldset label {
  margin-left: 158px; /* Width plus 3 (html space) */
}
#right .content #InformationRequest .formwidth p {
	margin: 0px;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#right .content .googlecalendar {
	margin-top: 30px;
	margin-left: 20px;
}


.textfields {
	width: 45%;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #EAA405;
	border-right-color: #EAA405;
	border-bottom-color: #EAA405;
	border-left-color: #EAA405;
}
.selectfields {
	width: 46%;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #EAA405;
	border-right-color: #EAA405;
	border-bottom-color: #EAA405;
	border-left-color: #EAA405;
}
.commentsfield {
	width: 90%;
	border: 1px solid #EAA405;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.submitbutton {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#right .content #InformationRequest .submit {
	border: none;
	background-color: transparent;
	text-align: center;
	background-image: url(../images/btn-contact.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 165px;
}
.formdisclaimer {
	font-size: 11px;
	line-height: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAA405;
}
#footnotes {
	font-size: 11px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CDCED0;
	border-bottom-color: #CDCED0;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #047CC1;
	line-height: 19px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dottedLine {
	background-image: url(../images/dotted-line.gif);
	background-repeat: repeat-x;
	background-position: center;
	font-size: 1px;
	line-height: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}

/*************************************************************
				 		Google Map
*************************************************************/
#googleMap {
	line-height: 15px;
	padding-top: 20px;
	padding-left: 40px;
}

/*******************************************************
                  CandyApple Design Link
*******************************************************/

.CandyAppleDesign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.CandyAppleDesign a {
	text-decoration: underline;
	font-size: 10px;
}
.CandyAppleDesign a:hover, .CandyAppleDesign a:active {
	text-decoration: underline;
	color: #65909A;
}