﻿#wrapper * {
	font-size:16px;
	text-indent:0px !important;
	line-height:normal !important;
}
#wrapper a {
	font-size:inherit;
}
#head {
	background-image: url(/publishingimages/ribbon-empty.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	text-transform: uppercase;
	text-align: center;
	color: #990000;
	font-size: 312.5%; /*50px*/
	line-height: .8 !important;
	font-family: 'Crimson Text', serif;
	padding-top: 95px;
	margin-bottom: 3px;
}
.pcc #head {
	background-image:url(/publishingimages/ribbon-empty-pcc.jpg);
	font-size:225%; /*36px*/
	padding-top:105px;
}
#head span {
	font-size:50%; /*half size*/
}
.pcc #head span {
	font-size:140% /*50px*/;
	line-height:.9 !important;
}
#ascp {
	font-weight: bold;
	font-family: 'Crimson Text', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 87.5% /*14px*/;
	line-height: 1;
}
#links {
	background-color: #003a64;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /*12px*/
	line-height: 12px;
	padding: 10px;
}
.pcc #links, .pcc #current {
	background-color:#990000;
}
#wrapper #links a {
	color: white !important;
}
#links select {
	width: 180px;
	float: right;
	position: relative;
	bottom: 3px;
	font-size:12px;
}
#links option {
	font-size:12px;
}
#weekly, #features {
	padding: 10px;
	border: 1px solid #888;
}
#weekly #video {
	width: 240px;
	float: right;
	margin: 0px 0px 10px 10px;
}
#weekly #video img {
	width: 100%;
}
#weekly .subscribe {
	text-align: center;
	text-transform: uppercase;
	font-size: 125%;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 10px -10px 0px;
	padding: 10px 0px 0px;
	border-top: 1px solid #888;
	clear:both;
}
#left .etc {
	width: 200px;
	float: right;
	margin: 0px 0px 10px 10px;
	background-color: #EEEEEE;
	padding: 10px;
}
#left .etc h3 {
	margin: 0px 0px 5px;
	font-size: 80%;
	font-family: Georgia, serif;
}
#left .etc p + #left .etc h3 {
	margin-top: 1rem;
}
#left .etc p {
	margin: 0px 0px 5px;
	font-size: 87.5%;
}
#features .collection-dingbat {
	width: 10%;
	float: left;
	margin: 1rem 1rem 2rem 0;
}
#wrapper .ad {
	font-size: 9px !important;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px !important;
	text-align: center;
	text-transform: uppercase;
}
#right #ad2 {
	border:none;
	margin-bottom:20px;
	padding-bottom:0px;
}
#subscriberight {
	margin:0px !important;
	padding:15px 10px !important;
	border:1px solid #003A64 !important;
	text-align:center;
	font-weight:bold;
	font-size:150%;
	letter-spacing:1px;
	line-height:1.1 !important;
	color:#003A64;
	text-transform:uppercase;
	/*height: 86px;*/
    box-sizing: border-box !important;
    font-family:Calibri, Helvetica, Arial, Verdana, sans-serif !important;
}
#current {
	background-color: #003a64;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: white;
	padding: 10px 180px 10px 10px;
	border-bottom: 1px solid #003A64;
	position: relative;
}
#current img {
	width: 160px;
	position: absolute;
	right: 10px;
	top: 10px;
	clip: rect(0px 160px 157px 0px);
}
.pcc #pcccover {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 120px;
    height: 107px;
    background-color: white;
    overflow:hidden;
}
.pcc #pcccover .large, .pcc #pcccover .small {
	padding:3px 6px 0px 6px;
	box-sizing:border-box;
	color:black;
	border-bottom:none !important;
	font-family:Georgia,serif;
	line-height:1;
	color:#666666;
}
.pcc #pcccover .small {
	width:40%;
	font-size:6px;
	text-align:right;
	float:left;
}
.pcc #pcccover .large {
	width:60%;
	font-size:8px;
	line-height:1;
	border-left:1px solid #DDDDDD;	
	float:right;
}
div#elerts {
	border:1px solid #888 !important;
	padding:10px;
	background-color:#F4F3F8;
}
div#elerts h2 {
	color:#003a64;
	text-align:center;
}
div#elerts h2 span {
	border-bottom-color:#003a64 !important;
}
#elerts #elert-button {
	width:100px;
	margin:20px auto;
	border:1px solid #003a64;
	color:#003a64;
	font-weight:bold;
	text-transform:uppercase;
	border-radius:6px;
	background:#E2ECF5;
	padding:5px 0px;
	line-height:1;
	text-align:center;
	cursor:pointer;
}
#elerts .blurb {
	text-align:right;
}
#blog img {
	float: left;
	margin-right: 10px;
}
.ed img {
	width: 100%;
}
#jobs img {
	position: relative;
	top: 8px;
}
#jobs h2 {
	display: inline-block;
	margin: 0px 0px 20px 5px;
}
#featuredJobsList {
	border:none !important;
	height:200px;
	overflow:hidden;
	padding-bottom:0px !important;
}
#featuredJobsList div {
	border:none !important;
}
#podcast img {
	float:left;
	margin:0px 10px 10px 0px;
}
#education {
	background-color:#EAE1D1;
	border:1px solid #990000 !important;
	font-family:'Crimson Text', serif;
	color:#990000;
	line-height:1 !important;
	padding:10px !important;
	text-align:center;
	text-transform:uppercase;
	margin:-15px 0px 20px !important;
}
#wrapper div#education a {
	color:#990000 !important;
}
/*Text Styles*/
h1 {
	font-size: 112.5% !important; /*18px*/
	font-family: Georgia, serif;
	color: #900;
	margin: 0px 0px 15px;
}
h1 span {
	border-bottom: 1px solid #900;
	padding: 0px 5px 3px;
	font-size:100% !important;
}
h2 {
	font-size: 94% !important; /*15px*/
	font-family: Georgia, serif;
	color: #888;
	margin: 30px 0px 15px;
}
h2 span {
	border-bottom: 1px solid #CCC;
	padding: 0px 5px 3px;
}
div h2:first-child, .etc + h2 {
	margin-top: 0px;
}
#current h2 {
	color: white;
	margin-top: 0px;
	font-size:14px !important;
}
#current h2 span {
	font-size:inherit !important;
}
#current ul {
	margin: 3px 0px 0px;
	padding-left: 20px;
}
#current ul li, #current ul li a {
	list-style-type: none;
	list-style-image: url(/PublishingImages/listBck_pccfeatured_arrow.png);
	font-style: normal;
	margin-bottom: 4px;
	line-height: 12px !important;
	font-size: 12px;
	color:white !important;
	text-decoration:none !important;
}
.type {
	font-size: 81% !important; /*13px*/
	color: #900;
	margin: 0 !important;
}
#wrapper .title {
	font-size: 150% !important; /*24px*/
	line-height: 1.1 !important; /*26px*/
	margin: 0px 0px .375rem !important;
}
#wrapper .title a {
	font-size:100% !important;
	line-height: 1.1 !important; /*26px*/
}
.title + .title {
	margin-top: 10px;
}
#right .title {
	font-size: 112.5% !important; /*18px*/
	line-height: 20px !important;
}
.blurb {
	font-size: 87.5% !important; /*14px*/
	color: #444;
	margin: 2px 0px 0px !important;
}
.blurb + .title {
	margin-top: 1rem !important;
}
#wrapper .more {
	margin: 10px 0px 10px !important;
	font-size: 81% !important; /*13px*/
	color: #888;
	text-align:right;
}
#wrapper .more a {
	font-size: 100% !important; /*13px*/
}
.details + .title, .details + .type {
	margin-top: 1rem !important;
}
.details {
	font-size: 81% !important; /*13px*/
	margin: 3px 0px 0px !important;
}
#wrapper a {
	color: #003a64 !important;
}
hr {
	border-top:1px solid #CCCCCC;
	clear:left;
	margin:30px 0px 0px;
}
em {
    font-size: inherit !important;
}
#WebPartWPQ3 {
	display:none;
}
/*Fast Facts*/
#facts {
	width:300px;
	padding:10px !important;
	border:1px solid #888888 !important;
	box-sizing:border-box;
	margin-top:16px;
}
#facts.slim {
	width:160px !important;
}
#right #facts #did {
	font-family:'Merriweather',serif !important;
	font-size:16px;
	line-height:16px;
	margin:0px;
	position:relative;
	top:-18px;
	color:#336699;
	display:inline-block;
	padding:0px 5px;
	background-color:white;
}
#right #facts #fact {
	margin:0px 0px 0px 5px;
	font-family:Calibri, Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	line-height:16px;
}
#right #facts #linktext {
	text-align:right;
	margin:16px 0px 0px !important;
	font-family:Calibri, Helvetica, Arial, Verdana, sans-serif !important;
	font-size:14px !important;
	line-height:16px !important;
}
#right #facts #link {
	text-decoration:none;
	color:#336699;
}

