/* ========== desktop front page featured stuff, carried from 2020  ========== */

/* addition */
.contentinner .bluebox ul.item-list li {
	margin-bottom: 0;
}
.item-list  {
	padding-left: 0em;
  }
  .item-list  li {
	position: relative;
	margin-left: 0.8em;
  }
  .item-list  li::marker {
	content: "";
  }
  .item-list  li::before {
	content: "";
	display: block;
	border-top: 2px solid;
	width: 0.5em;
	left: -0.65em;
	top: 0.8em;
	position: absolute;
  }
  
.indexwrap {width:995px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:none; padding:0; margin:0; line-height:1.6em;}

.indexinnerwrapfull {padding:0 0px 0px 0px; margin:0; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:none;}

.indexinnerwrap {width:746px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0; float:left;}
.indexinnerwrapoppo {width:746px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0; float:right;}

.rightmenu {margin:0 0 25px 20px; }

@media only screen and (min-width:1001px) and (max-width:1200px) {
.bodytext {width:1200px;}
.indexwrap {width:995px;}
.rightmenu {width:200px; float:right;}
}

.indexarticlelist {width:235px; float:right; border-left:1px solid #ccc; padding:0 0 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.indexarticlelistoppo {width:232px; float:left;}

.indexrow15 {width:100%; padding:0; margin:0; }
.indexrow15::after { content: '';  display: block;  clear: both;}

@media only screen and (max-width:1600px) {
.indexbox5 {clear:both;}
.indexbox7, .indexbox8 {display:block;}
}

.indexrow {position:relative; width:252px; oveflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:none; border-right:1px #ddd solid; margin:0; padding:0 10px 10px 10px; float:left;}


.indexrowdouble {position:relative; width:500px; oveflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:none; border-right:1px #ddd solid; margin:0; padding:0 10px 10px 10px; float:left;}

.indexrowtriple {position:relative; width:756px; oveflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:none; border-right:1px #ddd solid; margin:0; padding:0 10px 10px 10px; float:left;}


.indexsubheader {font-family: 'Libre Franklin', georgia, serif; font-size: 28pt; line-height:1.2em; margin-bottom:.5em; font-weight:900; text-align:left; margin-left:10px; color:#333;}


#row4 {border-right:0px !important;}

.indexboxinline {position:relative; width:232px; height:350px; overflow:hidden; background:#121212; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 10px; padding:0; box-shadow:0 3px 5px #999; display:inline-block;}


.indexboxdouble {position:relative; width:479px; height:200px; overflow:hidden; background:#121212; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 0; clear:both; box-shadow:0 3px 5px #999;}
.indexboxdoubleinline {position:relative; width:479px; height:350px; overflow:hidden; background:#121212; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 10px; box-shadow:0 3px 5px #999; display:inline-block;}

.indexboxtriple {position:relative; width:726px; height:200px; overflow:hidden; background:#121212; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 0; clear:both; box-shadow:0 3px 5px #999;}

.indexboxtwitter {position:relative; width:232px; height:320px; overflow:hidden; background:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 0; clear:both;}
.indexboxtwitterinline {position:relative; width:232px; height:225px; overflow:hidden; background:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 10px; clear:both; display:inline-block;}

.indexboxinline1 {clear:left; margin-left:0px;}
.indexbox .indexfeed {color:#000 !important;}
.indexbox .indexfeed a {color:#000;}
.indexbox .indexfeed a:hover {color:#ba2222;}

br.depreciated
{   content: "A" !important;
 display: block !important;
 margin-bottom: .4em !important;
}


.fppic {width:100%; height:125px; overflow:hidden;}
@media only screen and (min-width:1651px){
.fppic {height:150px;}
}

@media only screen and (min-width:1201px) {
.fppic {height:200px;}
}

.fppic:hover {box-shadow:0 0 10px #a4bac1;}

.indexboxindexc .fppic {height:125px !important; overflow:hidden;}

.indexboxindex .fppic {height:105px !important; overflow:hidden;}
.indexboxindex h2 {font-size:17pt !important; padding:0; margin-top:0; color:#222; margin-bottom:.5em;}

.fppic img {height:auto; width:100%; opacity:.95; }
.fppic img:hover {opacity:1; box-shadow:none;}
.fppic {position:relative; top:auto; border-radius: 5px;
    box-shadow: 0 1px 4px -1px #000;}

.fptext {background:none; box-shadow:none; opacity:1; position:relative; bottom:auto; z-index:0; padding:10px 5px 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top:0px solid #636363; border-bottom:0px solid #121212; text-shadow:none; }

p.preteaserblock {margin:0 0 5px 0;}
span.preteaser {font-size:.7em; text-transform:uppercase; background:#004890; padding:3px 5px 3px 5px; color:#fff; border-radius:2px;}


.indexarticlelist .indexbox {position:relative; float:none !important; width:215px !important; height:auto; min-height:1px; overflow:hidden; background:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 0 !important; box-shadow:none; padding-right:10px !important;}

.shorttext a, .shorttext a:link {font-weight:inherit; }

.fptext h2 a {font-weight:700;}

@media only screen and (max-width:1200px) {
.indexwrap {margin-left:auto; margin-right:auto;}
.indexwrap hr {display:block !important; clear:both;}
}

/* ========== end desktop, carried from 2020 ========== */




/* ========== mobile, carried from 2020 ========== */

@media only screen and (max-width:1000px) {

.indexwrap {width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:none; padding:0; margin:0; margin-top:1em;}

.indexinnerwrapfull {padding:0 0 0 0; margin:0; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:none;}

.indexinnerwrap, .indexarticlelist, .indexinnerwrapoppo, .indexarticlelistoppo {width:100%; clear:both; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0; float:none;}

.indexarticlelist, .indexarticlelistoppo {padding:0 5% 0 5%;}

.indexrow15 {width:100%; padding:0; margin:0;}

.shorttext, .longtext {padding:0; margin-bottom:0; color:#333; font-size:10pt; line-height:1.5em;}
.shorttext a, .shorttext b, .shorttext strong, .shorttext em, .longtext b, .longtext strong, .longtext em {color:#333;}
.shorttext a:hover {color:#BF413D;}
.longtext a {color:#BF413D;}
.longtext {display:none;}
h2 {font-size:15pt; padding:0; margin-top:0; color:#333; margin-bottom:.5em;}
h2 a {color:#222 !important; }
h2 a:hover {color:#BF413D !important;}
h2 .small {font-size:.5em; color:#333;}

.t {display:inline !important;}

.fppic {width:100%; height:200px; 
	overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.fppic img {margin-top:0% !important; width:100% !important;}
.fppic:hover {box-shadow:0 0 10px #a4bac1;}

.fppic img {height:auto; width:100%; margin-top:-25%; opacity:.95; box-shadow:inset 0 0 20px #222 !important; }

.fppic img:hover {opacity:1; box-shadow:0 0 30px #BF413D;}
.fppic {position:relative; top:auto;}

.fptext {background:none; color:#222 !important; box-shadow:none; opacity:1; position:relative; bottom:auto; z-index:0; padding:10px 10px 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top:0px solid #636363; border-bottom:0px solid #121212; text-shadow:none; }

p.preteaserblock {margin:0 0 5px 0;}
span.preteaser {font-size:.7em; text-transform:uppercase; background:#eee; padding:3px 5px 3px 5px; color:#444; border-radius:2px;}

.indexrow {position:relative; width:100%; oveflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:#fff; border-right:1px #ddd solid; margin:0; padding:0 10px 10px 10px; float:left;}
.indexrowdouble {position:relative; width:504px; oveflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:#fff; border-right:1px #ddd solid; margin:0; padding:0 10px 10px 10px; float:left;}

.indexrowtriple {position:relative; width:756px; oveflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:#fff; border-right:1px #ddd solid; margin:0; padding:0 10px 10px 10px; float:left;}

.bluebox .headline5 {line-height:1em !important;}
.indexwrap .headline1 {font-size:1.2em;}

#row4 {border-right:0px !important;}

.indexboxinline {position:relative; width:100%; height:350px; overflow:hidden; background:#121212; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 10px; box-shadow:0 3px 5px #999; display:inline-block;}

.indexboxdouble {position:relative; width:479px; height:200px; overflow:hidden; background:#121212; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 0; clear:both; box-shadow:0 3px 5px #999;}
.indexboxdoubleinline {position:relative; width:479px; height:350px; overflow:hidden; background:#121212; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 10px; box-shadow:0 3px 5px #999; display:inline-block;}

.indexboxtriple {position:relative; width:726px; height:200px; overflow:hidden; background:#121212; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 0; clear:both; box-shadow:0 3px 5px #999;}

.indexboxtwitter {position:relative; width:100%; height:320px; overflow:hidden; background:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 0; clear:both;}
.indexboxtwitterinline {position:relative; width:100%; height:225px; overflow:hidden; background:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 15px 10px; clear:both; display:inline-block;}

.indexboxinline1 {clear:left; margin-left:0px;}

.indexbox .indexfeed {color:#fff !important;}
.indexbox .indexfeed a {color:#fff;}
.indexbox .indexfeed a:hover {color:#BF413D;}

.shorttext, .longtext {padding:0; margin-bottom:10px; color:#333; font-size:10.5pt; line-height:1.5em;}
.shorttext a, .shorttext b, .shorttext strong, .shorttext em, .longtext b, .longtext strong, .longtext em {color:#333;}
.shorttext a:hover {color:#BF413D;}
.longtext a {color:#BF413D;}
.longtext {display:none;}
h2 {font-size:14pt; padding:0; margin-top:0; color:#333; margin-bottom:.5em; font-weight:700;}
h2 a {color:#222 !important; }
h2 a:hover {color:#BF413D !important;}
f .small {font-size:.5em; color:#333;}
h7 {font-size:.8em; background:#bf413d; padding:3px;}
.indexsubheader {font-family: 'Libre Franklin', georgia, serif; font-size: 28pt; line-height:1.2em; margin-bottom:.5em; font-weight:900; text-align:center; margin-left:auto; color:#333;}
}


@media screen and (min-width:301px) and (max-width:800px) {
.indexsubheader {font-family: 'Libre Franklin', georgia, serif; font-size: 28pt; line-height:1.2em; margin-bottom:.2em; font-weight:900; text-align:left; margin-left:20px; color:#333;}
.fptext {width:50% !important; background:none!important; color:#222!important; box-shadow:none !important; opacity:1 !important; position:relative !important; bottom:auto !important; z-index:0 !important; padding:10px 10px 0 10px !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; border-top:0px solid #636363 !important; border-bottom:0px solid #121212 !important; text-shadow:none !important; }
.fppic {box-shadow:0 0 10px #a4bac1;}
.fppic {width:45% !important; 
	height:220px !important; 
	overflow:hidden !important; 
	float:right !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; z-index:auto !important;}
.indexarticlelist, .indexarticlelistoppo {padding:15px 10px 0 10px !important; border-top:1px dashed #ddd !important;}
.fppic img {
	margin-top:-2% !important; 
	width:100% !important;}
}


@media screen and (min-width:301px) and (max-width:700px) {
.indexsubheader {font-family: 'Libre Franklin', georgia, serif; font-size: 28pt; line-height:1.2em; margin-bottom:.2em; font-weight:900; text-align:left; margin-left:20px; color:#333;}
.fptext {    all: unset !important;}
.fppic {box-shadow:none; border:0;box-shadow:0 0 10px #a4bac1;}
.indexsubheader {text-align:center;}
.fppic {width:50% !important; 
	height:200px !important; 
	overflow:hidden !important; 
	float:right !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; z-index:auto !important; display:block; margin:0 0 20px 20px;}
.indexarticlelist, .indexarticlelistoppo {padding:15px 10px 0 10px !important; border-top:1px dashed #ddd !important;}
.fppic img {margin-top:-2% !important; width:100% !important; }
}

.shorttext a, .shorttext a:link {font-weight:inherit; }

.fptext h2 a {font-weight:700;}



@media only screen and (min-width:601px) and (max-width:900px) {

}

/* ========== end mobile, carried from 2020 ========== */





/* ========== SPJ 21 Basics atop Fight Framework ========== */

.indexwrap, #sidebar, #sitetitle {display:block;}

#maincontent {background:#fff; box-shadow:inset 0 0 300px #B7C7D2; padding:30px;}

.stillon {font-size:4em;}
#helpus {font-size:3.5em; color:#fff;}
.helpustext {font-size:20px;}
.stillonlite {font-size:3.5em;}

@media only screen and (min-width:801px) and (max-width:1150px) {
.stillon {font-size:3em;}
#helpus {font-size:3em;}
.helpustext {font-size:18px;}
}

.sessiontitle {font-size:2.5em;}
.phoneonly, .thousandonly, .phoneonlyblock, .mobileonly900 {display:none;}
.nophone {display:inline;}

footer {
	background:#004990 !important; 
	box-shadow:inset  0 5px 10px #013158; 
	clear:both;

}
footer a:link:hover {
	color: #8bc63e;
}
footer img {opacity:.8;}
footer hr {border-color:#e9edf3 !important; opacity:.7;}
.icofooter {color:#fff !important; opacity:.9; transition:all 0.3s ease-in-out;}
.icofooter:hover {color:#caf627 !important; transition:all 0.3s ease-in-out;}

a {color:#004990; font-weight:bold;}
a:hover {color:#8bb0d2;}
p {margin-bottom:1em;}
h1, h2, h3, h4, h5, h6 {font-family: 'Libre Franklin', sans-serif; }

h1 {font-size:5em; line-height:1.1em; font-weight:900;}
h2 {font-size:2.5em; line-height:1.1em; font-weight:900;}
h3 {font-weight:700; font-size:2em;}

.bluebox span {color:#fff;}
.bluebox a, .bluebox a:link, .bluebox a:visited {color:#caf627; font-weight:bold;}
footer .headline5 {color:#fff;}
footer a, footer a:link, footer a:visited {color:#fff;}
.bluebox a:hover {color:#E6FF8B; font-weight:bold;}
.orglink, .orglink:link, .orglink:visited {color:#edd09b !important;}
.orglink:hover {color:#f9edd8 !important;}
.subhead {font-size:3.5em; font-weight:700;}
.subhead2 {font-size:2em;}

input[type="button"],input[type="reset"],input[type="submit"], a.spjbutton, button.spjbutton, input.spjbutton, #review_form #submit, .spjbutton-alt { color: #ffffff; cursor:pointer;min-width:78px; min-height:18px; font-size: 20px; border:0px; line-height:1.3em; margin: 10px 0 0 0; text-transform:none; font-weight:700; padding: 10px;border-radius: 5px; color:#ffffff!important; background-color: #134990 !important; -webkit-appearance: none;}

a.spjbutton:hover,button.spjbutton:hover,input.spjbutton:hover,#review_form #submit:hover, .spjbutton-alt:hover, .related a.spjbutton:hover {color: #ffffff!important; background-color: #004990; box-shadow: 0 0 10px #81afd1; opacity: 1; -webkit-appearance: none;}

.linklike {color:#3e7fa7; font-weight:bold; cursor:hand; cursor:pointer; }

@media only screen and (max-width:1000px) {
h1 {font-size:4em;}
.stillon {font-size:2.5em;}
#helpus {font-size:2.2em;}
.stillonlite {font-size:2.5em;}
}

.indexrow21 {
	padding: 1em 2em;
}


@media only screen and (max-width:1200px) {
.bluebox {width:50%;}
}

@media only screen and (max-width:800px) {
*, p, body {font-size:18px;}
h3 {font-size:1.5em;}
.stillon {font-size:2.1em;}
#helpus {font-size:2em;}
.stillonlite {font-size:1.9em;}
#helpus {font-size:36px; line-height:1.1em;}
.helpustext {font-size:15px;}


h1 {font-size:1.7em;}
h2 {font-size:1.7em;}
.bluebox {width:50%;}
h4 {font-size:1em; color:#333;}

.subhead {font-size:2em; font-weight:700;}
.subhead2 {font-size:1.4em;}
}

@media screen and (min-width:601px) and (max-width:800px) {
*, p, body {font-size:15px;}
.indexrow21 {
	padding: 1em;
}
}

@media only screen and (max-width:600px) {
*, p, body,  .bump, .bumpminor {font-size:15px;}
.bluebox {width:100%;}
.indexrow21 {
	padding: 1em 0;
}
}

.calendarbutton {background-color:none; background-image: url('../images/icons/calendar17.png'); background-repeat: no-repeat; background-size: 100% 100%; height: 32px; width:32px; border:none; cursor:pointer; float:left; filter:grayscale(100%); margin-left:5px;
}
.calendarbutton span { display: none;}

.calendarsocial {float:right; margin:0 0 20px 20px;}
.calendarsocial::after { content: '';  display: block;  clear: both;}

@media only screen and (max-width:600px) {
.calendarsocial {float:right; margin:0 0 20px 20px;}
}

.scheduleicon {width:32px; height:32px; float:left; padding-left:5px; filter:grayscale(100%);}

@media only screen and (max-width:801px) and (min-height:1000px) {
footer {min-height:375px;}
}

@media only screen and (max-width:600px) and (min-height:1000px) {
footer {min-height:500px;}
}

.calendarbutton:hover, .scheduleicon:hover {filter:grayscale(0%);}

@media only screen and (max-width:800px) {
.scheduleicon {width:20px; height:20px; float:left; padding-left:5px; padding-top:6px;}

#maincontent {box-shadow:none; padding:20px;}

.calendarbutton {background-color:none !important; width:20px; background-color:none !important; height:20px !important; background-size: 20px 20px; background-positon:right center;  margin-top:6px;}
}

@media only screen and (max-width:600px) {
#maincontent {padding:10px;}
}

.icofont {color:#9bc8e9;}
.icofont:hover {color:#fff; cursor:pointer;}
.icofontfp {color:#8bb0d2; text-align:center; margin-bottom:15px;}
.icofontfp:hover {color:#004990;}
.logoheader {max-width:100%; max-height:250px;}
.footerspjlogo {width:100px; height:auto;}
.bullet {font-weight:400; color:#cdd7e0}

.white {color:#fff;}
a.white:hover {color:#fceb02;}




/* ========== SPJ 21 Top Promo Spot ========== */

#promowrap1 {display:block; width:100%; height:750px; position:relative; margin-bottom:0px;}

#promowrap2 {display:block; width:100%; height:750px; position:relative; background:url('../images/indexpic.jpg'); background-size:120% auto; background-repeat:no-repeat; background-position:center; margin-bottom:20px; margin-top:20px;}



#promowraptext1 {position:absolute; left:20px; top:auto; right:15px; bottom:15px; background:#111; padding:20px; color:#fff; opacity:.85;}

#promowraptext1::after { content: '';  display: block;  clear: both;}

#promowraptext2 {position:absolute; left:20px; top:20px; right:50%; bottom:20px; background:#004c98; padding:20px; color:#fff; opacity:.95;}

#promowraptext2 div, #promowraptext2 a, #promowraptext2 a:link, #promowraptext2 a:visited, #promowraptext2 a .black, #promowraptext2 .black {color:#fff;}
#promowraptext2 a:hover, #promowraptext2 a:active {color:yellow;}
#promowraptext2 div {line-height:1.4em;}

.promowraptext p, .promowraptext span {color:#fff;}

a.promobutton, .emailbutton {display:inline-block; padding:11.5px; text-align:center; background-color:#c8f500; color:#153a74; text-transform:uppercase; font-weight:bold; border:0px solid #c8f500; margin-bottom:5px;}

.nevermindbutton {background-color:#064a92; color:#fff; border:1px solid #fff; padding:10.5px;}

.emailbutton {margin-top:5px; margin-bottom:0;}

select.chapterpicker {display:inline-block; padding:14px; height:51px; text-align:center; background-color:#c8f500; color:#153a74; text-transform:none; font-weight:bold; border:0px solid #c8f500; border-bottom:0px solid #c8f500; margin-left:0px; margin-bottom:5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0;}




.promologo {position:absolute; width:25%; max-width:250px; height:auto; opacity:.7; top:20px; left:auto; right:20px;}

#emaillist {position:absolute; left:20px; right:15px; bottom:0; background:#004c98; opacity:.95; top:auto; padding:20px; display:none; z-index:99999; text-align:center;}
#emaillist input {padding:11.5px; padding-left:0; font-weight:bold; color:#193a71; border:0; background:none; border-bottom:1px solid white; color:#fff; margin-right:5px;}
#emaillist input:hover {box-shadow:none;}
#emaillist input::placeholder {color:#eee;}

@media only screen and (max-height:900px) {

select.chapterpicker {height:auto; display:inline-block; padding:15px; text-align:center; background-color:#c8f500; color:#153a74; text-transform:uppercase; font-weight:bold; border:0px solid #c8f500; border-bottom:2px solid #c8f500; margin-left:0px; margin-bottom:5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0;}

#promowrap1, #promowrap2 {height:650px;}
a.promobutton, .emailbutton, select.chapterpicker {font-size:15px;}
.stillon {font-size:3.2em;}
}


@media only screen and (min-width:801px) and (max-width:1100px) {
#promowrap1 {height:600px;}
#promowrap2 {height:600px;}
a.promobutton, .emailbutton {padding:8.5px; margin-bottom:5px; font-size:15px;}
.nevermindbutton {padding:7.5px;}

select.chapterpicker {height:auto; display:inline-block; padding:12px; text-align:center; background-color:#c8f500; color:#153a74; text-transform:uppercase; font-weight:bold; border:0px solid #c8f500; border-bottom:2px solid #c8f500; margin-left:0px; margin-bottom:5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0; font-size:15px;}



.promologo {max-width:175px; height:auto;}
#emaillist {left:0px; right:0px; bottom:0; padding:15px; text-align:center;}
}

@media only screen and (min-width:601px) and (max-width:800px) {
#promowrap1 {height:600px;}
#promowrap2 {height:600px;}
a.promobutton, .emailbutton {padding:5px; margin-bottom:5px; font-size:15px;}
.nevermindbutton {padding:4px;}
select.chapterpicker  {font-size:15px;  height:38px; padding:2px; padding-left:10px;}
.promologo {max-width:150px; height:auto;}
#emaillist {left:0px; right:0px; bottom:0; padding:10px; text-align:center; font-size:15px;}
}

@media only screen and (max-width:600px) {
#promowrap1 {height:500px; background-color:#151515;}
#promowrap2 {height:500px; background-color:#151515;}
a.promobutton, .emailbutton {padding:5px; margin-bottom:5px; font-size:13px;}
#emaillist {left:0px; right:0px; bottom:0; padding:15px;}
.emailbutton {clear:both;}
.nevermindbutton, .emailbutton {margin:15px 5px 10px 5px;}
.nevermindbutton {padding:4px;}
select.chapterpicker  {display:none;}
}

@media only screen and (max-height:500px) {
#promowrap1 {height:350px; background-color:#151515;}
#promowrap2 {height:350px; background-color:#151515;}
#helpus {font-size:1.5em;}
.helpustext {font-size:15px;}
a.promobutton, .emailbutton {padding:5px; margin-bottom:5px; font-size:13px;}
select.chapterpicker  {display:none;}
}




/* ========== index 21 new/featured items ========== */

.indexbox21 {position:relative;}
.indexrow21 {max-width:1580px; margin-left:auto; margin-right:auto;}
.indexbox21 {width:25%; float:left;padding:20px 10px 20px 10px; border-top:1px dotted #ccc;}
.indexbox5, .indexbox9, .indexbox13, .indexbox17 {clear:left;}

.fptext h2 {font-size:24px;}

@media only screen and (max-width:1000px) {
.indexbox21 {width:33%; float:left; padding:20px 10px 5px 10px; clear:none; border-top:1px dotted #ccc;}
.indexbox4, .indexbox7, .indexbox10, .indexbox13, .indexbox16, .indexbox19 {clear:left;}
}


@media only screen and (max-width:800px) {
.indexbox21 {width:100%; float:left; padding:20px 10px 5px 10px; clear:both; border-top:1px dotted #ccc;}
}





/* ========== CORE 4 ========== */

.core4pre {color:#004990; opacity:.6; margin-bottom:0;}
.core4headline {font-size:92px; line-height:1.1em;}
#core4content h3 {font-size:40px; line-height:1.1em;}
.corefourh2 {text-align:center; color:#12498f; margin-bottom:.5em; font-size:50px;}

.corefoursection {width:50%; float:left; padding-bottom:20px; margin-bottom:20px; padding-top:0;}
.cfour1 {padding-right:20px; border-right:1px dotted #ccc;}
.cfour2 {padding-left:20px;}
.imagebox {border-radius:5px; width:40%; height:auto;}
.imagebox:hover {box-shadow:0 0 10px #a4bac1;}
.every1 {display:none;}


hr.padding {  border-color: #ccc;  border-style: dotted;  border-width: 1px 0 0;  margin: 30px 0 30px;  height: 0; clear:both;}


.whatwedo {border-radius:15px; width:40%; max-width:350px; height:auto; box-shadow:0 0 8px #8AA9C5;}
img.left {margin-right:20px;}
img.right {margin-left:20px;}

img.right, img.rightwide, img.rightsmall {float:right; border:0px; margin-left:20px; margin-bottom:20px;}
img.left {float:left; border:0px; margin-right:20px; margin-bottom:20px;}


.headline1, h1 {font-family: 'Libre Franklin', georgia, serif; font-size: 3em; line-height:1.2em;  font-weight:900; color:#333;}
.headline2, h2 {font-family: 'Libre Franklin', georgia, serif; font-size: 2.5em; line-height:1.2em;  font-weight:900; color:#333;}
.headline3, h3 {font-family: 'Libre Franklin', georgia, serif; font-size: 1.8em; line-height:1.2em;  font-weight:700; color:#333;}
.headlinex4, hx4 {font-family: 'Libre Franklin', georgia, serif; font-size: 1.7em; line-height:1.2em;  font-weight:600; color:#333;}
.headline5, h5, strong.leadsheadline, strong.headline {font-family: 'Libre Franklin', georgia, serif; font-size: 1.4em !important; line-height:1.2em;  font-weight:600; color:#333;}


@media only screen and (min-width:1001px) and (max-width:1200px) {
.core4headline {font-size:72px;}
#core4content h3 {font-size:40px;}
}

@media only screen and (min-width:901px) and (max-width:1100px) {
.corefourh2 {font-size:45px; margin-bottom:.8em;}
}

@media only screen and (min-width:801px) and (max-width:1000px) {
.core4headline {font-size:64px;}
#core4content h3 {font-size:34px;}
}

@media only screen and (min-width:601px) and (max-width:800px) {
.core4headline {font-size:54px;}
#core4content h3 {font-size:29px;}
}

@media only screen and (max-width:800px) {
.every1 {display:block;}
.corefoursection {width:100%; float:none; padding:0; margin-bottom:20px;}
.cfour1 {padding:0px; border-right:0px;}
.cfour2 {padding:0px;}
}

@media only screen and (max-width:600px) {
.core4headline {font-size:44px;}
#core4content h3 {font-size:26px;}
.corefourh2 {font-size:28px; margin-bottom:.8em;}
}

@media only screen and (min-width:601px) and (max-width:900px) {
.corefourh2 {font-size:38px; margin-bottom:.8em;}
}







.fightstripwrap {padding:50px; margin-bottom:20px;}
.fightstrip a .headline3 {color:white;}
#fightstriptext {font-family: 'Libre Franklin', sans-serif;}




/* ========== Explore SPJ Icons ========== */

@media only screen and (max-width:800px) {
#explorespjsearchbutton {display:none;}
}

.iconmore {width:25%; float:left; padding:0 20px 20px 20px; clear:none;}
.iconmore1, .iconmore5, .iconmore9 {clear:both;}
.iconmore2, .iconmore3, .iconmore4, .iconmore6, .iconmore7, .iconmore8, .iconmore10, .iconmore11, .iconmore12 {clear:none;}


@media only screen and (min-width:1001px) and (max-width:1200px) {
.iconmore {width:25%; float:left; padding:0 20px 20px 20px; clear:none;}
.iconmore1, .iconmore5, .iconmore9 {clear:both;}
.iconmore2, .iconmore3, .iconmore4, .iconmore6, .iconmore7, .iconmore8, .iconmore10, .iconmore11, .iconmore12 {clear:none;}

}

@media only screen and (min-width:1001px) and (max-width:1200px) {
.iconmore {width:25%; float:left; padding:0 20px 20px 20px; clear:none;}
.iconmore1, .iconmore5, .iconmore9 {clear:both;}
.iconmore2, .iconmore3, .iconmore4, .iconmore6, .iconmore7, .iconmore8, .iconmore10, .iconmore11, .iconmore12 {clear:none;}

}

@media only screen and (min-width:601px) and (max-width:1000px) {
.iconmore {width:33%; float:left; padding:0 20px 20px 20px;}
.iconmore1, .iconmore4, .iconmore7, .iconmore10 {clear:both;}

.iconmore2, .iconmore3, .iconmore5, .iconmore6, .iconmore8, .iconmore9, .iconmore11, .iconmore12 {clear:none;}
}

@media only screen and (max-width:600px) {

.iconmore {width:33%; float:left; padding:0 20px 20px 20px;}
.iconmore1, .iconmore4, .iconmore7, .iconmore10 {clear:both;}

.iconmore2, .iconmore3, .iconmore5, .iconmore6, .iconmore8, .iconmore9, .iconmore11, .iconmore12 {clear:none;}
.icofontfp {float:none; font-size:3em;}

.iconmore h4 {font-size:15px;}

}








/*!
* @package IcoFont
* @version 1.0.1
* @author IcoFont https://icofont.com
* @copyright Copyright (c) 2015 - 2020 IcoFont
* @license - https://icofont.com/license/
*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(../fonts/icofont.woff2) format("woff2"),url(../fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-twitter:before{content:"\ed7a"}.icofont-facebook:before{content:"\ed37"}.icofont-rss:before{content:"\ed64"}.icofont-instagram:before{content:"\ed46"}.icofont-linkedin:before{content:"\ed4d"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}


/*!
* @package IcoFont
* @version 1.0.1
* @author IcoFont https://icofont.com
* @copyright Copyright (c) 2015 - 2020 IcoFont
* @license - https://icofont.com/license/
*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(../fonts/icofont-index21.woff2) format("woff2"),url(../fonts/icofont-index21.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-award:before{content:"\eace"}.icofont-holding-hands:before{content:"\eba3"}.icofont-law-alt-1:before{content:"\ebbf"}.icofont-apple:before{content:"\eb3b"}.icofont-pencil-alt-4:before{content:"\ebf8"}.icofont-pencil-alt-1:before{content:"\ebf5"}.icofont-ui-unlock:before{content:"\ec8c"}.icofont-law-document:before{content:"\ebc3"}.icofont-world:before{content:"\f02c"}.icofont-address-book:before{content:"\eea1"}.icofont-briefcase-1:before{content:"\e966"}.icofont-people:before{content:"\ecf9"}.icofont-id-card:before{content:"\e970"}.icofont-certificate-alt-1:before{content:"\ead4"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}



/* ========== sidebar ========= */

.rightmenu {display:block; background-color:#F0F4FA; font-size:.75em; float:right; width:20%; margin:1em 0 15px 0; padding:12.5px; padding-top:0; color: #222; box-shadow:none; border:0px solid #ddd; border-right:0px dotted #ccc; border-left:0px dotted #ccc; font-family: 'Libre Franklin', sans-serif;}
.rightmenu p { font-family: 'Libre Franklin', sans-serif;}
.rightmenu, .rightmenu .sanserif {font-size:11pt !important; line-height:1.7em;}
.rightmenu .headline4 {font-weight:400;}
.rightmenu a:link, .rightmenu a:visited, .indexarticlelist a, .indexarticlelist a:link, .indexarticlelist a:visited {font-weight:400;}
.rightmenu a, .navigation a, .skybar a {font-weight:inherit;}
.rightmenu p, .rightmenu div {line-height:1.4em;}

.rightad, .skybar {float:left; text-align:center; min-width:170px; padding:0 0 0 0px; margin:0; border-left:0px solid #ccc; min-height:900px; display:block;}
.rightmenu a, .navigation a, .skybar a {font-weight:inherit;}


@media only screen and (min-width:801px) and (max-width:1200px) {
.rightmenu {width:30%;}
}

@media only screen and (min-width:601px) and (max-width:800px) {
.skybar {display:block !important; margin:1em 1em 0 0; width:100%; float:none;}
.skybar img {max-width:100% !important;}
.sidebartwitter {display:none;}
}

@media only screen and (min-width:0) and (max-width:800px) {
.rightmenu {display:block !important; margin:0; width:100%; float:none; padding-top:1em; clear:both;}

.skybar {display:block !important; margin:0; width:40%; max-width:40%; min-width:1px; float:right !important;  padding:1em 0 1em 2em; padding-top:0; font-size:6px !important; clear:none !important;}
.skybar .small {display:none;}
.skybar img {max-width:100% !important; width:100% !important; height:auto;}
#sidebar {display:block !important; margin:0; padding:0 1em 0 1em; width:100%; float:none;}
.rightmenu {display:block !important; margin:0; width:100%; float:left; padding:1em;}
#newscalendar {width:50%; float:left;}
}



/* interior */

.contentinner div {-moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important;}


.contentinner {padding-left:0; width:80%; float:left; background:#fff;
font-family: 'Libre Franklin', sans-serif; font-size: 16px; font-weight:400; color:#444; margin:0; line-height:normal;}

.contentinner p, .contentinner blockquote, .contentinner ul, .contentinner li {font-size:17px; font-family: 'Libre Franklin', sans-serif; line-height:1.6em;}

.contentinner li {list-style-position: inside; list-style-type: disc; margin-left:15px; margin-bottom:1em;} 
.contentinner ul {margin-bottom:1em;}

.contentinner blockquote {margin-left:2em; margin-bottom:1em; font-size:inherit;}

.contentinner .bump {font-size:1.3em; line-height:1.6em;}
.contentinner .bumpminor {font-size:1.1em; line-height:1.6em;}
.bold {font-weight:700 !important;}
.black {font-weight:900 !important;}
.light {font-weight:400 !important;}

.contentinner .headline1, .contentinner  h1 {font-family: 'Libre Franklin', georgia, serif; font-size: 3em; line-height:1.2em;  font-weight:900; color:#333; margin-bottom:1em; }
.contentinner .headline2, .contentinner h2 {font-family: 'Libre Franklin', georgia, serif; font-size: 2.5em; line-height:1.2em;  font-weight:900; color:#333; margin-bottom:1em; }
.contentinner .headline3, .contentinner h3 {font-family: 'Libre Franklin', georgia, serif; font-size: 2em; line-height:1.2em;  font-weight:700; color:#333; margin-bottom:1em; }
.contentinner .headline4, .contentinner h4 {font-family: 'Libre Franklin', georgia, serif; font-size: 1.7em; line-height:1.2em;  font-weight:600; color:#333; margin-bottom:1em; }
.contentinner .headline5, .contentinner h5 {font-family: 'Libre Franklin', georgia, serif; font-size: 1.3em !important; line-height:1.2em;  margin-bottom:1em; font-weight:600; color:#333;}
.contentinner .grey {color:#999;}
.contentinner .headline6 {font-family: 'Libre Franklin', georgia, serif; font-size: 1.2em; line-height:1.2em;  font-weight:400; color:#333;}


@media only screen and (max-width:1000px) {
.contentinner .headline1, .contentinner  h1 {font-size: 2em; line-height:1.2em;}
.contentinner .headline2, .contentinner h2 {font-size: 2em; line-height:1.2em;}
.contentinner .headline3, .contentinner h3 {font-size: 1.3em; line-height:1.2em;}
.contentinner .headline4, .contentinner h4 {font-size: 1.2em; line-height:1.2em;}
.contentinner .headline5, .contentinner h5 {font-size: 1.1em; line-height:1.2em;}
.contentinner .headline6 {font-size: 1em; line-height:1.2em;}
}




a {text-decoration: none; font:inherit; font-size:inherit;}
.bodytext a {font-size:inherit!important;}
a:link, a:visited {color: #2071B0; font-weight:600;}
.rightmenu a:link, .rightmenu a:visited, .indexarticlelist a, .indexarticlelist a:link, .indexarticlelist a:visited {font-weight:400;}
a:active {color: #ff0033;}
a:hover {color: red; text-decoration:none;}
.linklike {color:#2071B0; cursor:pointer;}


hr.l {clear:left;}
.contentinner hr {clear:left;}
.clear {clear:both;}



@media only screen and (min-width:801px) and (max-width:1200px) {
.contentinner {width:70%;}
}

@media only screen and (min-width:0) and (max-width:800px) {
.contentinner {width:100%; float:none;}
}


/* forms and tables */

.blueform {background:#F0F4FA; padding:15px; border-radius:5px; margin-bottom:1em;}

.formq, .formq1 {width:35%; font-size:1em; clear:left; padding-right:15px; margin-bottom:15px; float:left;}
.formqsm, .formq1sm {width:25%; font-size:1em; clear:left; padding-right:15px; margin-bottom:15px; float:left;}
.forma {width:65%; font-size:1em;  padding-left:15px; margin-bottom:15px; float:left;}
.formt1 {width:35%; font-size:1em;  clear:left; padding-right:15px; margin-bottom:4px; float:left;}
.formt2 {width:65%; font-size:1em;  padding-left:15px; margin-bottom:4px; float:left;}
.table21, .table1row21, .table1row21alt {width:50%; border-right:1px #CCC solid; padding:15px 15px 15px 0; margin:0 0 15px 0; float:left; clear:left; font-size:1em; line-height:1.6em; }
.table22, .table1row22, .table1row22alt {width:50%; padding:15px 0 15px 15px; margin:0 0 15px 0; float:left; font-size:1em; line-height:1.6em;}
.table31 {width:33%; border-right:1px #CCC solid; padding-right:15px; margin-bottom:15px; float:left; clear:left; font-size:1em; line-height:1.6em;}
.table32 {width:33%; border-right:1px #CCC solid; padding-right:15px; padding-left:15px; margin-bottom:15px; float:left; font-size:1em; line-height:1.6em;}
.table33 {width:33%; padding-left:15px; margin-bottom:15px; float:left; font-size:1em; line-height:1.6em;}
.table323 {width:66%; padding-left:15px; margin-bottom:15px; float:left; font-size:1em; line-height:1.6em;}
.table312 {width:66%; border-right:1px #CCC solid; padding-right:15px; margin-bottom:15px; float:left; clear:left; font-size:1em; line-height:1.6em;}

.table31training {width:30%; border-right:1px #CCC solid; padding-right:15px; margin-bottom:15px; float:left; clear:left; font-size:1em; }
.table32training {width:30%; border-right:1px #CCC solid; padding-right:15px; padding-left:15px; margin-bottom:15px; float:left; font-size:1em; }
.table33training {width:30%; padding-left:15px; margin-bottom:15px; float:left; font-size:1em; }

.fdb31 {width:40%; border-right:0; padding-right:15px; margin-bottom:15px; float:left; clear:left; font-size:1em; }
.fdb32 {width:20%; border-right:0; padding-right:15px; padding-left:15px; margin-bottom:15px; float:left; font-size:1em; }
.fdb33 {width:40%; padding-left:15px; margin-bottom:15px; float:left; font-size:1em; }

.table21nb {width:360px; padding-right:15px; margin-bottom:15px; float:left; clear:left; font-size:1em; line-height:1.4em; }
.table22nb {width:360px; padding-left:15px; margin-bottom:15px; float:left; font-size:1em; line-height:1.4em;}

.table31nb {width:230px; padding-right:15px; margin-bottom:15px; float:left; clear:left;}
.table32nb {width:230px; padding-right:15px; padding-left:15px; margin-bottom:15px; float:left;}
.table33nb {width:230px; padding-left:15px; margin-bottom:15px; float:left;}


td.pricechart {font-size:1em; text-align:center; margin-top: 0pt; color: #000000; margin-left: 0pt; padding:5px; border-bottom:1px solid #eee; line-height:1.3em;}
tr.earlybird {background-color:#eee;}

@media only screen and (max-width:800px) {
.formq, .formqsm {width:100%; margin:0; clear:left; font-size:1.2em; font-family: 'Libre Franklin', sans-serif; padding:14px 0 0 0; }
.forma, .formasm {text-align:left; margin:.5em 0 10px 0; width:100%; font-size:1em; clear:left; font-family: 'Libre Franklin', sans-serif; padding:0 }
.formq1 {width:100%; margin:0; clear:left; font-size:1em; font-family: 'Libre Franklin', sans-serif; padding:0; }


.table1row21 {width:100%; padding:0; margin:0 0 14px 0; float:none; font-size:1em; padding-bottom:2em; border-bottom:1px dashed #ccc; border-right:0;}
.table1row22 {width:100%; padding:0; margin:14px 0 0 0; float:none; font-size:1em; border-left:0 !important;}

.table21, .table21nb, .table1row21alt {width:100%; padding:0 0 1em 0; margin:0 0 14px 0; float:none; font-size:1em; border:0; border-bottom:1px dashed #ccc;}
.table22, .table22nb, .table1row22alt {width:100%; padding:0 0 1em 0; margin:0 0 14px 0; float:none; font-size:1em; border:0; border-bottom:1px dashed #ccc;}
}


/* ========== interior images ========== */

img.right, img.rightwide, img.rightsmall {float:right; border:0px; margin-left:10px; margin-bottom:10px;}
img.iconsmall {float:right; border:0px; margin-left:10px; margin-bottom:10px; max-width:40px;}
img.icon {float:right; border:0px; margin-left:10px; margin-bottom:10px; max-width:90px;}
img.iconmedium {float:right; border:0px; margin-left:10px; margin-bottom:10px; max-width:150px;}
img.iconlarge {float:right; border:0px; margin-left:10px; margin-bottom:10px;}
img.left {float:left; border:0px; margin-right:10px; margin-bottom:10px;}
img.bio90 {float:right; border:0px; margin-left:10px; margin-bottom:10px; width:90px; height:auto;}
img.bio120 {float:right; border:0px; margin-left:10px; margin-bottom:10px; width:120px; height:auto;}

img.bio180 {float:right; border:0px; margin-left:10px; margin-bottom:10px; width:180px; height:auto;}
img.bio240 {float:right; border:0px; margin-left:10px; margin-bottom:10px; width:240px; height:auto;}

img.bio120from72 {float:right; border:0px; margin-left:10px; margin-bottom:10px; width:120px; height:167px;}
img.bio72, img.bio72new {float:right; border:0px; margin-left:10px; margin-bottom:10px; width:72px; height:auto;}
img.banner690 {width:690px; margin-bottom:8px;}
img.banner100 {width:100%; margin-bottom:8px;}


@media only screen and (max-width:800px) {
img.right {float:right; border:0px; margin-left:8px; margin-bottom:8px; max-width:100px !important;}
img.rightwide {float:right; border:0px; margin-left:8px; margin-bottom:8px; max-width:180px !important;}
img.rightsmall {float:right; border:0px; margin-left:8px; margin-bottom:8px; max-width:80px !important;}
img.rightvariable {float:right; border:0px; margin-left:8px; margin-bottom:8px; max-width:50% !important;}

img.icon, img.iconmedium {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:36px;}
img.iconlarge {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:72px;}
img.left {float:left; border:0px; margin-right:10px; margin-bottom:10px;}
img.bio90 {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:75px; height:auto;}
img.bio120 {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:90px; height:auto;}
img.bio180 {float:right; border:0px; margin-left:10px; margin-bottom:10px; width:90px; height:auto;}
img.bio240 {float:right; border:0px; margin-left:10px; margin-bottom:10px; width:140px; height:auto;}
img.biosqueeze {width:80px; height:auto;}

img.bio120from72 {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:90px; height:auto;}
img.bio72, img.bio72new {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:72px; height:auto;}
img.banner690, img.banner100 {width:100%; height:auto; margin-bottom:8px;}

}


input[type="button"],input[type="reset"],input[type="submit"],.submitbutton{
	background-color:#004990 !important;
border-radius:8px !important;
color:#fff;
	text-indent:0;
	display:inline-block;
	font-size:1.05em !important;
	border:1px solid #fff;
	font-style:normal;
	font-weight:700 !important;
	height:auto;
	line-height:2.3em;
	min-width:85px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:none;
	margin-bottom:5px;
	margin-left:0;
cursor:pointer;}

.searchsubmit {line-height:1.6em !important; font-size:.85em !Important;}

input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover, .submitbutton:hover{
	background-color:#00366b !important;
border-radius:8px !important;
color:#9CE927;
	text-indent:0;
	display:inline-block;
	font-size:1.05em !important;
	border:1px solid #fff;
	font-style:normal;
	font-weight:700 !important;
	height:auto;
	line-height:2.3em;
	min-width:85px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:none;
	margin-bottom:5px;
	margin-left:0;
cursor:pointer;
}

input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active, .submitbutton:active{
	background-color:#00366b !important;
border-radius:8px !important;
color:#9CE927;
	text-indent:0;
	display:inline-block;
	font-size:1.05em !important;
	border:1px solid #fff;
	font-style:normal;
	font-weight:700 !important;
	height:auto;
	line-height:2.3em;
	min-width:85px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:none;
	margin-bottom:5px;
	margin-left:0;
cursor:pointer;
}


@media only screen and (max-width:800px) {
.clearmobile {clear:both;}
}



/* ========== odds and ends ========== */

.freelanceguideprevnext {width:100%; text-align:left;}
.freelanceguideprev {width:100%; float:none; text-align:left; margin-bottom:1em;}
.freelanceguidenext {width:100%; float:none; text-align:left;}

.redpillbox {box-sizing:border-box; padding:12px; border-radius:10px; background:#BF413D; margin:0 auto 20px auto; width:100%; color:#fff !important;}
.redpillbox .headline4, .redpillbox .headline5 {color:#fff !important;}

.bluepillbox {box-sizing:border-box; padding:12px; border-radius:10px; background:#EDF2FA; margin:0 auto 20px auto; width:100%;}
.eijpillbox {background-image:url('../images/eijpillboxbg.png'); background-repeat:no-repeat; padding-left:115px; background-color:#E6EFF4; color:#7B94A4; border-radius:0; text-align:left;}
.eijpillbox a, .eijpillbox a:link, .eijpillbox a:visited {color:#3A88B8;}

@media only screen and (max-width:800px) {
.redpillbox {box-sizing:border-box; padding:12px; border-radius:10px; background:#BF413D; margin:0 auto 20px auto; width:95%; color:#fff !important;}
.redpillbox .headline4, .redpillbox .headline5 {color:#fff !important;}
}



.shorttext, .longtext {padding:0; margin-bottom:0; color:#333; font-size:15px; font-family: 'Libre Franklin', georgia, serif; }
.fptext h2 {font-family: 'Libre Franklin', georgia, serif; font-weight:900;}
.shorttext a, .shorttext em, .longtext b, .longtext strong, .longtext em {color:#222; line-height:inherit;}
.shorttext a:hover {color:#ba2222;}
.shorttext b, .shorttext strong {color:inherit;}
.longtext a {color:#ba2222;}
.longtext {display:none;}
h2 {font-size:16pt; padding:0; margin-top:0; color:#222; margin-bottom:.5em; font-weight:900;}
.fptext h2 a {color:#222 !important; font-weight:900; }
.fptext h2 a:hover {color:#ba2222 !important;}
h2 .small {font-size:.5em; color:#222;}

.socialIcons span {
	position: absolute;
	top: -999em;
}
.socialIcons img {
	border:0; width:35px; height:35px; margin-top:4px; margin-right:3px;
}



/* ========== discard ========== */

.rolluppromo {position:absolute; width:25%; max-width:250px; height:auto; opacity:.7; top:20px; left:auto; right:20px;}
.rolluppromo {position:absolute; left:15px; top:15px; right:auto; bottom:auto; color:#fff !important; font-size:2em; font-weight:bold; z-index:5000;}


.bluebox {background-color:#004990; color:#fff; font-size:inherit; line-height:1.6em;}
.blueboxsm hr {  border-color: #fff;  border-style: solid;  border-width: 1px 0 0;  margin: 20px 0 20px;  height: 0; }
.bluebox p {color:#fff;}
.bluebox .headline4, .bluebox .headline5, .bluebox .headline3, .bluebox .headline2, .bluebox .headline1, .bluebox .headline6, .bluebox h1, .bluebox h2, .bluebox h3, .bluebox h4, .bluebox h5, .bluebox h6 {color:#fff;}

/*
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 98;
}
body {
	padding-top: 100px;
}
*/