body {
  font-family: Arial, Helvetica;
  font-size: 12px;
}
td {
  vertical-align: top;
  text-align: left;
  font-family: Arial, Helvetica;
  font-size: 12px;
  background-color: transparent;
}
input {
  font-family: Arial, Helvetica;
  font-size: 12px;
  background-color: transparent;
}
select {
  font-family: Arial, Helvetica;
  font-size: 12px;
  background-color: transparent;
}
textarea {
  font-family: Arial, Helvetica;
  font-size: 12px;
  background-color: transparent;
}
a:link {
  text-decoration:none;
  color: #003399;
  font-family: Arial, Helvetica;
  font-size: 14px;
}
a:visited {
  text-decoration:none;
  color: #003399;
  font-family: Arial, Helvetica;
  font-size: 14px;
}
a:hover {
  text-decoration: underline;
  color: #003399;
  font-family: Arial, Helvetica;
  font-size: 14px;
}
a:active {
  text-decoration: none;
  color: #003399;
  font-family: Arial, Helvetica;
  font-size: 14px;
}
a.std {
  text-decoration: underline;
  font-size: 12px;
  color: #003399;
}
a.small {
  text-decoration: underline;
  font-size: 10px;
  color: #003399;
}
a.H1 {
  text-decoration: none!important;
  font-family: Palatino Linotype, Palatino;
  font-size: 12px!important;
  font-style: italic;
  color: #003399;
}
a.H1b {
  text-decoration: none!important;
  font-family: Palatino Linotype, Palatino;
  font-size: 12px!important;
  font-style: italic;
  font-weight: bold;
  color: #003399;
}
a.H2 {
  text-decoration: none!important;
  font-family: Palatino Linotype, Palatino;
  font-size: 14px!important;
  font-style: italic;
  color: #003399;
}
a.H2b {
  text-decoration: none!important;
  font-family: Palatino Linotype, Palatino;
  font-size: 14px!important;
  font-style: italic;
  font-weight: bold;
  color: #003399;
}
a.H3 {
  text-decoration: none!important;
  font-family: Palatino Linotype, Palatino;
  font-size: 18px!important;
  font-style: italic;
  color: #003399;
}
a.H3b {
  text-decoration: none!important;
  font-family: Palatino Linotype, Palatino;
  font-size: 18px!important;
  font-style: italic;
  font-weight: bold;
  color: #003399;
}
.TDVCenter {
  vertical-align: middle;
}
.TDRight {
  text-align: right;
}
.Tabs1 {
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #003399;
  padding: 12px;
  background-color: #FFFFCC;
}
.Tabs2 {
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #003399;
  padding: 12px;
  background-color: #FFFFCC;
}
.Div1 {
  background-color: #FFFFCC;
  text-align: left;
  width: 700px;
}
.Div2 {
  float:left;
  text-align: left;
  width: 700px;
}
.Div3L {
  float:left;
  text-align: left;
  width: 535px;
}
.Div3R {
  float:right;
  text-align: left;
  width: 150px;
  padding-left: 10px;
}
.Table1 {
  border-style: none;
  border-collapse: collapse;
}
.Table2 {
  border: 1px solid black;
  border-collapse: collapse;
}
.TableTitle1 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #003399;
  border: 1px solid black;
}
.TableTitle1c {
  font-family: Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background-color: #003399;
  border: 1px solid black;
}
.TableTitle2 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #304B90;
}
.TableTitle2c {
  font-family: Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background-color: #304B90;
}
.TableHeading1 {
  font-family: Arial, Helvetica;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #304B90;
  border: 1px solid black;
}
.TableRow1 {
  font-family: Arial, Helvetica;
  font-size: 12px;
  color: #000000;
  border: 1px solid black;
}
.TableRow1c {
  font-family: Arial, Helvetica;
  font-size: 12px;
  color: #000000;
  text-align: center;
  border: 1px solid black;
}
.TableRowHilight1 {
  font-family: Arial, Helvetica;
  font-size: 12px;
  color: #000000;
  background-color: #FFFF00;
  border: 1px solid black;
  cursor: default;
}
.TableRowHilight1c {
  font-family: Arial, Helvetica;
  font-size: 12px;
  text-align: center;
  color: #000000;
  background-color: #FFFF00;
  border: 1px solid black;
  cursor: default;
}
.TableRow2 {
  font-family: Arial, Helvetica;
  font-size: 24px;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid black;
}
.TableRow2c {
  font-family: Arial, Helvetica;
  font-size: 24px;
  text-align: center;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid black;
}
.TableDays1 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #000000;
  background-color: #FFFFFF;
}
.TableDays1r {
  font-family: Arial, Helvetica;
  font-size: 14px;
  text-align: right;
  color: #000000;
  background-color: #FFFFFF;
}
.TableWeeks1 {
  font-family: Arial, Helvetica;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #304B90;
}
.TableSaturdays1 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #0000D0;
  background-color: #F6F6FF;
}
.TableSundays1 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #D00000;
  background-color: #FFF0F0;
}
.TableReserveDays1 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #000000;
  background-color: #FFF0F0;
}
.TableReserveDays1r {
  font-family: Arial, Helvetica;
  font-size: 14px;
  text-align: right;
  color: #000000;
  background-color: #FFF0F0;
}
.TableMyReserveDays1 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #000000;
  background-color: #D0FFD0;
}
.TableMyReserveDays1r {
  font-family: Arial, Helvetica;
  font-size: 14px;
  text-align: right;
  color: #000000;
  background-color: #D0FFD0;
}
.TableHilight1 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #000000;
  background-color: #FFFF00;
  cursor: default;
}
.BodyText0 {
  font-family: Arial, Helvetica;
  font-size: 10px;
  color: #000000;
}
.BodyText1 {
  font-family: Arial, Helvetica;
  font-size: 12px;
  color: #000000;
}
.BodyText2 {
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #000000;
}
.BodyText3 {
  font-family: Arial, Helvetica;
  font-size: 16px;
  color: #000000;
}
.BodyText4 {
  font-family: Arial, Helvetica;
  font-size: 18px;
  color: #000000;
}
.BodyText5 {
  font-family: Arial, Helvetica;
  font-size: 20px;
  color: #000000;
}
.BodyText6 {
  font-family: Arial, Helvetica;
  font-size: 24px;
  color: #000000;
}
.infield {
  display: none;
}
.Header1 {
  font-family: Palatino Linotype, Palatino;
  font-size: 14px;
  font-style: italic;
  color: #003399;
}
.Header1b {
  font-family: Palatino Linotype, Palatino;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: #003399;
}
.Header2 {
  font-family: Palatino Linotype, Palatino;
  font-size: 16px;
  font-style: italic;
  color: #003399;
}
.Header2b {
  font-family: Palatino Linotype, Palatino;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  color: #003399;
}
.Header3 {
  font-family: Palatino Linotype, Palatino;
  font-size: 18px;
  font-style: italic;
  color: #003399;
}
.Header3b {
  font-family: Palatino Linotype, Palatino;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: #003399;
}
.Header4 {
  font-family: Palatino Linotype, Palatino;
  font-size: 20px;
  font-style: italic;
  color: #003399;
}
.Header4b {
  font-family: Palatino Linotype, Palatino;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #003399;
}
.Header5 {
  font-family: Palatino Linotype, Palatino;
  font-size: 24px;
  font-style: italic;
  color: #003399;
}
.Header5b {
  font-family: Palatino Linotype, Palatino;
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  color: #003399;
}
.thinbox {
  border-style: solid;
  border-color: #A0A0A0;
  border-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.thinbox2 {
  border-style: solid;
  border-color: #A0A0A0;
  border-width: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.thinbox80 {
  border-style: solid;
  border-color: #A0A0A0;
  border-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 2%
}
.flexcontainer {
  display: flex;
}
.leftcolumn {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.rightcolumn {
  float: right;
  padding-left: 5px;
  padding-right: 5px;
}
.collapse3b {
  display: inline-block;
  font-family: Palatino Linotype, Palatino;
  font-size: 18px;
  font-style: italic;
  color: #003399;
}
.collapse3b + input:after {
  color: #003399;
  content: " \25b6";
  display: inline-block;
}
.collapse3b + input:checked:after {
  color: #003399;
  content: " \25bc";
  display: inline-block;
}
.collapse3b + input {
  display: inline-block;
  -webkit-appearance: none;
  -o-appearance:none;
  -moz-appearance:none;
}
.collapse3b + input + * {
  display: none;
}
.collapse3b + input:checked + * {
  display: block;
}
.collapse3bl {
  display: inline-block;
  font-family: Palatino Linotype, Palatino;
  font-size: 18px;
  font-style: italic;
}
.collapse3bl + input:after {
  content: " \25b6";
  display: inline-block;
}
.collapse3bl + input:checked:after {
  content: " \25bc";
  display: inline-block;
}
.collapse3bl + input {
  display: inline-block;
  -webkit-appearance: none;
  -o-appearance:none;
  -moz-appearance:none;
}
.collapse3bl + input + * {
  display: none;
}
.collapse3bl + input:checked + * {
  display: block;
}
.collapse3r {
  display: inline-block;
  font-family: Palatino Linotype, Palatino;
  font-size: 18px;
  font-style: italic;
  color: #003399;
}
.collapse3r + input:after {
  display: inline-block;
}
.collapse3r + input:checked:after {
  display: inline-block;
}
.collapse3r + input {
  display: inline-block;
  -webkit-appearance: none;
  -o-appearance:none;
  -moz-appearance:none;
}
.collapse3r + input + * {
  display: none;
}
.collapse3r + input:checked + * {
  display: block;
}
.ErrorMsg1 {
  color: #FF0000;
}
.Welcome1 {
  font-family: Verdana;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  color: #000000;
}
.Footer1 {
  font-family: Verdana;
  font-size: 10px;
  color: #000000;
}
.Footer2 {
  font-family: Verdana;
  font-size: 12px;
  color: #000000;
}
.submit0 {
  -webkit-appearance: none;
}
.submiti {
  -webkit-appearance: none;
  border: solid black;
  border-width: 1px;
  color: black;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #ccc;
  /* color: #006080; */
}
.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity .6s;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltip .tooltiptext2 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  z-index: 1;
}
.tooltip:hover .tooltiptext2 {
  visibility: visible;
}
.tooltip-right {
  top: -5px;
  left: 125%;  
}
.tooltip-right2 {
  top: -5px;
  left: 105%;  
}
.tooltip-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent;
}
.tooltip-bottom {
  top: 135%;
  left: 50%;  
  margin-left: -60px;
}
.tooltip-bottom2 {
  top: 125%;
  left: 50%;  
  margin-left: -60px;
}
.tooltip-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}
.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}
.tooltip-top2 {
  bottom: 115%;
  left: 50%;  
  margin-left: -60px;
}
.tooltip-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip-left {
  top: -5px;
  bottom:auto;
  right: 128%;  
}
.tooltip-left2 {
  top: -5px;
  bottom:auto;
  right: 105%;  
}
.tooltip-left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
}
.tooltip .tooltiptext-bottomarrow {
  visibility: hidden;
  width: 120px;
  background-color: #111;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 50%;
  margin-left: -60px;
}
.tooltip .tooltiptext-bottomarrow::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext-bottomarrow {
  visibility: visible;
}
.tooltip .tooltiptext-toparrow {
  visibility: hidden;
  width: 120px;
  background-color: #111;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}
.tooltip .tooltiptext-toparrow::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.tooltip:hover .tooltiptext-toparrow {
  visibility: visible;
}
.tooltip .tooltiptext-leftarrow {
  visibility: hidden;
  width: 120px;
  background-color: #111;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
}
.tooltip .tooltiptext-leftarrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext-leftarrow {
  visibility: visible;
}
.tooltip .tooltiptext-rightarrow {
  visibility: hidden;
  width: 120px;
  background-color: #111;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 110%;
}
.tooltip .tooltiptext-rightarrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}
.tooltip:hover .tooltiptext-rightarrow {
  visibility: visible;
}
#mainnav {
  width: 700px;
  padding: 0;
  margin: 0;
  font-size: 0;
}
#navbanner {
  background-color: #6699CC;
  font-family: Arial, Helvetica;
  text-align: left;
  height: 145px;
  width: 700px;
}
#navbanner1 {
  background-color: #FFFFCC;
  font-family: Arial, Helvetica;
  text-align: left;
  height: 145px;
  width: 700px;
}
#navbanner2 {
  background-color: #79a6d2;
  font-family: Arial, Helvetica;
  text-align: left;
  height: 145px;
  width: 700px;
}
#navmenu {
  margin: 0;
  padding: 0;
}
#navmenu1 {
  margin: 0;
  padding: 0;
}
#navmenu2 {
  margin: 0;
  padding: 0;
}
#navmenu ul{
  margin: 0;
  padding: 0;
}
#navmenu1 ul{
  margin: 0;
  padding: 0;
}
#navmenu2 ul{
  margin: 0;
  padding: 0;
}
#navmenu li{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  height: auto;
  position: relative;
  background: #6699CC;
}
#navmenu1 li{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  height: auto;
  position: relative;
  background: #DCDCDC;  /*  #6699CC; */
}
#navmenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  height: auto;
  position: relative;
  background: #79a6d2;
}
#navmenu ul li a{
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  width: 85px;
  display: block;
  color: #FFFFFF;
  padding-top: 7px;
}
#navmenu1 ul li a{
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  width: 85px;
  display: block;
  color: #0C5C92;
  padding-top: 7px;
}
#navmenu2 ul li a{
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  width: 85px;
  display: block;
  color: #FFFFFF;
  padding-top: 7px;
}
#navmenu ul ul{
  position: absolute;
  visibility: hidden;
  height: auto;  /*  #30px; */
}
#navmenu1 ul ul{
  position: absolute;
  visibility: hidden;
  height: auto;  /*  #30px; */
}
#navmenu2 ul ul{
  position: absolute;
  visibility: hidden;
  height: auto;  /*  #30px; */
}
#navmenu ul li:hover ul {
  visibility: visible;
}
#navmenu1 ul li:hover ul {
  visibility: visible;
}
#navmenu2 ul li:hover ul {
  visibility: visible;
}
#navmenu li:hover {
  background: #3366CC;
}
#navmenu1 li:hover {
  background: #EFEFEF;
}
#navmenu2 li:hover {
  background: #538cc6;
}
#navmenu ul li:hover ul li a:hover{
  height: auto;  /*  #30px; */
  background: #3366EE;
  color: #FFFFFF;
}
#navmenu1 ul li:hover ul li a:hover{
  height: auto;  /*  #30px; */
  background: #EFEFEF;
  color: #0C5C92;
}
#navmenu2 ul li:hover ul li a:hover{
  height: auto;  /*  #30px; */
  background: #538cc6;
  color: #FFFFFF;
}
#main a {
  z-index: 10;
}
#main a {
  text-decoration: underline;
  border: 0px;
}
#main a:link,a:visited,a:active {
  text-decoration: underline;
  border: 0px;
}
#footer {
  font-family: Arial, Helvetica;
  font-size: 10px;
  color: #000000;
  text-align: left;
  width: 700px;
  border: 0px;
  float: left;
}
#footer a {
  padding: 4px;
  text-decoration: none;
  font-family: Arial, Helvetica;
  font-size: 10px;
  color: #003399;
  border-style: none;
}
#footer a:link,a:visited,a:active {
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
.bodyleft {
  float: left;
}
.bodyright {
  float: right;
}
.imageleft {
  float: left;
  margin-left: 0px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.imageleftmin {
  float: left;
  margin-right: 10px;
}
.imageleftmax {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.imageright {
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
}
.imagerightmin {
  float: right;
  margin-left: 10px;
}
.imagerightmax {
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.imagecenter {
  display: block;
  margin-left: auto;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  text-align:center;
}
.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 85%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}
.badge a {
  color: #fff;
  font-size: 85%;
  font-weight: 700;
  text-decoration: none!important;
}
.badge-aqua {
  color: #fff;
  background-color: #17a2b8;
}
.badge-brown {
  color: #fff;
  background-color: #8b4513;
}
.badge-green {
  color: #fff;
  background-color: #28a745;
}
.badge-dkgreen {
  color: #fff;
  background-color: #228b22;
}
.badge-dkred {
  color: #fff;
  background-color: #b22222;
}
.badge-blue {
  color: #fff;
  background-color: #007bff;
}
.badge-dkblue {
  color: #fff;
  background-color: #0C5C92;
}
.badge-grey {
  color: #fff;
  background-color: #6c757d;
}
.badge-ltgrey {
  color: #fff;
  background-color: #d3d3d3;
}
.badge-orange {
  color: #fff;
  background-color: #ff8c00;
}
.badge-purple {
  color: #fff;
  background-color: #003399;
}
.badge-purblue {
  color: #fff;
  background-color: #304B90;
}
.text-white {
  color: #fff!important;
}
.text-black {
  color: #000!important;
}
.float-left {
  float:left;  /* !important */
}
.float-right {
  float:right;
}
.float-none {
  float:none;
}
.center {
  text-align: center;
}
.pagination {
  display: inline-block;
}
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  font-size: 12px!important;
  font-weight: bold;
  text-decoration: none!important;
  transition: background-color .3s;
  border: 1px solid #ddd!important;
  margin: 0 4px;
}
.pagination a.active {
  background-color: #0C5C92;
  color: #fff;
  border: 1px solid #0C5C92;
}
.pagination a:hover:not(.active) {
  background-color: #ddd;
}
.pagination-omit {
  color: black;
  float: left;
  padding: 8px 16px;
  font-size: 12px!important;
  font-weight: bold;
  text-decoration: none!important;
  transition: background-color .3s;
  border: 1px solid #ddd!important;
  margin: 0 4px;
}