@media screen and (max-width:767px) {
#wrapper {
	width:100% !important;
	margin-top:30px !important;
	box-sizing:border-box !important;
	padding:3px !important;
}
#globalMenuHolder {
	margin-bottom:0px !important
}
#wrapper div {
	box-sizing: border-box;
	min-height: 10px;
	margin-bottom: 1rem !important;
}
.subscribe {
	margin: 0px 10px 20px !important;
    padding: 0px 0px 10px !important;
    border-bottom: 1px solid #888 !important;
	border-top:none !important;
	font-size:100% !important;
}
#right div {
	margin-bottom: 1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #DDDDDD;
}
.ad {
	display: none;
}
#links {
	font-size: 60% !important;
}
#head {
	font-size: 190% !important;
	padding-top: 12vw !important;
	min-height: 22.6vw;
}
.pcc #head {
	font-size:120% !important;
	padding-top: 14vw !important;
}
#ascp {
	font-size: 50% !important;
}
#weekly #video {
	width: 100% !important;
	float: none !important;
	margin: 1rem 0px 0px !important;
}
.ed {
	padding: 0 15%;
	clear: both;
}
#weekly .subscribe {
	padding-bottom: 10px !important;
	border-bottom: 1px solid #888;
	margin-bottom: 10px !important;
}
#left .etc {
	width: 100% !important;
	float: none !important;
	margin: 1rem 0 0 !important;
}
#links select {
	width: 100% !important;
	float: none !important;
	margin-top: 10px !important;
	position: static !important;
}
#wrapper #right #current, #currentlist li a {
	font-size:14px !important;
}
#subscriberight {
	display:none;
}
#blog img {
	float:none;
}
#blog h2 {
	display:none;
}
#right #jobs {
	margin-bottom:0px !important;
	border:none;
}
#jobs {
	display:none;
}
hr {
	margin-top:1rem;
}
h2 {
	padding:0px 5px 3px;
	border-bottom:1px solid #CCC;
	display:inline-block;
	margin-top:1rem;
}
h2 span {
	border:none;
	padding:0px;
}
iframe#psychstalk-blog-iframe {
    width: 300px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
}

