/*  ------------------------------
  PVII CSS Page Builder Magic 2
  Copyright (c) 2013 Project Seven Development
  www.projectseven.com
  02: 1 Col Fixed
  --------------------------------
Last edited by Bevi, 8/17/2025
*/

body {
	font-family: "source-sans-pro", "Segoe UI", Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	margin: 20px 0;
	padding: 0px;
}
/*  ---------------------
  Flexible responsive images.
  Do not put width/height in the HTML <IMG> tag
 ------------------------ */
img {vertical-align: bottom;}
img {max-width:100%}

/*  ---------------------
  Masterhead / Banner
 ------------------------
*/
.masthead {
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
}
.masthead .logo {
	position: relative;
	background-color: #222;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
}
.masthead h1 {
	margin: 0;
	padding: 0px;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: right;
}
/*  --------------------------------
  	Skip to H1 
  	------------------------------------
*/
h1 .skipto	{
	color: #B3B3B3;
	text-decoration: none;
	padding-right: 2px;
}
/* SETS HOVER COLOR on SKIPTO */
.skipto a:hover, .logo a:focus {
	color: #FFFFFF;
	background-color: rgba(143,0,0,1.00);
	padding-left: 2px;
	padding-right: 2px;
}

/*Max-Width allows the image to scale with the page*/
.masthead .banner img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	display: block;
}
.masthead .banner {
	position: relative;
	z-index: 20;
  	box-shadow: 0px 0px 0px #000;
	overflow: hidden;
}
/*  ---------------------------------
  Top Menu Styles & DIVs
 ------------------------------------
*/
.menutop-wrapper {
	background-color: #6E6D68;
	box-shadow: 0px 0px 8px #999; 
	position: relative;
	z-index: 10;
	text-align: center;
	font-size: .9em;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
/* gray-stripped BG graphic from P7 */	
	background-image: url(pbm-menu-bg.jpg); 
	overflow: hidden;
}
ul.menutop {
	margin: 0px;
	padding: 0px;
	display: inline-block; 
	vertical-align: top;
}
.menutop li {
	list-style-type: none;
	margin-right: 0px; 
/* Above sets no gap between buttons */ 
/*	margin-right: 5px; */
	float: left;
}
.menutop li:last-child {
	margin-right: 0px;
}

/* SETS TOP MENU BUTTONS */
.menutop a {
	display: block; 
	color: #EBEBEB;
	text-decoration: none;
	padding: 3px 20px;
	-webkit-transition: all linear .35s .1s;
	transition: all linear .35s .1s;
	margin-right: 0px;
	margin-left: 0px;
}
/* SETS HOVER COLOR */
.menutop a:hover, .menutop a:focus {
	color: #FFFFFF;
	background-color: rgba(143,0,0,1.00);
	outline: 0;
}
/*  ---------------------------------
  Content DIVs
 ------------------------------------
*/
.content-wrapper {
	margin: 0 auto;
	padding: 0 auto;
	background-color: #FFF;
	overflow: hidden;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-top: 0px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	max-width: 980px;
}
.columns-wrapper {
	position: relative;
	padding-top: 20px;
	padding-bottom: 50px;
	overflow-y: hidden;
	overflow: hidden; 
	}
/* Delete left sidebar
.sidebar1 {
	float: left;
	width: 20%;
	position: relative;
	border-right: 1px solid #E7E7E7;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	}
*/

/* Wrapper for .maincontent in center col of multi-column layout */
.center-col {
    float: left;
    width: 99%;
    position: relative;
    padding-top: 0px;
    margin-top: 0px;
    left: 2	0px;
    top: 20px;
}
/* Delete right sidebar
.sidebar2 {
	float: right;
	width: 20%;
	position: relative;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	border-left: 1px solid #E7E7E7;
}
.sidebar2content {
	margin-top: 0px;
	padding-top: 0px;
}
.second-col {
	float: left;
	width: 70%;
	position: relative;
	padding-top: 0px;
	margin-top: 0px;
}
*/

.main	{ } /* Aria landmark */

