@charset "UTF-8";
/*color set
adcc3f - green;
e9f4be - manilla;
2eacbe - blue;

Boost Colors
Blue 1d70c4
Green 8ec549 

*/
/* Added 2/25/2020 to include opening splash interface */
#introScreen {
    background-color: rgba(15,60,66,.95);
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: 20000;
    text-align: left;
    padding-left:25%;
    background-image:url(../img/mainInterface/introBack.png);
    background-size:100% auto;
    background-position:center 50%;
    font-size:.8em;
    overflow: hidden;
}
/* Added 10/09/25 for temporary removal of video */
#introScreen .introPoster img {
    height:30em;
    width:auto;
}
#introScreen .sideBlock {
    position:absolute;
    left:0em;
    top:0;
    right:75%;
    bottom:0%;
    background-color:#D9F0F2;
    display:block;
}
#introScreen .bottomBlock {
    position:absolute;
    left:0em;
    right:0;
    bottom:0;
    background-color:#82B93C;
    padding:1em;
      background-image: url(../img/mainInterface/RGR_White_Logo.png);
    background-size:auto 50%;
    background-position:calc(100% - 1em) center;
    background-repeat: no-repeat;
    cursor:pointer;
    font-size:.9em;
}
#introScreen .stateBadge {
    position:absolute;
    height:4em;
    width: 5.8em;
    top:0em;
    bottom:auto;
    left:auto;
    right:8em;
    z-index: 10;

}
#introScreen .stateBadge img {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:auto;

}
#introScreen .sideBlock em {
    color:#0F4D92;
    text-transform: uppercase;
    font-family:"BoldText";
}
#introScreen .sideBlock .logoBlock {
    height:9em;
    background-color:#82B93C;
    background-image: url(../img/mainInterface/IntroLogo.png);
    background-size:auto 60%;
    background-position:center center;
    background-repeat:no-repeat;
    margin-bottom:2em;
    cursor:pointer;
}
#introScreen .sideBlock h1{
    text-align: center;
    color:#0F4D92;
    text-transform:uppercase; 
    padding-bottom:1em;
    font-size:2em;
    font-family:"BoldText";
}
#introScreen .sideBlock ul {
        list-style:disc
    
        
}
#introScreen .sideBlock li{
    text-align: left;
    color:#333;
    padding:.5em;
    padding-left:0;
    padding-right:1em;
    line-height:  1.2em;
    margin-left:2em;
    font-family:"BoldText";
    
}

#introScreen .bottomBlock .footerLeft {
    position:relative;
    overflow: visible;
    color:#fff;
    line-height: 1.2em;
    display:inline-block;
}
#introScreen .bottomBlock .footerLeft .introContactUs {
        position:absolute;
    top:-5em;
    left:0em;
    height:5em;
    width:12em;

    background-image:url(../img/mainInterface/introContactUs.png);
    background-size:auto 80%;
    background-position:center center;
    background-repeat: no-repeat;
}
#introScreen .menuBlock {
    text-align:center;
}
#introScreen .menuBlock li {
    display:inline-block;
    color:#fff;
    background-color:#82B93C;
    padding:1em;
    margin:.25em;
    border-radius:2em;
    font-family:'DisplayText';
    cursor:pointer;
    transition:all .25s 0s;
    
}
#introScreen .menuBlock li:hover {
    transition:all 0s 0s;
    background-color:#AFD875;
}
#introScreen .exploreVideo {

}
#introScreen .videoBlock h1{
    text-align: center;
    color:#fff; 
    padding-bottom:1em;
    font-size:3em;
        font-family:"BoldText";
}
#introScreen .videoBlock {
    position:relative;
    display:block;
    padding:2em;
    margin-top:2em;  
    text-align: center;
    font-size:.8em;

}

#introScreen .videoBox {
    position:relative;
    overflow: visible;
    display:inline-block;
    width:70%;
            
}
#introScreen .videoBox .introWatch {
    position:absolute;
    top:-4.75em;
    right:-4em;
    height:4.75em;
    width:12em;

    background-image:url(../img/mainInterface/introWatch.png);
    background-size:auto 80%;
    background-position:center center;
    background-repeat: no-repeat;
}
#introScreen .videoBlock .videoCopyright{
    color:#9D3F97;
}

#introScreen .copyright {
    color:#fff;
    position:absolute;
    bottom:.4em;
    left:25%;
    right:0;

    text-align: center;
}

