/*
******************************************
  Customized/Modified CSS for Clearview Performance Systems
  Created By: Neil Dempster 
******************************************
*/



/* | CPS Multi-Use CSS Code ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p.spacertopsingle { padding-top: 1vh; }
p.spacertopdouble { padding-top: 3vh; }
p.spacerbottomsingle { padding-bottom: 1vh; }

img.center { display: block; margin: 0 auto; }
img.center.padtopsmall { padding-top: 2vh; }
img.center.padtopmedium { padding-top: 4vh; }
img.center.padtoplarge { padding-top: 6vh; }
img.center.padtopxlarge { padding-top: 8vh; }
img.center.padbottomsmall { padding-bottom: 2vh; }
img.center.padbottommedium { padding-bottom: 4vh; }
img.center.padbottomlarge { padding-bottom: 6vh; }
img.center.padbottomxlarge { padding-bottom: 8vh; }
img.sm7icon { padding-top: 1vh; margin-top: 1vh; padding-bottom: 0; margin-bottom: 0; }
img.rounded5 { border-radius: 5px; }
img.rounded8 { border-radius: 8px; }
img.rounded10 { border-radius: 10px; }

input:hover[type="submit"] { background: #947c83; color: #fff; }
input:hover[type="button"] { background: #947c83; color: #fff; }


/*
.cps-testcolumn {
	font-size: 125%;
	color: #633;
	font-style:italic;
	background-color: #9C9;
}
.cps-spacer10 {
	background-color: #384E6A;
}
.cps-header {
	font-size: 100%;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #384E6A;
	padding-top: 5px;
}
.cps-footer {
	font-size: 85%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #384E6A;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blurb {
	padding-top: 5%;
    position: relative;
    z-index: 2;
    width: 80%;
    box-sizing: inherit;
	overflow:hidden;
}
*/

/*
*************************
  Video Styles
*************************
*/
.hmy-videofull-wrapper {
	position: fixed;
	height: 0px;
}
.hmy-videofull-wrapper object, .hmy-videofull-wrapper embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
	height: 100%;
}

a:link {
	color: #999999;
}

/*
	Home Page BG
*/



/*	CPS Default Settings	*/


h1 { 
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h1 center {
	text-align: center;
}

h1 right {
	text-align: right;
}

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}



/* | CONFIRMED/COMPLETED *************************************************************************************************************************************** | */


.cpsmenulogo {
	padding-top: 5px;
	padding-bottom: 10px;
}
.imgtextfloat {
	float: right;
	text-align: left;
	line-height: 1.5em;
	padding-top: 15px;
	padding-right: 70px;
}
.imgresourcelink {
	float: left;
	padding-top: 1vh;
	padding-right: 0.5vw;
}
.imgslicepadding {
	padding-top: 0.8em;
	padding-bottom: 0.2em;
}
.menuimgpadtoplarge { padding-top: 6.0vh; padding-bottom: 0.9em; }
.menuborder {
	border: 2px white solid;
	margin-top: 3rem;
	border-radius: 10px;
}

/*
	Sticky Header
*/
.cpsheader {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky; /* added 12/27/20) */
	position: -ms-sticky; /* added 12/27/20) */
	position: -o-sticky; /* added 12/27/20) */
/*	position: fixed; /* fix for IE 11 (added 06/14/19) */
	position: sticky;
	top: 0px;
	z-index: 860;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: rgba(56,78,106,1.0);
	color: #ffffff;
	padding-top: 21px;
	padding-bottom: 11px;
	box-sizing: border-box;
	border-bottom: 1px white solid;
	width: 100%;
	height: 77px; /* added on 12/27/20 to address sticky header issues  */
}

/*
	Dividers
*/
.spacertop { margin-top: 2.4vh;}

.spacertopslim { margin-top: 0.5vh;}
.spacertopsmall { margin-top: 1.0vh;}
.spacertopmedium { margin-top: 2.0vh;}
.spacertoplarge { margin-top: 5.0vh;}
.spacertopxlarge { margin-top: 7.0vh;}
.spacerbottomslim { margin-bottom: 0.5vh;}
.spacerbottomsmall { margin-bottom: 1.0vh;}
.spacerbottommedium { margin-bottom: 2.0vh;}
.spacerbottomlarge { margin-bottom: 5.0vh;}
.spacerbottomxlarge { margin-bottom: 7.0vh;}

