/*** main.css ***/

#navcontainer ul { padding-left: 0; margin-left: 0; background-color: #036; color: White; float: left; width: 100%; font-family: arial, helvetica, sans-serif; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a { padding: 0.2em 1em; background-color: #036; color: White; text-decoration: none; float: left; border-right: 1px solid #fff; }
#navcontainer ul li a:hover { background-color: #369; color: #fff; }

#navbox2 ul { padding-left: 0; margin-left: 0; background-color: #030; color: White; float: left; width: 100%; font-family: arial, helvetica, sans-serif; }
#navbox2 ul li { display: inline; }
#navbox2 ul li a { padding: 0.2em 1em; background-color: #030; color: White; text-decoration: none; float: left; border-right: 1px solid #fff; }
#navbox2 ul li a:hover { background-color: #369; color: #fff; }

nav ul  { display: flex; justify-content: space-between; }
nav1 ul { display: flex; justify-content: space-between; }
.box { display: flex; flex-wrap: wrap; }
.box>* {flex: 1 1 200px;}

#pageref.p               {color: Blue; text-decoration: none; font-size: 60%; }
#pageref.a ul li p       {color: Blue; text-decoration: none; font-size: 60%; }
#pageref.a ul li a:hover {background-color: #369; color: #fff; text-decoration: none; }

#pageref2.p               {color: green; text-decoration: none; font-size: 60%; }
#pageref2.a ul li p       {color: green; text-decoration: none; font-size: 60%; }
#pageref2.a ul li a:hover {background-color: #369; color: #fff; text-decoration: none; }

#hdr { border: none; border-collapse: collapse; margin: 0px; padding-left: 4px; padding-right: 4px;}

#list {border:1px solid black; border-collapse: collapse; }

div.hdrcenter    {margin: auto; width: 75%; border: none; }
table.hdrcenter  {margin: auto; width: 90%; border: none; }

div.nav {margin-top: 0; width: 100%;}
table.nav {margin-top: 0; border: none; margin-bottom: 0; width: 98%;}

table.header {border: none; }
th.header    {border: none; }
tr.header    {border: none; }
td.header    {border: none; }

div.pageref       {color: Blue; text-decoration: none; font-size: 60%; }
p.pageref         {color: Blue; text-decoration: none; font-size: 60%; }
td.pagerefL       {text-align: left;}
td.pagerefR       {text-align: right;}

pageref.a ul li a:hover {background-color: #369; color: #fff; text-decoration: none; }
       
A.msgbox:link { color: #800000; 
         font-weight: bold; 
         font-size: 12px; 
         font-family: Helvetica, Arial, "Times New Roman", Times, Georgia, Geneva, Swiss, SunSans-Regular; 
         text-decoration: underline; 
       }
A.msgbox:visited { color: #800000; 
         font-weight: bold; 
         font-size: 12px; 
         font-family: Helvetica, Arial, "Times New Roman", Times, Georgia, Geneva, Swiss, SunSans-Regular; 
         text-decoration: none; 
       }
A.msgbox:hover  { color: #990000; 
         font-weight: bold; 
         font-size: 12px; 
         font-family: Helvetica, Arial, "Times New Roman", Times, Georgia, Geneva, Swiss, SunSans-Regular; 
         text-decoration: none; 
       }
A.msgbox:active { color: #800000; 
         font-weight: bold; 
         font-size: 12px; 
         font-family:  Helvetica, Arial, "Times New Roman", Times, Georgia, Geneva, Swiss, SunSans-Regular; 
         text-decoration: none; 
       }

div.msgbox    {width: 570px; text-align: center; font-family: "Arial"; }
div.msghdr    {width: 565px; font-size: 26px; color: #FF0000;font-family: "Arial"; }
div.msgdate   {width: 565px; font-size: 18px; text-align: left; text-decoration: underline; color: #FF0000; font-family: "Arial";}
div.msgtext   {width: 565px; font-size: 16px; color: #FF0000;font-family: "Arial"; } 
div.msgcount  {width: 920px; font-size: 18px; color: #FF0000;font-family: "Arial"; font-weight: bolder;}

div.msgbox1    {width: 570px; text-align: center; font-family: "Arial"; }
div.msghdr1    {width: 560px; font-size: 26px; color: #FF0000;font-family: "Arial"; }
div.msgdate1   {width: 560px; font-size: 18px; text-align: left; text-decoration: underline; color: #FF0000; font-family: "Arial";}
div.msgtext1   {width: 560px; font-size: 16px; color: #FF0000; font-family: "Arial"; } 
div.msgcount1  {width: 920px; font-size: 18px; color: #FF0000; font-family: "Arial"; font-weight: bolder;}

div.msgbox3    {width: 60%; text-align: center; font-family: "Arial"; }
div.msghdr3    {width: 58%; font-size: 26px; color: #FF0000;font-family: "Arial"; }
div.msgdate3   {width: 58%; font-size: 18px; text-align: left; text-decoration: underline; color: #FF0000; font-family: "Arial";}
div.msgtext3   {width: 58%; font-size: 16px; color: #FF0000; font-family: "Arial"; } 
div.msgcount3  {width: 920px; font-size: 18px; color: #FF0000; font-family: "Arial"; font-weight: bolder;}

div.logoboxo     {width: 600px; text-align: left;   font-family: "Arial"; color: #990000; }
  div.logoboxi   {width: 533px; text-align: left;   font-family: "Arial"; color: #990000; }
    div.xref     {width: 598px; text-align: center; font-family: "Arial"; color: #990000; }

table.msgtext {width: 565px; border:8px; border-style:double; border-color:red; }

table.msgtext1 {width: 540px; border: 2px solid red; }
table.msgtext3 {width: 50%; border: 2px double red; }


div.momsgbox    {width: 900px; text-align: center; font-family: "Arial"; }
div.momsghdr    {width: 890px; font-size: 26px; color: #FF0000;font-family: "Arial"; }
div.momsgdate   {width: 890px; font-size: 18px; text-align: left; text-decoration: underline; color: #FF0000; font-family: "Arial";}
div.momsgtext   {width: 890px; font-size: 16px; color: #FF0000; font-family: "Arial"; } 
div.momsgcount  {width: 950px; font-size: 18px; color: #FF0000; font-family: "Arial"; font-weight: bolder;}
table.momsgtext {width: 895px; border:8px; border-style:double; border-color:red; }
table.momsgtext1 {width: 870px; border: 2px solid red; }
table.momsgtext3 {width: 50%; border: 2px double red; }



table.list, th.list, td.list, tr.list {border:1px solid black; border-collapse: collapse; }


Button.TrainingMode  { border: none; color: Blue; border-radius: 15px; padding: 16px 32px; text-align: center; text-decoration: none; 
                       display: inline-block; font-size: 16px; margin: 4px 2px; }
Button.TrainingModeT { background-color: #FF0000; } /* RED */
Button.TrainingModeN { background-color: #00FFFF; } /* CYAN */