#introScreen .copyright span {
    display:inline-block;
        padding:.5em;
    background-color:#2eacbe;
    border-radius:1em;
}
#introScreen .videoBlock video{
    width:100%;
    border:solid .2em #2eacbe;
}
#introScreen .videoBlock .closeBox{
    position:absolute;
    right:2em;
    top:0;
    background-color:#82B93C;
    color:rgba(255,255,255,.9);
    padding:.5em;
    padding-bottom:.25em;
    padding-left:1.75em;
    background-image: url(../img/mainInterface/whiteArrowUp.png);
    background-size:auto 50%;
    background-position:.25em center;
    background-repeat: no-repeat;
    border-top-left-radius: .75em;
    border-top-right-radius: .75em;
    cursor:pointer;
}


#howToVideoBtn {
    position:absolute;
    bottom:.5em;
    width:8em;
    right:9em;
    cursor:pointer;
    font-size: .8em;
    padding: .75em;
    color: #fff;
    background-color: #adcc3f;;
    font-family: 'DisplayText';
    text-align:center;
    display: inline-block;
    border-radius: 1em;
    cursor: pointer;
    z-index: 4
}

#howToVideo {
    position:absolute;
      bottom:2em;
    right:8em;
    height:0em;
    width:0em;
    transition:all 1s;
    opacity:0;
    z-index: 3;
        border:solid .25em #fff;
    box-shadow: .25em .25em .25em rgba(0,0,0,.5);
    border-radius:1em;
    overflow: hidden;

    
}

#howToVideo.howToOpen {
    height:22.55em;
    width:40em;
    opacity:1;
    right:14em;

}
#howToVideo video {
    height:100%;
    width:100%;
    opacity:1;

}
#howToVideoCloseBtn {
    position:absolute;
    top:0;
    left:0;
    height:1em;
    width:auto;
    padding:1em;
    padding-left:2em;
    padding-top:.5em;
    padding-bottom:.5em;
    box-shadow: .1em .1em .1em rgba(0,0,0,.25);
    border-bottom-right-radius: 1em;
    background-image: url('../img/mainInterface/closeBox.png');
    background-size:auto 50%;
    background-position:.25em center;
    background-repeat: no-repeat;
    color:#fff;
    background-color:#adcc3f;
    cursor:pointer;
    z-index:1;
        font-size:.75em;
}


.returnBtn {
    position:absolute;
    bottom:1em;
    left:2em;
    height:2em;
    width:12em;
    background-color:#adcc3f;
    font-family:"BoldText";
    font-size:.85em;
    z-index: 10;
    padding:1em;
    padding-top:.5em;
    padding-bottom:.5em;
    line-height:1.7em;
    color:#fff;
    cursor:pointer;
    border-radius:1em;
    text-align:center;
    
}
/* End opening splash interface CSS */
legend {
    position:absolute;

    opacity:0;
}

#HTMLBLOCK {
    text-align: center;
}

#HTMLBLOCK h1 {
    text-align: center;
    font-size:3em;
    font-family:"DisplayText";
    color:#adcc3f;
    margin-bottom: 1em;
    
}
#HTMLBLOCK p {
    font-size:1.5em;
    color:#2eacbe;
    line-height: 1.35em;
    margin-bottom: 1.5em;
}
#HTMLBLOCK p2 {
    font-size:1.2em;
    color:#2eacbe;
    line-height: 1.35em;
}


#MENUBLOCK {
	padding-top:6em;
}

#MENUBLOCK .top {
	background-color:#2eacbe;
	display:inline-block;
padding:1em;
	font-family:"DisplayText";
	color:#fff;
	border-radius:.5em;
	cursor:pointer;
}

#MENUBLOCK .subMenu li {
	width:12em;
}

#MENUBLOCK li {
	display:inline-block;
	background-color:#adcc3f;
	padding:1em;
	margin:.5em;
	border-radius:.5em;
	color:#fff;
	font-family: 'DisplayText';
	width:6em;
	cursor:pointer;
}

#MENUBLOCK select {
	display:inline-block;
	background-color:#adcc3f;
	padding:1em;
	margin:.5em;
	border-radius:.5em;
	color:#fff;
	font-family: 'DisplayText';
	width:8em;
}
/* End custom code */