.divider_cpsblue { height: 0.5vh; background-color: rgb(56,78,106); }
.divider_brown { height: 1.8vh; background-image: linear-gradient(to bottom, rgb(111,64,38), rgb(218,118,60), rgb(222,154,118), rgb(218,118,60), rgb(111,64,38)); }
.divider-mainsections { height: 6vw; }

.bullseye {
	background-image: url(../images/body/bullseye_large_slice.png);
	position: relative;
	width: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	padding-top: 29.17%;
}
/*.bullseye {
	background-color: rgb(148,124,131);
	background-image: url(../images/body/bullseye_large_slice.png);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100%;
	vertical-align: middle;
} */


/*
	Footer
*/

.footer-image {
	position: relative;
	width: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100%;
	padding-top: 42.97%;
}
.footer-text { position: absolute; color: #fff; }
.footer-text a:link {color: #fff; border-bottom: 1px solid; text-decoration: none; }
.footer-text a:visited {color: #fff; border-bottom: 1px solid; text-decoration: none; }
.footer-text a:hover {color: #fff; border-bottom: none; text-decoration: none; }

.footer-text.ledetitle {
	font-family: 'Raleway', Verdana, Geneva, sans-serif;
}
.footer-text.bodytext {
	font-family: 'Roboto', Verdana, Geneva, sans-serif;
}
.footer-text.copyright {
	font-family: 'Roboto', Verdana, Geneva, sans-serif;
}


.footer-text-block1 {
	position: absolute;
	top: 19.8vh;
	left: 10.2vw;
	font-family: 'Raleway', Verdana, Geneva, sans-serif;
	font-size: 2.45rem;
	color: #fff;
}

/*
	Titles
*/
.boldstatement_right { font-size: 2rem; color: #999; text-align: right; padding-right: 10.8vw; padding-top: 5vh; }
.boldstatement_left { font-size: 2rem; color: #999; text-align: left; padding-left: 10.8vw; padding-top: 0.7vh; padding-bottom: 5vh; }
.boldstatement_center_red { position: absolute; font-size: 3rem; font-family: 'Raleway', Verdana, Geneva, sans-serif; color: rgb(176,30,45); text-shadow: 2px 2px 2px #000; top: 8.0vw; width: 100%; left: 50%; transform: translate(-50%); }
.boldstatement_center1 { position: absolute; font-size: 2rem; font-family: 'Raleway', Verdana, Geneva, sans-serif; color: rgb(100,100,100); text-shadow: 0px 0px 0px #000; top: 16vw; width: 100%; left: 50%; transform: translate(-50%); }
.boldstatement_center2 { position: absolute; font-size: 2rem; font-family: 'Raleway', Verdana, Geneva, sans-serif; color: rgb(100,100,100); text-shadow: 0px 0px 0px #000; top: 20vw; width: 100%; left: 50%; transform: translate(-50%); }


/*
	HP Main Body
*/

.whatwedo { font-size: 0.8rem; color: #646464; }

.whatwedo p.rightalign { text-align: right; }

.whatwedo p.title { font-size: 1.0rem; font-weight: bold; line-height: 1.3rem; padding-bottom: 0.2vh; }

.whatwedo p.title.red { color: #c20800; }
.whatwedo p.title.red a:link {color: #c20800; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.red a:visited {color: #c20800; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.red a:hover {color: #c20800; border-bottom: none; text-decoration: none; }

.whatwedo p.title.yellow { color: #b2a500; }
.whatwedo p.title.yellow a:link {color: #b2a500; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.yellow a:visited {color: #b2a500; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.yellow a:hover {color: #b2a500; border-bottom: none; text-decoration: none; }

.whatwedo p.title.green { color: #489100; }
.whatwedo p.title.green a:link {color: #489100; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.green a:visited {color: #489100; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.green a:hover {color: #489100; border-bottom: none; text-decoration: none; }

.whatwedo p.title.blue { color: #0077a9; }
.whatwedo p.title.blue a:link {color: #0077a9; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.blue a:visited {color: #0077a9; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.blue a:hover {color: #0077a9; border-bottom: none; text-decoration: none; }

.whatwedo p.title.eggplant { color: #5c2076; }
.whatwedo p.title.eggplant a:link {color: #5c2076; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.eggplant a:visited {color: #5c2076; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.eggplant a:hover {color: #5c2076; border-bottom: none; text-decoration: none; }

.whatwedo p.title.wine { color: #981755; }
.whatwedo p.title.wine a:link {color: #981755; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.wine a:visited {color: #981755; border-bottom: 2px solid; text-decoration: none; }
.whatwedo p.title.wine a:hover {color: #981755; border-bottom: none; text-decoration: none; }

a.directlink:link { color: #646464; border-bottom: none; text-decoration: none; }
a.directlink:visited { color: #646464; border-bottom: 2px solid; text-decoration: none; }
a.directlink:hover { color: #646464; border-bottom: 2px solid; text-decoration: none; }

a.red:link {color: #c20800; border-bottom: 2px solid; text-decoration: none; }
a.red:visited {color: #c20800; border-bottom: 2px solid; text-decoration: none; }
a.red:hover {color: #c20800; border-bottom: none; text-decoration: none; }

a.yellow:link {color: #b2a500; border-bottom: 2px solid; text-decoration: none; }
a.yellow:visited {color: #b2a500; border-bottom: 2px solid; text-decoration: none; }
a.yellow:hover {color: #b2a500; border-bottom: none; text-decoration: none; }

a.green:link {color: #489100; border-bottom: 2px solid; text-decoration: none; }
a.green:visited {color: #489100; border-bottom: 2px solid; text-decoration: none; }
a.green:hover {color: #489100; border-bottom: none; text-decoration: none; }

a.blue:link {color: #0077a9; border-bottom: 2px solid; text-decoration: none; }
a.blue:visited {color: #0077a9; border-bottom: 2px solid; text-decoration: none; }
a.blue:hover {color: #0077a9; border-bottom: none; text-decoration: none; }

a.dkblue:link {color: #384e6a; border-bottom: 2px solid; text-decoration: none; }
a.dkblue:visited {color: #384e6a; border-bottom: 2px solid; text-decoration: none; }
a.dkblue:hover {color: #384e6a; border-bottom: none; text-decoration: none; }

a.eggplant:link {color: #5c2076; border-bottom: 2px solid; text-decoration: none; }
a.eggplant:visited {color: #5c2076; border-bottom: 2px solid; text-decoration: none; }
a.eggplant:hover {color: #5c2076; border-bottom: none; text-decoration: none; }

a.wine:link {color: #981755; border-bottom: 2px solid; text-decoration: none; }
a.wine:visited {color: #981755; border-bottom: 2px solid; text-decoration: none; }
a.wine:hover {color: #981755; border-bottom: none; text-decoration: none; }

a.optimalfit:link {color: #4d7340; border-bottom: 2px solid; text-decoration: none; }
a.optimalfit:visited {color: #4d7340; border-bottom: 2px solid; text-decoration: none; }
a.optimalfit:hover {color: #4d7340; border-bottom: none; text-decoration: none; }

a.sm7:link {color: #384e6a; border-bottom: 2px solid; text-decoration: none; }
a.sm7:visited {color: #384e6a; border-bottom: 2px solid; text-decoration: none; }
a.sm7:hover {color: #384e6a; border-bottom: none; text-decoration: none; }

a.password:link {color: #999; border-bottom: 2px solid; text-decoration: none; }
a.password:visited {color: #999; border-bottom: 2px solid; text-decoration: none; }
a.password:hover {color: #999; border-bottom: none; text-decoration: none; }

a.pme:link {color: #384e6a; border-bottom: 2px solid; text-decoration: none; }
a.pme:visited {color: #384e6a; border-bottom: 2px solid; text-decoration: none; }
a.pme:hover {color: #384e6a; border-bottom: none; text-decoration: none; }

a.linkimg:hover { /* Main Menu link hover */
	opacity: 0.75;
	filter: alpha(opacity=75); /* For IE8 and earlier */
}

.sad { float: right; }
.sad p { font-size: 0.8rem; color: #646464; }
.sad h1 { font-size: 1.2rem; color: rgb(56,78,106); padding-top: 0.5vh; padding-right: 1vw; }
.sad h2 { font-size: 1.0rem; color: rgb(56,78,106); padding-right: 20px; }
.sad h3 { font-size: 0.7rem; color: rgb(56,78,106); }
.sad img.logo { margin-top: 1vh; margin-bottom: 2vh; padding-left: 1vw; }

/*
	Project Seven Custom Layout
*/








	Video Settings
*/
.videolayout {
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	display:inline-block;
	object-fit: cover;
/*	max-width: 100%; */
}

#tpstatement01 { /* Thought-Provoking Statement */
	width: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100%;
	padding-top: 46.88%;
}

#bread1 { /* 'Who We Are' Bread #1 */
	width: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100%;
	padding-top: 48.05%;
}

#bread2 { /* 'Who We Are' Bread #2 */
	width: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100%;
	padding-top: 54.71%;
}

#client1 { background-image: url(../images/body/clientlist1.svg); width: 100%; display: inline-block; background-repeat: no-repeat; background-position: left; background-size: 100%; padding-top: 80.0%; }

#client2 { background-image: url(../images/body/clientlist2.svg); width: 100%; display: inline-block; background-repeat: no-repeat; background-position: left; background-size: 100%; padding-top: 80.0%; }

.breadtext1 { font-size: 1.0rem; color: #646464; text-align: right; padding-top: 9.0vh; padding-right: 1.0vw; }
.breadtext2 { font-size: 1.0rem; color: #646464; padding-top: 10vh; padding-right: 1.1vw; }
.buttext {
	font-size: 8rem;
	color: #999;
	text-align: center;
}
.welcometext { font-size: 1.5rem; text-align: left; color: #646464; padding-top: 2vh; padding-right: 1.1vw; }

.body-text-centered { font-size: 1.0rem; color: #646464; text-align: center; }
.contactus {
	color: #fff;
	font-size: 1.0rem;
	padding-top: 8vh;
	padding-bottom: 7vh;
}

/*
	Level 2 Stylesheet
*/
div.returnhome { position: fixed; top: 17px; left: 15px; font-size: 1.0rem; display: block; text-decoration: none; background-color: rgb(56,78,106); color: #FFF; z-index: 898; }
div.returnhome a:link {color: #fff; border-bottom: none; text-decoration: none; }
div.returnhome a:visited {color: #fff; border-bottom: none; text-decoration: none; }
div.returnhome a:hover {color: #fff; border-bottom: none; text-decoration: none; }

div.returnvar { position: fixed; top: 17px; left: 45px; font-size: 1.0rem; display: block; text-decoration: none; background-color: rgb(56,78,106); color: #FFF; z-index: 899; }
div.returnvar a:link {color: #fff; border-bottom: none; text-decoration: none; }
div.returnvar a:visited {color: #fff; border-bottom: none; text-decoration: none; }
div.returnvar a:hover {color: #fff; border-bottom: none; text-decoration: none; }

div.signinmsg { position: fixed; top: 23px; right: 75px; font-size: 0.7rem; display: block; text-decoration: none; background-color: rgb(56,78,106); color: #FFF; z-index: 897; }

div.signin { position: fixed; top: 48px; right: 75px; font-size: 0.7rem; display: block; text-decoration: none; background-color: rgb(56,78,106); color: #FFF; z-index: 896; }
div.signin a:link {color: #fff; border-bottom: 2px solid; text-decoration: none; }
div.signin a:visited {color: #fff; border-bottom: 2px solid; text-decoration: none; }
div.signin a:hover {color: #fff; border-bottom: none; text-decoration: none; }

.display-none { display: none; }
.display-block { display: block; }
.display-inline-block { display: inline-block; }

.l2body-text-left { font-size: 1rem; color: #646464; text-align: left; line-height: 1.4rem; }
.l2body-text-left.first { padding-top: 1vh; }
.l2body-text-left.single { padding-bottom: 0; }
.l2body-text-left.middle { padding-bottom: 1vh; }
.l2body-text-left.double { padding-bottom: 2vh; }
.l2body-text-left.indent { padding-left: 2.5vw; }
.l2body-text-left.linkimg { padding-top: 1.9vh; padding-bottom: 0; margin-bottom: 0; }
.l2body-text-left.linkimg.first { padding-top: 1.9vh; padding-bottom: 20px; margin-bottom: 0; }
.l2body-text-left.smallfont { font-size: 0.8rem; }
.l2body-text-left.white { color: #fff; }

.l2body-text-right { font-size: 1rem; color: #646464; text-align: right; line-height: 1.4rem; }

.l2body-text-centered { font-size: 1rem; color: #646464; text-align: center; }
.l2body-text-centered.first { padding-top: 1vh; }
.l2body-text-centered.single { padding-bottom: 0; }
.l2body-text-centered.nogapbottom { padding-bottom: 0; margin-bottom: 0; }
.l2body-text-centered.singlelineheight { padding-bottom: 0; margin-bottom: 0; line-height: 1.0; }
.l2body-text-centered.middle { padding-bottom: 1vh; }
.l2body-text-centered.double { padding-bottom: 2vh; }
.l2body-text-centered.single.bold { font-weight: bold; }
.l2body-text-centered.double.bold { font-weight: bold; }
.l2body-text-centered.nopadmargin { padding-bottom: 0; padding-top: 0; margin-bottom: 0; margin-top: 0; }
.l2body-text-centered.nopadmargin.last { margin-bottom: 12px; }
.l2body-text-centered.warning { color: #c20800; }
.l2body-text-centered.smallfont { font-size: 0.8rem; }
.l2body-text-centered.white { color: #fff; }
.l2body-text-centered.smallfont a:link {color: #fff; border-bottom: 2px solid; text-decoration: none; }
.l2body-text-centered.smallfont a:visited {color: #fff; border-bottom: 2px solid; text-decoration: none; }
.l2body-text-centered.smallfont a:hover {color: #fff; border-bottom: none; text-decoration: none; }

.l2booktitle-centered { font-size: 1rem; color: #53788b; text-align: center; }
.l2booktitle-centered.bold { font-weight: bold; }
.l2booksubtitle-centered { font-size: 1rem; color: #646464; text-align: center; }
.l2booktitle-centered.single { padding-bottom: 0; }
.l2booktitle-centered.single.bold { font-weight: bold; }
.l2booktitle-centered.single.italic { font-style:italic; }
.l2booktitle-centered a:link {color: #53788b; border-bottom: 2px solid; text-decoration: none; }
.l2booktitle-centered a:visited {color: #53788b; border-bottom: 2px solid; text-decoration: none; }
.l2booktitle-centered a:hover {color: #53788b; border-bottom: none; text-decoration: none; }
.l2bookauthor-centered { font-size: 1rem; color: #646464; text-align: center; font-style: italic; padding-bottom: 2.5vh; }

#l2headerimage { /* Image below header */
	width: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100%;
	padding-top: 20.90%;
}
.l2mainbanner { width: 100%; display: inline-block; background-repeat: no-repeat; background-position: left; background-size: 100%; padding-top: 20.90%; }

.l2headercontent { position: absolute; top: 12.0vh; left: 46.0vw; font-family: 'Raleway', Verdana, Geneva, sans-serif; color: rgba(56,78,106,1.0); }

.l2headercontent p { font-size: 1.3rem; padding: 0; }
.l2headercontent h2 { font-size: 4.0rem; padding-left: 3.8vw; padding-bottom: 1.0vh; }
.l2headercontent h2.quote { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.l2headercontent h3 { font-size: 2.5rem; padding-left: 2.3vw; padding-bottom: 7.1vh; }


.l2rose a {
	color: #CCC;
}
.l2rose a:hover {
	color: #ffffff;
}



.archiveimage {
	padding-bottom: 2vw;
}

/* from https://stackoverflow.com/questions/28623446/hover-effect-expand-bottom-border */

.slide-link { display: inline-block; color: #646464; text-decoration: none; }
.slide-link.wine { color: #c33953; cursor: pointer; }
.slide-link.color-white { color: #fff; cursor: pointer; }
.slide-link.color-wine { color: #c33953; cursor: pointer; }
.slide-link::after { content: ''; display: block; width: 0; height: 1.2px; background: #646464; transition: width .45s; }
.slide-link.color-white::after { content: ''; display: block; width: 0; height: 1.2px; background: #fff; transition: width .45s; }
.slide-link:hover::after { width: 100%; transition: width .45s; }
.slide-link.onoff::after { width: 100%; transition: width .75s; }
.slide-link.onoff:hover::after { width: 0; transition: width .75s; }

/*	|| Worksheets: Common */

.flex-banner_1100 { width: 1100px; margin: auto; display: flex; justify-content: space-between; }

.sa7_logo_forms { margin-top: 1vh; margin-bottom: 3vh; width: 200px; }

.ws_title_center { color: #542b3d; padding-top: 2vh; width: 480px; text-align: center; }
.ws_title_center h3 { font-size: 1.2rem; font-weight: bold; }
.ws_title_center p { padding-top: 2.0vh; }

.ws_name { padding-top: 7.3vh; width: 420px; }
.ws_name p { color: #542b3d; font-size: 0.7rem; text-align: right; padding-bottom: 0.4vh; }
.ws_name p.spacer { padding-top: 10px; }

.ws1_1_name { padding-top: 9.7vh; width: 420px; }
.ws1_1_name p { color: #542b3d; font-size: 0.7rem; text-align: right; padding-bottom: 0.4vh; }

.ws3_1_name { padding-top: 9.7vh; width: 420px; }
.ws3_1_name p { color: #542b3d; font-size: 0.7rem; text-align: right; padding-bottom: 0.4vh; }

.ws4_1_name { padding-top: 9.7vh; width: 628px; }
.ws4_1_name p { color: #542b3d; font-size: 0.7rem; text-align: right; padding-bottom: 0.4vh; }

.cs_name { padding-top: 9.7vh; width: 420px; }
.cs_name p { color: #542b3d; font-size: 0.7rem; text-align: right; padding-bottom: 0.4vh; }
.cs_name p.spacer { padding-top: 10px; }

.ws_maincontainer { width: 800px; height: auto; margin-left: auto; margin-right: auto; margin-top: 0; border: 1px solid #384e6a; background-color: #f5f7f8; }

.alert_slide-link { display: inline-block; color: #fff; text-decoration: none; }
.alert_slide-link.green_link { color: #0F0; cursor: pointer; }
.alert_slide-link::after { content: ''; display: block; width: 0; height: 1.2px; background: #fff; transition: width .45s; }
.alert_slide-link:hover::after { color: #fff; width: 100%; transition: width .45s; }

.copyright { color: #542b3d; font-size: 0.6rem; text-align: center; margin-top: 20px; margin-bottom: 20px; }

/*	|| Worksheets: Page Specific */

.sa7_3-0_peopleheader { width: 1100px; margin-left: auto; margin-right: auto; margin-top: 10px; }
.sa7_3-0_rbheader p { color: #542b3d; font-size: 0.95rem; font-weight: normal; padding-top: 0.5vh; }
.sa7_3-0_rbcontainer { width: 800px; margin-left: auto; margin-right: auto; margin-top: 0; }





/* #landscapemessage img { width: 80%; } */

/* Float Focus Image (https://css-tricks.com/float-center/) */
#leftfloat, #rightfloat { width: 48%; padding-top: 7vh; }
#leftfloat { float: left; text-align: right; color: #646464; font-size: 1rem; }
#rightfloat { float: right; text-align: left; color: #646464; font-size: 1rem; }
#leftfloat:before, #rightfloat:before { content: ""; width: 125px; height: 250px; }
#leftfloat:before { float: right; }
#rightfloat:before { float: left; }
#pagefocusimage { background-repeat: no-repeat; height: 250px; width: 250px; position: absolute; top: 6.3vh; left: 50%; margin-left: -125px; }
#leftfloat h3.red, #rightfloat h3.red { color: #c20800; }
#leftfloat h3.yellow, #rightfloat h3.yellow { color: #b2a500; }
#leftfloat h3.green, #rightfloat h3.green { color: #489100; }
#leftfloat h3.blue, #rightfloat h3.blue { color: #0077a9; }
#leftfloat h3.eggplant, #rightfloat h3.eggplant { color: #5c2076; }
#leftfloat h3.wine, #rightfloat h3.wine { color: #981755; }

#coreimage { width: 100%; display: inline-block; background-repeat: no-repeat; background-position: left; background-size: 100%; padding-top: 12.88%; }
#sm7logo { width: 100%; display: inline-block; background-repeat: no-repeat; background-position: left; background-size: 100%; padding-top: 12.88%; }
#sa7_logo { width: 100%; display: inline-block; background-repeat: no-repeat; background-position: left; background-size: 100%; padding-top: 90.75%; }
#pme_logo { width: 100%; display: inline-block; background-repeat: no-repeat; background-position: left; background-size: 100%; padding-top: 75.23%; }
#of_logo { width: 100%; display: inline-block; background-repeat: no-repeat; background-position: left; background-size: 100%; padding-top: 62.74%; }

#l2headerimage { background-image: url(../images/l2header/resources.jpg); }

picture.smalltop { margin-top: 5px; }
picture.mediumtop { margin-top: 10px; }
picture.largetop { margin-top: 15px; }
picture.smallbottom { margin-bottom: 5px; }
picture.mediumbottom { margin-bottom: 10px; }
picture.largebottom { margin-bottom: 15px; }