.maincontent {
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	font-size: 1em;
	line-height: 1.5em;
}
.box_masterclasses {
	margin-top: 30px;
	background-color: #eedaa4;
	padding: 10px 5px 15px 10px;
}
.box_courseextras {
	margin-top: 30px;
	background-color: #EAE1CC;
	padding: 10px 5px 15px 10px;
}
.box_highlight {
	margin-top: 30px;
	background-color: #F4E7C5;
	padding: 1px 5px 20px 10px;
}
.box_highlight2 {
	margin-top: 100px;
	background-color: #CCDBEA;
	padding: 1px 5px 20px 10px;
}
.box_highlight3 {
	margin-top: 30px;
	background-color: #EAE1CC;
	padding: 1px 5px 20px 10px;
}
.boxedtext	{
	display: block;
	background-color: #F4E7C5;
	padding: 10px 20px 10px 20px;
}
.boxedtext-indented	{
	display: block;
	background-color: #F4E7C5;
	padding: 10px 20px 10px 20px;
	margin: 0em 2em 0em 2em;
}
.boxedtext-indented-2ndline	{
	display: block;
	text-align: right;
	background-color: #F4E7C5;
	padding: 0px 40px 10px 20px;
	margin: 0em 2em 0em 2em;
}
.smallcalloutdiv {
	width: 30%;
	background-color: #EAE1CC;
	padding: 10px 5px 10px 10px;
	margin-left: 8px;
	float: right;
	clear: both;
}
/*  ---------------------------------
  Heading Styles
 ------------------------------------
*/
h1, h2, h3, h4 {
	margin-top: 50px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	line-height: normal;
	color: #4B4B4B
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1.0em; }

