html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal;  }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

html {
  background-color: #4F4F4F;

}
body {
  background-color: #FFFFFF;
  width: 900px;
  margin:  0 auto;
  padding-bottom: 0px;

}

body,td,th {
  font-family: "Trebuchet MS", Arial, Helvetica, san-serif;
  font-size: 14px;
  color: #333333;
}
p {
    padding-top: 5px;
    padding-bottom: 5px;
}

h1 {
    font-size: 24px;
    padding: 30px;
    text-align: center;
}

h2 {
    color: #0066CC;
    font-size: 24px;
    padding-bottom: 15px;
}

h3 {
        color: #0066CC;
        font-size: 18px;
        padding: 20px 0 0 0;
        margin: 0;
}
h4 {
	color: #0066CC;
        font-size: 18px;
        padding-top: 18px;
}



ul{
       list-style: square;
       margin-top: 5px;
       margin-bottom: 5px;
}

li {
       line-height: 140%;
       margin-bottom: 10px;
}
.style1 {
   font-size: 12px;
}
.style2 {
   font-size: 12px;
   text-align: right;
}
.style3 {
   color: #BB0000;
   font-weight: bold;
   text-align: center;
   font-size: 12px;
}
.style4 {
   font-size: 14px;
   font-weight: bold;
}

.style5 {

   text-align: center;
}

.style6 {
   font-size: 12px;
   color: #BB0000;
   font-weight: bold;
}
.style7 {
   font-size: 16px;
   text-align: center;
} 
.style8 {

   text-align: center;
} 
.style9 {
  
   color: #BB0000;
   font-weight: bold;
}
.style10 {
   color: #0000FF;
}
.style11 {
   color: #BB0000;
}
.style13 {
   padding: 5px;
   background-color: #F1F1F1;
   

}
.style14 {
   font-size: 20px;
   text-align: center;

}
.style15 {
   font-size: 16px;
   text-align: center;
   font-weight: bold;
}

.style16 {

   font-weight: bold;
   text-align: center;
}

.style17 {

   font-weight: bold;

}
.style18 {
   font-size: 12px;
   font-weight: bold;
}
.style19 {
   font-size: 12px;
   font-weight: bold;
}
.style20 {
   color: #BB0000;
}
.style21 {

   text-align: right;
}

.style22 {
   font-size: 12px;
   font-weight: bold;
   background-color: #FFFFCC;
}
A { text-decoration:none;}
A:link { color: #5054AA;}
A:visited { color: #5054AA;}
A:hover { color: #333;}
A:focus { color: #333;}

.content {
       width: 900px;
       margin: 0px auto;

}
.wrapper {
     padding: 0 5px;
     margin-bottom: 20px;
}

.wrapper10 {
     padding: 20px;
     margin-bottom: 20px;
}


#banner {
       background-image: url(images/banner_bg2.jpg);
       background-repeat: no-repeat;
       height: 192px;
       width: 900px;
       background-color: #4f4f4f;
}
#banner h1 {
     color: #FFFFFF;
     font-size: 55px;
     font-weight: normal;
     font-style: normal;
     margin 0;
     padding-top: 45px;
     padding-left: 293px;

}

ul.nav {
       background-color: #4F4F4F;
       list-style-type: none;
       padding-left: 0;
       margin-top: 0px;
       margin-left: 0;
       margin-bottom: 0;
       padding-top: 18px;
       padding-bottom: 12px;
       text-align: left;
}

ul.nav li {
      display: inline;
}

ul.nav a {
      padding: 12px 20px 12px 20px;
      margin-right: 5px;
      text-decoration: none;
      font-weight: normal;
      font-size: 24px;
      color: #FFFFFF;

}
ul.nav a:hover { color: #99FF00;}
ul.nav a:focus { color: #99FF00;}


#matrix {
      padding: 20px 10px;
      background-color: #4F4F4F;
}



#matrix img {
     width: 200px;
     height: 200px;
     border: 0;
}



ul.title {
       list-style-type: none;
       margin: 0px auto;
       width: 800px;
       padding: 12px;
}

ul.title li {
       padding: 12px;

       border-bottom: 1px solid #ccff99;
}
ul.title a {
      padding: 12px;
      text-decoration: none;
      font-weight: normal;
      font-size: 18px;
}

ul.title a:hover {
      background-color: #F7F77B;
      padding: 12px;
}

ul.title a:focus {
      background-color: #F7F77B;
      padding: 12px;
}



.page_per{
    background-color: #f1f1f1;
    font-size: 12px; 
    padding: 5px 0 0 5px;
    float: left;
}
.page_bar{
    background-color: #f1f1f1; 
    text-align: right;
    padding: 5px 0;
    font-size: 14px;
    margin-bottom: 0px;
}
.page_button_word a{
     color: #00698F;
     padding: 5px 10px;
     margin: 1px;
     font-weight: 500; 
     font-size: 14px;
}
.page_button_num a{
     background-color: #4f4f4f;
     padding: 4px 8px;
     color: #fff; 
     margin: 1px;
     font-size: 14px;
}
.page_button_num a:hover{
     text-decoration: none;
     background-color: #0066CC;
     color: #fff;
}

.page_button_num a:focus{
     text-decoration: none;
     background-color: #0066CC;
     color: #fff;
}

.page_button_thenum{
      background-color: #99FF00;
      padding: 4px 8px;
      color: #000;
      margin: 1px;
      font-size: 14px;
}



.page_button_word a:hover{
     color: #CC0000;
     text-decoration: none;
}
.page_button_word a:focus{
     color: #CC0000;
     background-color: #EBF7FF;
     text-decoration: none;
}




#submitBtn {
    background-color: #4E538D;
    border: none;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

#submitBtn:hover {
    background-color: #686CAC;
    color: #fff;
}
#submitBtn:focus {
    background-color: #686CAC;
    color: #fff;
}