body, html {
	height:100%;
	font-size:10px;
	height:100%;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
	user-select:none;
	font-family:'BodyText';
}
#wrapper {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	/*height:700px;*/
	background-color:#1d70c4;
	background-image:url(../img/mainInterface/blueBG.png);
	background-position:center center;
	background-size: auto 100%;

    text-align: center;
    overflow: hidden;
    z-index:1;
}
#s0 {
    padding-top:3em;
}
#s0Materials {
    position:absolute;
    bottom:7em;
    left:2em;
    right:2em;
}
#s0Materials h1 {
    display:block;
    color:white;
    font-size:1em;
}
.material {
    display:inline-block;
    height:4em;
    width:3em;
    background-color:white;
    margin:1em;
    cursor:pointer;
    overflow: visible;
}

.material.pdf {
    border-radius:.2em;
    border:solid .2em transparent;
    background-image:url(../img/interface/pdf.png);
    background-size: 1em auto;
    background-repeat:no-repeat;
    background-position: 2em 2.6em;
}

.material.pdf p {
    font-size: .5em;
    font-family: 'DisplayText';
    line-height: 1.2em;
    padding-top:1em;
}

.material.pdf:hover {
    border:solid .2em black;
}
.mainBranding {
    position:absolute;
    top:1.4em;
    left:0;
    right:0;
    opacity:1;
    font-size: 1em;
}
.mainBranding img {
    height:4.25em;
}
.brandingLogoLeft {
    float:left;
    padding-left:5.25em;
}
.brandingLogoRight {
    float:right;
    padding-right:5.25em;
    position:relative;
    top:-.8em;
}

.brandSep {
    display:inline-block;
    /*width:.1em;
    height:4.8em;
    background-color:#fff;
    margin-left:.5em;
    margin-right:.5em;*/
}
 #contentSizer {
    font-size:.8em;
  display:inline-block;
     position:relative;
     width:100%;
     height:100%;
     overflow:hidden;
 }
#content {
    position:absolute;
    top:5em;
    left:2em;
    right:6em;
    bottom:4em;
    background-color:none;
    padding: .5em;
    padding-top: 3em;
    /*background-image:url(../img/contentBackground.png);
	background-position:center center;
	background-size: auto 100%;
	background-repeat:repeat;*/
    overflow:hidden;
    z-index:2;
}
.nextU {
    position:absolute;
    bottom:1em;
    right:1em;
    display:none;
}
#VI001Next, #RI004Next, #HTMLBLOCKNext, .nextU {
    font-family:'DisplayText';
 position:absolute;
    font-size:1.5em;
    line-height:2em;
    border-top-left-radius:.5em;
    bottom:0em;
    right:0em;
    width:4em;
    padding:0em;
    color:#fff;
    background-color:rgb(82, 120, 8);
    z-index:20000;
    cursor:pointer;
	border: .2em solid transparent;
    transition: border-color 0.2s ease;
}

#VI001Next:focus, #RI004Next:focus, #HTMLBLOCKNext:focus, .nextU:focus{
	border: .2em solid #fff;
}

#VI001Next:hover, #RI004Next:hover, #HTMLBLOCKNext:hover, .nextU:hover{
	border: .2em solid #fff;
}
	

#VI001Next:active, #RI004Next:active, #HTMLBLOCKNext:active, .nextU:active{
  background-color:rgb(82 119 7);
    color: #ffffff;
	border:.2em solid #fff;
    
}

#contentBacker {
 position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(255,255,255,.75);
    display:none;
    border-radius:1em;
    z-index: -1;
    overflow:hidden;
}
.hideBlock {
  display:none;   
}
/*.comingSoonParent {
	position:relative;	
	overflow:hidden;
}
.comingSoon {
	font-family:'BoldText';
	font-size:.7em;
	line-height:1em;
	position:absolute;
	top:0;
	left:100%;
	padding-left:.70em;
	padding-right:2em;
	padding-top:.5em;
	padding-bottom:.5em;
	color:#fff;
	background-color:#c00;
	-webkit-transform-origin:0% 0%;
	-webkit-transform:rotate(90deg);
	transform-origin:0% 0%;
	transform:rotate(90deg);
	box-shadow: -.5em 0em 1em rgba(0,0,0,.75);
}*/
.twoColPanel {
	-webkit-column-count:2;
	-webkit-column-gap:1em;
	-moz-column-count:2;
	-moz-column-gap:1em;
}
.menuBarParent.navBottom {
    top:auto;
    bottom:0;
    left:16em;
    right:4em;
}