.big-text {    
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0em 1em 1em 1em;    
    text-align: left;
    color:#0076A7;
}
.bar-heading {
	margin-top: 50px;
	background-color: #F4E7C5;
	padding: 10px 5px 10px 10px;
}
.bar-heading-blue {
	margin-top: 50px;
	background-color: #014596;
	padding: 10px 5px 10px 10px;
	color: rgba(255,255,255,1.00);
	text-decoration: none;	
}
.bar-subheading-blue {
	margin-top: 0px;
	margin-bottom: 40px;
	background-color: #C2DDFE;
	padding: 20px 5px 20px 10px;
	color: #000000);
	text-decoration: none;	
}
.pubcom-heading {
	text-align: center;
	padding-top: 2em;
	margin: 4em 2em 2em 2em;
	border-top: 1px solid #C0C0C0;
}
.bundlebutton {
	font-weight: bold;
	background-color: #C9D5E4;
	text-align: center;
	padding: .5em;
	margin: 1em 4em 0em 4em;
	border: 2px dashed #A1B1C5;
}
/* Assigned to the first heading to remove top margins. */
.page-topper {
	margin-top: 0px;
	padding-top: 0px;
}
/*  ---------------------------------
  	SIDEBAR-2 Styles
 	---------------------------------
*/
.sidebar2 p, .sidebar2 h2, .sidebar2 h3, .sidebar2 ul, .sidebar2 ol, .sidebar2 li	{
	line-height: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.sidebar2 p,  .sidebar2 h3, .sidebar2 ul, .sidebar2 ol, .sidebar2 li	{
	font-size: .9em;
}
.sidebar2 p	{
	margin-top: .5em;
}
.sidebar2 h2	{
	font-size: 1.1em;
	margin-top: 30px;
}
.sidebar2 h3	{
	margin-top: .9em;
}
.sidebar2 ul, .sidebar2 li, .sidebar2 ol	{
	margin: 0 0 0 .7em;
	padding: .3em 0 0 0;
}

/*  ---------------------------------
  Images
 ------------------------------------
*/
/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.border {
	border: thin; 
	border-style: solid;
	border-color: #C1C1C1 
}
	
/* ---------------------------
    Basic Content Styles
   ----------------------------
*/

.maincontent li {
	margin-top: 1.25em;
}
.smalltext {
	font-size: .7em;
}
.border {
		border: 1px solid #000000;
}

caption {
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	background-color: #FCF6D7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999966;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999966;
	padding: 10px;
	margin-top: 5px;
}
.caption {
	font-size: .85em;
	line-height: 1.0em;
	color: #014596;
	margin-top: 0;
	padding-top: 0;
	border-bottom: thin;
	border-bottom-color: gainsboro;
	margin-bottom: 30px;
}
.caption-register {
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #014596;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 2em;
}
.float-right {
	margin-left: 8px;
	float: right;
	clear: both;
}
.float-right-border {
	border: 1px solid #000000;
	margin-left: 8px;
	float: right;
	clear: both;
}
.float-left {
	margin-right: 12px;
	float: left;
	clear: both;
}
.float-left-border {
	border: 1px solid #000000;
	margin-right: 12px;
	float: left;
	clear: both;
	}
.clear    {
	clear: both;
}
.align-top	{
	vertical-align: text-top;
}
.redsquare   {
	vertical-align: baseline;
	margin-right: 10px;
	margin-left: 0px;
}
.highlighted-link-indt {
	margin-left: 1em;
}
.highlighted-link-notopspace {
	margin-left: 1em;
	margin-top: -15px;
}
.maincontent li	{
	margin-bottom: .5em;
}
.backgroundbar	{
	display: block;
	background-color: #ecc87a;
	padding: 0px 20px 2px 20px;
	margin-right: 20px;
	font-weight: bold;
}
.intro {
	font-weight: bold;
	color: #095574;
	margin-top: 2.5em;
}
.author-date {
	font-size: .9em;
	font-style: italic;
	margin-bottom: 3em;
	padding-left: 2em;
}
.editor {
	font-size: .9em;
	font-style: italic;
	margin-top: 3em;
	border-top: thin solid #E7E7E7;
}
.extratopspace {
	margin-top: 3em;
}
.extratopSMspace {
	margin-top: .5em;
}
.extrabottomSMspace {
	margin-bottom: .5em;
}
.extrabottom-topSMspace {
	margin-bottom: .5em;
	margin-top: .5em;
}
.bold-red {
	font-weight: bold;
	color: #AF2240;
}
table	{
	font-size: .9em;
	line-height: normal;
	text-align: left;
	border-color: #E7E7E7;
}
table td, th	{
	padding: 6px 4px 4px 6px;
	margin: 0px;
	vertical-align: top;
}
table th	{
	font-weight: bold;
	text-align: left;
}
table caption	{
	font-weight: bold;
	text-align: left;
}
table p	{
	margin-bottom: 0;
}
.table-rule {
	border-top: thin #ACACAC
}


/*  ---------------------------
  	Ordinary Link Styles
	---------------------------

/* MAIN LINKS   */
.content a {
	color: #095574;
	text-decoration: underline;
    -moz-text-decoration-color: #CCCCCC; /* Code for Firefox */
    text-decoration-color: #CCCCCC;
}
.content a:hover, .content a:focus { 
	color: #8F0000; 
}
/* ---------------------------
    Class Calendar Styles
   ---------------------------- */

/* tighten up list spacing in DIV ID class-descriptions added to center content column */
#class-descriptions ul, ol {
	margin: 0 0 0 1em;
	}