.green_link_button{
      background-color: #CCFF99;
      padding: 12px 28px;
      color: #000;
      font-size: 18px;
      text-align: center;
      width: 200px;
      margin: 10px auto 20px auto;
}

.green_link_button2{
      background-color: #CCFF99;
      padding: 6px 12px;
      color: #000;
      font-size: 16px;
      text-align: center;
      width: 60px;
      margin: 10px auto 20px auto;
}

.yellow_link_button{
      background-color: #F7F77B;
      padding: 15px;
      color: #000;
      font-size: 18px;
      text-align: center;
      width: 832px;
      margin: 10px auto 0px auto;
}

.yellow_link_button a{

      color: #000;

}
.blue_link_button{
      background-color: #F7F77B;
      padding: 5px;
      color: #000;
      font-size: 18px;
      text-align: center;
      width: 250px;
      margin: 10px auto 20px auto;
}


.blue_line{
      border-bottom: 1px solid #C2C7E0;
      margin: 10px 0 20px 0;
      width: 100%;
}

 .blue_line2{
      border-bottom: 1px solid #C2C7E0;
      margin: 0px 0 20px 0;
      width: 100%;
}



.foot_wrap {
    width: 900px;
    margin: 10px auto 0 auto;
    padding-bottom: 20px;

}
.foot_wrap li {

    padding: 5px 10px;


}
.foot_wrap ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;

}
.foot_wrap li {
    float: left;
    width: calc(33.333333% );
    margin: 20px 0;

}
@supports (display: grid) {
    .foot_wrap ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);

    }
    .foot_wrap li {
        width: auto;
        min-height: auto;
        margin: 0;

    }
}

#footer {

      width: 100%;
      margin-top: 0px;
      padding: 20px 0 0 0;
      min-width: 900px;
      background-color: #4f4f4f;
}
#footer ul{
      list-style-type: none;
      color: #fff;
}
#footer li{
      line-height: 25px;
}
#footer p{
        line-height: 140%;
}
#footer a {
        color: #fff;
        padding: 5px 0;
        font-size: 20px;
}
#footer a:hover {
      color: #99FF00;
}
#footer a:focus {

      color: #99FF00;
}










.shortpage10{
   margin-bottom: 10px;
}
.shortpage15{
   margin-bottom: 15px;
}
.shortpage20{
   margin-bottom: 20px;
}
.shortpage25{
   margin-bottom: 25px;
}
.shortpage30{
   margin-bottom: 30px;
}
.shortpage50{
   margin-bottom: 50px;
}
.shortpage100{
   margin-bottom: 100px;
}
.shortpage150{
   margin-bottom: 150px;
}
.shortpage200{
   margin-bottom: 200px;
}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #000;
     background-color: #FFCC66;
    left: 58%;
    top: 20px;
    width: 200px;
    height: auto;
    overflow:auto;
    margin: 10px;
    padding:5px;
    border: 1px solid #000;

                   text-align:center;
    font-size:1.2em;
    z-index:999;
}

.st_row::after {
  content: "";
  clear: both;
  display: block;
}

[class*="st_col-"] {
  float: left;

}

 /* For desktop: */
.st_col-1 {width: 8.33%;}
.st_col-2 {width: 16.66%;}
.st_col-3 {width: 25%;}
.st_col-4 {width: 33.33%;}
.st_col-5 {width: 41.66%;}
.st_col-6 {width: 50%;}
.st_col-7 {width: 58.33%;}
.st_col-8 {width: 66.66%;}
.st_col-9 {width: 75%;}
.st_col-10 {width: 83.33%;}
.st_col-11 {width: 91.66%;}
.st_col-12 {width: 100%;}