.menuBarParent.navBottom .menuBar {
    border-bottom-right-radius:0em;
    border-top-left-radius:1em;
}
.menuBarParent {
    position:absolute;
	left:0;
    font-size: 1em;
    right:15em;
	top:0em;
    height:auto;
    z-index:4999;
   /* background-image:url('../img/greenTitleArrowLong.png');*/
    background-size: 100% auto;
    background-repeat:no-repeat;
    background-position:right;
    display:none;

}
.menuBar {
	position:relative;
	color:#fff;
	text-align:left;
padding:0;
    height:2.5em;
	font-family:'BodyText';
	z-index:5000;
    display:none;
    font-size:1.2em;
    background-color:rgb(82, 119, 7);
    background-color:var(--hdwGreen);
    border-bottom-right-radius:1em;
    box-shadow:0 0 .25em rgba(0,0,0,.5);
}
#menuBarLeft {
    position:relative;
	left:2em;
    top:0;
    width:2em;
    text-align:center;
    z-index:5001;
}
#menuBarSelector {
    position:absolute;
    left:18em;
    top:.35em;
    height:1em;
	z-index:2000;
    width:50em;
 
}
#menuBarCenter {
    position:absolute;
	left:15em;
    top:.8em;
    height:1em;
    z-index:5001;
}
#menuBarRight {
    position:absolute;
    font-size:1.1em;
	right:2em;
    top:.6em;
    height:1em;
    text-align:left;
    z-index:5001;
    font-family:'BoldText'
}
#homeBtn {
	position:absolute;
	top:0;
	left:0;
	width:2em;
	height:2.25em;
	background-image:url(../img/home.png);
	background-repeat:no-repeat;
	background-size:auto 50%;
	background-position: center center;
	cursor:pointer;
	z-index:5000;
    border: .2em solid transparent;
    transition: border-color 0.2s ease;
}
#homeBtn:active{
    background-color:rgb(82 119 7);
    color: #ffffff;
    border: 2em solid #fff;
   
}

#homeBtn:focus{
border: .2em solid #fff;
}

#homeBtn:hover{
border: .2em solid #fff;
}

#navArrows {
	position:absolute;
	top:0;
	left:3em;
	width:8em;
	height:2.25em;
    line-height:2.5em;
	z-index:5000;
}
#navLeft {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:2em;
    background-image:url(../img/arrowPrev.png);
	background-repeat:no-repeat;
	background-size:auto 60%;
	background-position: center center;
	display:inline-block;
	z-index:5000;
	cursor:pointer;
    border: .2em solid transparent;
    transition: border-color 0.2s ease;
}

#navLeft:active {
    border: .2em solid #fff;
}

#navLeft:hover {
    border: .2em solid #fff;
}

#navRight {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:2em;
	background-image:url(../img/arrowNext.png);
	background-repeat:no-repeat;
	background-size:auto 60%;
	background-position: center center;
	display:inline-block;
	z-index:5000;
	cursor:pointer;
    border: .2em solid transparent;
    transition: border-color 0.2s ease;
}

#navRight:active {
    border: .2em solid #fff;
}

#navRight:hover {
    border: .2em solid #fff;
}


#menuSelectorIndicator {
	height:1em;
	width:1em;
	background-image:url(../img/selectIndicator.png);
	background-size:auto 100%;
	background-position: center center;
	background-repeat:no-repeat;
    padding-right: 1em;
    display:inline-block;
}
#menuBarLessonSelector {
    -webkit-appearance: none; /* For Webkit browsers like Chrome, Safari, Opera */
  -moz-appearance: none;    /* For Firefox */
  appearance: none;         /* Standard property */
	border-radius:0;
	border:none;
	color:#fff;
	font-size:1em;
	line-height:1.25em;
	font-family:'BoldText';
	margin:0;
	margin-right:1em;
	cursor: pointer;
	/*outline: none;
	-webkit-appearance:none;*/  
	display:inline-block;
    height:1.6em;
	text-align:center;
    background-color:rgba(255,255,255,0);
    padding-left:1em;
    padding-right:1em;
    width:30em;
    left:20em;
}
#menuBarLessonSelector option {
     color:#333;   
}
.contentPanel {
	/*width:100%;*/
	height:100%;
	text-align:center;
	display:none;
	overflow:hidden;
	background:none;
    margin-top: 4em;
    margin-left: 2em;
}
/*GRID LAYOUT TAGS*/
.contentWrapper {
	position:relative;
	display:inline-block;
	padding-top:1em;
	margin-right:auto;
	margin-left:auto;
	border:solid .5em #000;
}
.col20 {
	width:20%;
}