#class-descriptions li {
	margin: .5em 0 0 0;
}
.classcal-title {
	margin-top: 40px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 1.2em;
	font-weight: bold;
	border-top: thin solid #999999;
	padding-top: 5px;
}
.classcal-info {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
}	
.classcal-small {
	font-size: .8em;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 1em;
}
.masterclass {
	color: #FFFFFF;
	font: italic;
	font-weight: normal;
	font-size: .7em;
}
.class-heading {
	margin-top: 40px;
	margin-bottom: 20px;
	border-top: thin;
	border-top-color: #666666
	padding: 5px 5px 5px 10px;
}
.classcal-title a {
	color: #000000;
	text-decoration: none
}
.classcal-title a:hover, .content a:focus { 
	color: #8F0000; 
	text-decoration: underline;
    -moz-text-decoration-color: #CCCCCC; /* Code for Firefox */
    text-decoration-color: #CCCCCC;
}
/*  ---------------------------
  Footer DIVs & Styles
-------------------------------
*/
.footer {
	max-width: 980px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
 	border-top: 1px solid #E7E7E7;
	font-size: .7em;
	color: #222;
	clear:both;
}
.ftop   {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E7E7E7;
}
.ftop p {
	text-align: center;
}
.footer p {
	text-transform: none;
	margin: 0px;
	padding: 0px;
}
.footer p.copyright {
	text-transform: uppercase;
	margin-top: 5px;
	clear: none;
}
.footer p.spaceabove {
	margin-top: 1em;
}
.footer h1 {
	text-transform: uppercase;
	font-size: 1.15em;
	color: #222;
	text-align: center;
	letter-spacing: .5em;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: thin solid #E7E7E7;
}
.footer h2 {
	text-transform: uppercase;
	font-size: .9em;
	color: #222;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.fcols-wrapper  {
	margin-top: 0;
	margin-bottom: 0;
	min-height: 100%; /* Set to minimum height so overflow doesn't get hidden */
	overflow-y: hidden; /* HIDE overflow; I know, it doesn't make much sense */
	position: relative;
} 
.fcol1, .fcol2, .fcol3, .fcol4, .fcol5, .fcol6, .fcol7 {
	width: 13%;
	float: left;
	position: relative;
	left: 0%;
	padding: 5px;
}
.fcols-wrapper ul	{
	display: list-item;
	list-style-type: none;
	padding-left: 0px;
	margin-top: 0px;
}
.fcols-wrapper li	{
	padding-bottom: 5px;
}
/* SETS FCOLS LINKS and HOVER */
.fcols-wrapper a	{
	text-decoration: none;
	color: #222;
}
.fcols-wrapper a:hover, .footer a:focus {
	color: #FFFFFF;
	background-color: rgba(143,0,0,1.00);
	padding-left: 2px;
	padding-right: 2px;
}
.fbottom   {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #E7E7E7;
	text-align: center;
}
/*  ---------------------------
  Rounded Corner Borders
-------------------------------
*/
/*Border Radius for CURVED CORNERS. The overall wrapper is assigned an 8px radius on all 4 corners. The masthead is assigned a 6px radius for its top corners. The footer is assigned a 6px radius for its bottom corners. The footer and masthead radii must always be 2px less than the radii set on the content wrapper so that its border displays properly.*/
.content-wrapper {border-radius: 6px;}
.masthead {border-radius: 4px 4px 0px 0px;}
.footer {
	border-radius: 0px 0px 4px 4px;
}
.centered {
	text-align: center;
}

}
/*  ---------------------------
  Mobile-Media settings
-------------------------------
*/
/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 699px) {
body {margin: 0px;}
ul.menutop {display: block;}
.menutop li {
	display: block;
	float: none;
	margin-right: 0px;
	margin-bottom: 5px;
}
.content, .menutop-wrapper {padding: 10px 20px !important;}
.content-wrapper {
	margin: 0px;
	width: auto;
	border-radius: 0px;
	border: none;
}
.content-wrapper, .masthead, .footer  {border-radius: 0px; }
.content-wrapper {width: auto; margin: 0px;}

/* Stack the 3 text columns on Mobile Media */
.sidebar1, .sidebar2, .center-col {
	width: auto !important;
	float: none !important;
	position: static !important;
}
.sidebar2{
	border-top: 1px solid #F1F5F9;
	padding-top: 10px;
}
.content {
	padding: 10px 10px !important;
	border: none !important;
	height: auto !important;
	max-height: 888678px;
}
.masthead, .footer {border-radius: 0px;
}
/* Stack the footer columns on Mobile Media */
.fcols-wrapper .fcol1, .fcol2, .fcol3, .fcol4, .fcol5, .fcol6, .fcol7 {
	display: block;
	float: none;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
}
@media only screen and (min-width: 700px) and (max-width: 1000px)  {
.content-wrapper  {
	width: auto;
	margin: 0px 10px;
	background-clip: border-box;
	font-size: medium;
}
@media only screen and (min-width: 350px) {
body {margin: 0px;}
.fcols-wrapper ul {display: block;}
.fcols-wrapper li {
	display: block;
	float: none;
	margin-right: 0px;
	margin-bottom: 5px;
}