/*@media screen and (min-width:767px) and (max-width:1037px) {
#wrapper, #jcp-page-wrapper, #page-content, #s4-bodyContainer, #top_headerHolder, #globalMenuHolder2,#top_header, #top_headerHolder, #global_footer {
	width:100% !important;
}
#globalNav, #globalNav #globalMenuHolder {
	width:700px !important;
	padding:0px !important;
}
#globalMenu {
	width:640px;
}
#globalNav #globalMenuHolder2 .LoginDiv {
	width:auto;
}
.socialMediaDiv .follow {
	display:none !important;
}
.searchDiv {
	float:left !important;
}
.site-map {
	display:none !important;
}
#wrapper div {
	box-sizing: border-box;
	min-height: 10px;
	margin-bottom: 1rem;
}
div.ed {
	margin: 2rem 0px;
}
#ad2 div {
	margin:0px !important;
	padding:0px !important;
	border:none !important;
}
.subscribe {
	margin: 0px 10px 20px !important;
    padding: 0px 0px 10px !important;
    border-bottom: 1px solid #888 !important;
	border-top:none !important;
}
#right div {
	margin-bottom: 1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #DDDDDD;
}
#cme {
	clear: both;
	width: 55%;
	float: left;
	border-bottom:none !important;
	box-sizing:border-box;
	padding:30px;
}
#cme img {
	width:100%;
}
#blog {
	min-height:140px;
	float:right;
	width:40%;
}
#jobs {
	width: 40%;
	float: right;
}
#current-elert {
	width:55%;
	box-sizing:border-box;
	float:left;
	margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: none !important;
}
#ad1 {
	width: 728px;
	margin: 1rem auto !important;
}
#ad2 {
	width:300px;
	float:right;
	margin-top:25px;
}
#right #subscriberight {
	height:auto !important;
	margin-bottom:1rem !important;
}
#popular {
	clear: both;
	width:55%;
	float:left;
}
#popular .title {
	margin-bottom:20px !important;
}
#head {
	background-position: center !important;
}
#global_footer .footer_column1, #global_footer .footer_column2 {
	width:40%;
}
#global_footer .footer_column2 .footerPara {
	text-align:left;
}
#elerts #elert-button {
	margin:1px 10px 0px;
	float:left;
}
#elerts .blurb {
	margin:15px 0px 10px !important;
	text-align:left !important;
}
}*/

/*@media screen and (min-width:1038px) {*/
@media screen and (min-width:768px) {
#wrapper div {
	box-sizing: border-box;
	min-height: 10px;
	margin-bottom: 10px;
	width: 100%;
}
#right div {
	margin-bottom: 10px;
	padding-bottom:20px;
	border-bottom:1px solid #DDDDDD;
}
#ad2 div {
	margin:0px !important;
	padding:0px !important;
	border:none !important;
}
#wrapper {
	width: 1038px;
	border: none;
	margin: 0px auto;
}
#left {
	width: 728px !important;
	margin-right: 10px;
	float: left;
}
#right {
	width: 300px !important;
	float: right;
}
}