.col33 {
	width:33%;
}

.col66 {
	width:66%;
}
.col40 {
	width:40%;
}

.col60 {
	display:inline-block;
	width:60%;
	float:left;
}

.down5 {
	margin-top:5%;
}
.down10 {
	margin-top:10%;
}
.down15 {
	margin-top:15%;
}
.down20 {
	margin-top:20%;
}
/*CONTENT STYLING*/
.contentPanel h1 {
	font-size:2em;
	color:#8ec549;
	margin-top:.75em;
	margin-bottom:.5em;
}
.navTable{
	width:100%;
	font-size:.8em;
}
.navTable td:nth-child(1) {
	width:20%;
}
.navTable th {
	padding-top:.5em;
	padding-bottom:.6em;
	line-height:1.3em;
}
.navTable td {
	padding:.2em;
}
.navTable tr:nth-of-type(even) td {
	background-color:#e9f4be;
}

.navTable tr:nth-child(2n+1) td {
	background-color:#fff;
}

.navTable tr:nth-child(n+1) td:nth-child(n+2) {
	color:#8ec549;
	cursor:pointer;
}
.unitSelectBlock {
    display:inline-block;
    vertical-align: top;
    text-align:left;
}
.unitSelectBlock h2 {
     text-align:center;
}
.selectDiv {
    height:8em;
    width:4em;
    display:inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100% auto;
}

.selectDiv.selected {
    background-image: url(../img/mainInterface/arrow_forward1.svg);
}

.arrowSelect {
   width: 20;
   padding:.75em;
   padding-left:2em;
   margin:0;
   background-color:rgba(0,0,0,0);
   border-radius:0;
   font-size:1em;
   text-align:left;
   color:#e6e7e7;
   font-family:'BodyText';
   /*outline: none;
    border:none;*/
   font-family:'BoldText';
}
.arrowSelect option {
 color:#000;   
}

.selectArrowBack {color:#fff;width: 19em;padding:1em;/*background-image:url('../img/mainInterface/greenArrowNoTop.png');*/background-size: auto 100%;background-position: right center;background-repeat:no-repeat;cursor:pointer;padding-top:.75em;padding-bottom:.75em;padding-left:1em;margin-top:-.05em;position:relative;background-color:#004891e8;border-radius: .40em;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}

.unitSelectIndicator {
	position:absolute;
	top:0;
	right:8em;
	height:100%;
	width:2em;
	background-image:url(../img/unitSelectIndicator.png);
	background-size:auto 50%;
	background-position: center center;
	background-repeat:no-repeat;
}

/*.unitSelector {
	color:#fff;
	font-size:1em;
	line-height:1.2em;
	font-family:'BoldText';
	border:none;
	padding: 1em;
	width:7em;
	margin:0;
	cursor: pointer;

	background:none;
	background-image:url(../img/unitSelectIndicator.png);
	background-size:auto 50%;
	background-position: 70% center;
	background-repeat:no-repeat;
	outline: none;
	-webkit-appearance:none;
	display:inline-block;

	text-align:center;

}*/
.unitSelectorText{
	color:#fff;
	font-family:'BoldText';
	padding:0em;
	margin:0em;
	text-align:center;
	width:100%;
}
.lessonSelectBlock {
	display:inline-block;
	margin-bottom:1em;
    position: relative;
    vertical-align: top;
    width:14em;
}
.levelSelectBlock, .unitSelectBlock, .lessonSelectBlock {
       margin-left:.75em;
    margin-right:.75em; 
     width:14em;
}

.unitSelectBlock {
 width:20em;   
}
.lessonSelector {
    position:relative;
	color:#fff;
    background-image:url(../img/mainInterface/lessonCircle.png);
    background-position: left center;
    background-repeat:no-repeat;
    background-size: auto 100%;
    text-align:left;
    height:2.75em;
    width:19em;
    font-family:'BoldText';
    cursor:pointer;
}
#lessonShow {
 margin-left:1em;   
}
 .lessonText {
     position:relative;
     left:2em;
     right:1.5em;
     top:1.1em;
     bottom:0em;
     border: solid;
     border-radius: .5em;
     text-align: center;
     padding: .12em .12em;
     

 }

 .lessonText:active {
    background-color:rgba(255, 255, 255);
    color: #083563;
    transform: scale(0.98);
    
 }
