body {font-family : Verdana,sans-serif;background : var(--blue, blue);color : var(--purple, purple);font-size : 14px;margin-left : 190px;margin-right : 20px;}
#menu {position : fixed;top : 40px;left : 20px;width : 150px;}
h1 {font-family: 'Josefin Sans', sans-serif;color : #4b75fa;font-size : 25px;}
table {width: 100%;}
h2 {font-family: 'Josefin Sans', sans-serif;color : #4b75fa;font-size : 20px;}
h3 {font-family: 'Josefin Sans', sans-serif;color : #4b75fa;font-size : 18px;}
#sm {position : fixed;bottom : 20px;left : 20px;}
.copy {font-weight : bold;font-size : 12px;background : transparent;color : #fff;}
.Text {font-family : Arial,sans-serif;font-size : medium;color : var(--lime,lime);}
.Blank {font-family : Arial,sans-serif;font-size : large;font-weight : bold;color : var(--lime,lime);}
.Letters1 {font-family : Arial,sans-serif;font-size : large;font-weight : bold;color : var(--aqua,aqua);}
.Letters2 {font-family : Arial,sans-serif;font-size : large;font-weight : bold;color : var(--lime,lime);}
.Letters3 {font-family : Arial,sans-serif;font-size : large;font-weight : bold;color : var(--orange,orange);cursor : default;}
.Letters4 {font-family : Arial,sans-serif;font-size : large;font-weight : bold;}
.ExSubtitle {color : var(--yellow,yellow);}
.ExTitle{font-weight : bold;text-align : center;color : var(--yellow,yellow);}
p {text-align : justify;margin : 0px;font-size : 14px;}
p.Titles {padding-top : 5px;padding-bottom : 5px;text-align: center;}
table,tr,td,div,span {font-size : 14px;}
span.Answer {font-size : medium;font-weight : bold;}
span.CorrectAnswer {font-weight : bold;}
span.Title {font-family : Arial,sans-serif;font-size : large;color : var(--yellow,yellow);text-align : center;}
#SegmentDiv{margin-top : 2em;margin-bottom : 2em;text-align : center;}
a.ExSegment{font-size : medium;font-weight : bold;text-decoration : none;color : var(--purple, purple);}
span.RemainingWordList{font-style : italic;}
.footer {background : transparent;color : var(--white,white);font-weight : bold;}
div.Titles{padding-top : 10px;text-align : center;margin-bottom : 4px;background : transparent;color : var(--yellow,yellow);}
.Exercise {background : var(--yellow,yellow);font-family : Arial,sans-serif;font-size : medium;color : var(--lime,lime);margin-left : auto;margin-right : auto;text-align : left;}
.ExerciseDiv {border-style : solid;border-color : var(--lime,lime);border-width : 1px;padding : 10px;}
.ExerciseTitle {font-size : 17px;background : transparent;color : var(--yellow,yellow);}
.ExerciseSubtitle {color : var(--yellow,yellow);}
div.ExerciseDiv {text-align : center;}
div.ButtonRow {margin-bottom : 10px;}
div.ExerciseText {line-height : 20px;text-align : justify;}
div.ExerciseText2 {line-height: 20px;text-align: justify;}
.FeedbackDiv {border-style : solid;border-color : var(--lime,lime);border-width : 1px 1px 0px 1px;padding : 10px;}
div.Feedback {background : var(--aqua,aqua);left : 50%;top : 33%;z-index : 1;border-style : solid;border-width : 1px;padding : 5px;text-align : center;color : var(--yellow,yellow);position : absolute;display : none;font-size : 14px;}
div.Feedback2 {background-color : var(--aqua,aqua);left : 1px;top : 1px;z-index : 1;border-width : 1px;border-style : none;text-align : center;color : var(--yellow,yellow);padding : 5px;position : absolute;}
.WordListStyle {text-align : center;font-weight : bold;color : var(--purple, purple);}
div.ExerciseDiv {color : var(--purple, purple);}
div.StdDiv, div.ExerciseContainer {background : var(--yellow,yellow);text-align : left;font-size : 12px;color : var(--blue,blue);padding : 8px;border-style : solid;border-width : 1px 1px 1px 1px;border-color : var(--purple, purple);margin : 1px;}
.FuncButton, .FunctionButton, .FunctionButton:hover, .FunctionButton:focus, .FunctionButton:active,  .FunctionButton:visited  {background : var(--blue, blue);color : var(--yellow, yellow);text-align : center;border-style : solid;border-color : var(--yellow, yellow);border-width : 2px; padding : 10px 13px 10px 10px !important;cursor : pointer;}
div.NavButtonBar {background : var(--blue,blue);text-align : center;margin : 2px 0px 2px 0px;clear : both;font-size : 14px;}
div.NavButtonBar button {border-style : solid;border-color : var(--blue,blue);background : var(--blue,blue);border-width : 2px;padding : 2px 2px 2px 2px;color : var(--yellow,yellow);cursor : pointer;}
div.Heading {text-align : center;}
div.FeedbackVisible {border-style : solid;border-width : 1px;border-color : var(--yellow,yellow);background : var(--aqua,aqua);padding : 5px;margin-bottom : 2px;top : 33%;left : 33%;position : absolute;display : block;}
div.FeedbackHidden {display : none;}
div.Item {border-style : solid;border-width : 1px;border-color : var(--yellow,yellow);background : var(--aqua,aqua);position : absolute;overflow : visible;padding : 5px;left : -50px;top : -50px;}
div.CategoryFrame {border-style : solid;border-width : 2px;border-color : var(--yellow,yellow);background : var(--blue,blue);position : absolute;overflow : visible;padding : 10px;	font-size : large;}
div.NavigationDiv {background : var(--aqua,aqua);font-size : small;color : var(--black,black);text-align : center;padding : 2px;}
button.NavButtons {color : var(--black,black);background : var(--aqua,aqua); border-style : solid;border-color : var(--aqua,aqua);border-width : 2px;padding : 3px;	}
button.NavButtonsOver {color: var(--black,black);background : var(--aqua,aqua); border-top-color : var(--lightblue, lightblue);border-left-color : var(--lightblue, lightblue);border-right-color : var(--blue,blue);border-bottom-color : var(--blue,blue);border-width : 2px;padding : 10px 13px 10px 13px;cursor : pointer;}
button.NavButtonsDown {color : var(--black,black);background : var(--aqua,aqua);border-top-color : var(--blue,blue);border-left-color : var(--blue,blue);border-right-color : var(--lightblue, lightblue);border-bottom-color : var(--lightblue, lightblue);border-width : 2px;padding : 4px 2px 2px 4px;cursor : pointer;}
div.ButtonRow {font-size : medium;color : var(--yellow,yellow);text-align : center;padding : 2px;}
button.InlineButtons {color : var(--yellow,yellow);background : var(--aqua,aqua);border-style : solid;border-color : var(--aqua,aqua);border-width : 2px;padding : 3px;	}
button.InlineButtonsOver {color : var(--yellow,yellow);background : var(--aqua,aqua); border-top-color : var(--lightblue, lightblue);border-left-color : var(--lightblue, lightblue);border-right-color : var(--blue,blue);border-bottom-color : var(--blue,blue);border-width : 2px;padding : 2px 4px 4px 2px;cursor : pointer;}
button.InlineButtonsDown {color : var(--yellow,yellow);background-color : var(--aqua,aqua);border-top-color : var(--blue,blue);border-left-color : var(--blue,blue);border-right-color : var(--lightblue, lightblue);border-bottom-color : var(--lightblue, lightblue);border-width : 2px;padding : 4px 2px 2px 4px;cursor : pointer;}
.InlineButtons {color : var(--lime,lime);text-align : center;background : var(--yellow,yellow);border-style : solid;border-color : var(--yellow,yellow);border-width : 2px;padding : 3px;}
.InlineButtonsOver {color : var(--lime,lime);text-align : center;background : var(--yellow,yellow);border-top-color : var(--lightyellow,lightyellow);border-left-color : var(--lightyellow,lightyellow);border-right-color : var(--olive,olive);border-bottom-color : var(--olive,olive);border-width : 2px;padding : 2px 4px 4px 2px;}
.InlineButtonsDown {color : var(--lime,lime);text-align : center;background-color : var(--yellow,yellow);border-top-color : var(--olive,olive);border-left-color : var(--olive,olive);border-right-color : var(--lightyellow,lightyellow);border-bottom-color : var(--lightyellow,lightyellow);border-width : 2px;padding : 4px 2px 2px 4px;}
div.CardStyle {position : absolute;font-family : Arial,sans-serif;font-size : 14px;padding : 5px;border-style : solid;border-width : 1px;color : var(--purple, purple);background : var(--yellow,yellow);margin-left : 140px;left : 0px;top : -50px;overflow : visible;}
div.CardStyle2 {position : absolute;font-family : Arial,sans-serif;padding : 5px;border-style : solid;border-width : 1px;color : var(--purple, purple);background : var(--yellow,yellow);left : 200px;top : 200px;}
div.CardStyle3 {position : absolute;font-family : Arial,sans-serif;padding : 5px;border-style : solid;border-width : 1px;color : var(--purple, purple);background : var(--yellow,yellow);margin-left : 250px;left : 0px;top : 0px;overflow : visible;}
div.Navigation {background : var(--yellow,yellow);font-family : Arial,sans-serif;font-size : medium;color : var(--black,black);text-align : center;padding : 2px;}
.NavButtons {color : var(--black,black);text-align : center;background : var(--yellow,yellow);border-style : solid;border-color : var(--yellow,yellow);border-width : 2px;padding : 3px;}
.NavButtonsOver {color : var(--black,black);text-align : center;background : var(--yellow,yellow);border-top-color : var(--lightyellow,lightyellow);border-left-color : var(--lightyellow,lightyellow);border-right-color : var(--olive,olive);border-bottom-color : var(--olive,olive);border-width : 2px;padding : 2px 4px 4px 2px;}
.NavButtonsDown {color : var(--black,black);text-align : center;background : var(--yellow,yellow);border-top-color : var(--olive,olive);border-left-color : var(--olive,olive);border-right-color : var(--lightyellow,lightyellow);border-bottom-color : var(--lightyellow,lightyellow);border-width : 2px;padding : 4px 2px 2px 4px;}
div.GlossCard {border-style : dashed;border-width : 1px;border-color : var(--black,black);background : var(--yellow,yellow);position : absolute;overflow : visible;visibility : hidden;padding : 5px;left : -50px;top : -50px;}
DIV.DropLine {text-align : center;border-bottom-style : solid;border-bottom-width : 1px;border-bottom-color : var(--yellow,yellow);width : 100%;}
TD.NavBar{background-color : var(--aqua,aqua);text-align : center;}
a:link,a:active {background : transparent;color : #3262f9;}
a:visited {background : transparent;color : #647bfb;text-decoration : none;}
a:hover {background : transparent;color : #c970db;text-decoration : none;}
ul {list-style-type : square;}
.mainmenu{ width: 11.5em; padding: 0; float: left; line-height: 1;}
.mainmenu ul { float: left; width: 100%; list-style: none; line-height: 1; color:var(--white,white); background: var(--blue, blue); padding: 0; border: solid var(--blue, blue); border-width: 1px 1px; margin: 0 0 0 0;}
#link4x{line-height: 1.3;}
#link5x{line-height: 1.3;}
.mainmenu a, .mainmenu a:visited { display: block; width: 100%;font-family:Verdana,sans-serif;font-size:14px;font-weight:700;font-style:normal;text-decoration:underline; color: var(--yellow,yellow);  text-decoration: none; padding: 1em 0em; text-indent:1em; margin: 0; }
.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{ width:100%; height:100%;}
.mainmenu ul a{  width: 100%;}
.mainmenu li  { float: left; width:100%; margin:0; padding:0;}
.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li  {width:100%;}
 / !!!!! / .mainmenu li ul { position: absolute; left: -999em; height: auto; width:15em;  background: var(--white,white); font-weight: normal; border-width: 1px; margin: 0;}
.mainmenu li li { width: 100% ; }
.mainmenu li a{width: 100% ; }
.mainmenu li li a{ width: 100%;}
.mainmenu li ul  { margin: -2.1em 0 0 -0.3em;}
.mainmenu li ul ul { margin: -2.1em 0 0 -0.3em;}
.ul_ch, .mainmenu li:hover ul ul,.mainmenu li li:hover ul ul,.mainmenu li li li:hover ul ul,.mainmenu li li li li:hover ul ul,.mainmenu li li li li li:hover ul ul{ left: -999em;}
.mainmenu li:hover ul,.mainmenu li li:hover ul,.mainmenu li li li:hover ul,.mainmenu li li li li:hover ul,.mainmenu li li li li li:hover ul{ left: 100%; / !!! /}
.mainmenu li:hover>ul.ul_ch   { left: 100%; / !!! /}
.mainmenu li:hover{ background: var(--yellow,yellow);}
.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{ color:var(--black,black);}
.mainmenu li:hover li a, .mainmenu li li:hover li a, .mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, .mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited{ color:var(--black,black);}
.mainmenu li li:hover, .mainmenu li li li:hover, .mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover { background: var(--yellow,yellow); z-index:9999;}
.mainmenu li li:hover a,.mainmenu li li li:hover a, .mainmenu li li li li:hover a, .mainmenu li li li li li:hover a{ color: var(--black,black); }
.mainmenu ul ul a, .mainmenu ul ul a:visited,.mainmenu li li a, .mainmenu li li a:visited{ color: var(--black,black);}
.mainmenu ul ul a:hover,.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{ color: var(--black,black);}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{ color: var(--black,black);}

@media screen and (max-width: 480px) {
   .fa-bars{font-size:40px; color: var(--yellow, #ffffb3); } 
   }

.bg_white { background: var(--white, white); }
.bg_blue { background: var(--blue, blue); }
.bg_green { background: var(--green, green); } 
.bg_yellow { background: var(--yellow, yellow); }
.cl_black { color: var(--black, black); }
.cl_orange { color: var(--orange, orange); }
.cl_yellow { color: var(--yellow, yellow); }
.cl_lime { color: var(--lime, lime); }
.cl_aqua { color: var(--aqua, aqua); }
.cl_blue { color: var(--blue, blue); }
.cl_lightblue { color: var(--lightblue, lightblue); }
.cl_red { color: var(--red, red); }
.cl_salmon { color: var(--salmon, salmon); }
.cl_deeppink { color: var(--deeppink, deeppink); }
.cl_purple { color: var(--purple, purple); }
.cl_teal { color: var(--teal, teal); }
.cl_indigo { color: var(--indigo, indigo); }
.cl_lightyellow { color: var(--lightyellow, lightyellow); }
.cl_olive { color: var(--olive, olive); }