.lessonNum {
     position:absolute;
     left:.5em;
     right:0em;
     top:1em;
     bottom:.5em;
 color:#eceeea;   
}
.lessonSelector:active {
	color:#fff;
}
.levelSelectBlock {
    display:inline-block;
}
.levelSelectBlock h2, .unitSelectBlock h2, .lessonSelectBlock h2{
    color:#fff;
    padding-bottom:.5em;
    margin-bottom:2em;
    /*border-bottom:solid .15em #fff;*/
}

.selectorDiv {
    position:absolute;
    top:7.5em;
    left:4.5em;
    right:4.5em;
    height:1em;
    border-bottom:solid .15em #fff;
}

.arrowButton {
    color:#e6e7e7;
    width:10em;
    padding:1em;
    padding-left:1.5em;
    /*background-image:url('../img/mainInterface/greenNoArrow.png');*/
    background-size: auto 100%;
    border-radius: .35em;
    background-position: right center;
    background-repeat:no-repeat;
    cursor:pointer;
    text-align:left;
    margin-left:1em;
    background-color:#004891cf;
    margin-bottom:.2em;
    border: 0.118em solid transparent;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); 
    transition: box-shadow 0.2s ease, transform 0.2s ease; 
   
}
.arrowButton:active {
    background-color: #004891;
    color: #e6e7e7;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 
}


.arrowButtonSelect {
   color:#e6e7e7; 
   background-color: #004891;
   border: 0.118em solid;
   font-weight: bold;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   
    
    
   /* background-image:url('../img/mainInterface/greenArrow.png');*/
}
#unitShow {
 margin-left:1em;   
}
.bookTab {
    color:#e6e7e7;
    background-color: #004891cf;
    padding:1em;
    padding-left:0;
    padding-right:0;
    width:28%;
    border-radius: .30em;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    
    border: 0.118em solid transparent;
}

.bookTabInactive {
 background-color:  #004891;
 color:#e6e7e7;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
 transition: box-shadow 0.2s ease, transform 0.2s ease;   
}


.bookTabActive {
    background-color: #004891;
    color: #e6e7e7;
    font-weight: bold;
    border: 0.118em solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    

}


.supplementalMenuBlock {
    position:absolute;
    bottom:3em;
    left:12.5%;
    display:inline-block;
    width:75%;
    margin-top:2em;
    padding-top:1em;
    border-top:solid .15em #fff;
    color:#fff;
    text-align:center;  
}

.supplementalLink {
    color:#fff;
    text-decoration: none;
    font-family:'BoldText';
    display:inline-block;
    border: solid;
    border-radius: .8em;
    padding:.5em;
    padding-top:.25em;
    padding-right:2em;
    padding-left:.75em;
    cursor:pointer;

}
.supplementalLink:active{
    background-color:rgba(255, 255, 255);
    color: #083563;
    transform: scale(0.98);
}

.supplementalBlock {
    position:absolute;
    top:.75em;
    left:1em;
    right:1em;
    bottom:1em;
    display:none;
    z-index:1001;
    padding:2em;
    text-align:center;
    background-color:rgba(255,255,255,.95);
    border-radius:1em;
}

.supplementalBlock li a {
    text-decoration:none;
    color:#8ec549;
    background-image:url('../img/mainInterface/greenArrowBullet.png');
    background-size:auto 90%;
    background-position: left top;
    background-repeat:no-repeat;
    padding-left:.75em;
        line-height: 1.5em;
}

.supplementalBlock h1{
    font-family:'DisplayText';
    /*color:#8ec549;*/
    color:#1d70c4;
    font-size:1.25em;
    margin-bottom:1em;
}

.supplementalBlock span.textRed {
    color:#c00;
    font-family:'BoldText';
}
.closeSup {
    position:absolute;
    color:#073869;
    top:1em;
    left:1em;
    text-decoration: none;
    width:3em;
    padding:.5em;
    padding-top:.75em;
    padding-left:1.5em;
    cursor:pointer;
    background-image:url('../img/mainInterface/greenArrowLeft.png');
    background-size:auto 100%;
    background-position: left center;
    background-repeat:no-repeat;
}
.supplementCategory {
    text-align:left;
    margin-bottom:1em;
}
.supplementCategory h2 {
    
    font-family:'DisplayText';
    color:#1d70c4;
    font-size:1em;
    border-bottom:solid .15em #1d70c4;
    margin-bottom:.5em;
}

.supplementalCol {
    width:40%;
    float:left;
    margin-right:5%;
    margin-left:5%;
    height:80%;
}