H1 {
  font-size:32px;
  font-family : "Arial", "Helvetica", sans-serif;
  color:black
}
H2 {
  font-size:28px;
  font-family : "Arial", "Helvetica", sans-serif;
  color:Red
  }
H3 {
  font-size:40px;
  /*font-family : "Arial", "Helvetica", sans-serif;*/
  font-family: 'Pathway Gothic One', sans-serif;
  text-transform: uppercase;
  color:black;
  margin:40px 0;
  }
H4 {
  font-size:18px;
  font-family : "Arial", "Helvetica", sans-serif;
  color:black;
  }
H5 {
  font-size:14px;
  font-family : "Arial", "Helvetica", sans-serif;
  color:black;
  }
H6 {
  font-size:12px;
  font-family : "Arial", "Helvetica", sans-serif;
  color:black;
  }
P {
  font-size:10px;
  font-family : "Arial", "Helvetica", sans-serif;
}
SELECT {
  font-size:10px;
  color:black
}
TD.TBL{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Left;
  line-height : 14px;
}
TD{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Left;
  line-height : 12px;
}
TD.Product{
  font-size : 18px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Left;
  line-height : 28px;
  font-weight:bold;
}
TD.Note{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Left;
  line-height : 12px;
  padding-left: 2px;
}
.Type{
  font-size : 22px;
  font-family : "Arial", "Helvetica", sans-serif;
  font-style : oblique;
  text-align : Right;
  line-height : 22px;
  font-weight:bold;
  padding-right: 3px;
}
TD.Center{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Center;
  line-height : 12px;
}
TD.Right{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Right;
  line-height : 12px;
}
TD.Left{
  font-size:10px;
  font-family : "Arial", "Helvetica", sans-serif;
  font-weight:normal;
  color:white;
  text-decoration:none;
  text-align:Left;
  line-height:12px;
}
TD.btn{
  font-size:10px;
  font-family : "Arial", "Helvetica", sans-serif;
  font-weight:normal;
  color:black;
  text-decoration:none;
  text-align:Center;
  line-height:12px;
  background-repeat:no-repeat;
  background-position: center;
}
TD.btnL{
  font-size:10px;
  font-family : "Arial", "Helvetica", sans-serif;
  font-weight:normal;
  color:black;
  text-decoration:none;
  text-align:Center;
  line-height:12px;
  background-repeat:no-repeat;
  background-position: left;
}
TD.btnyel1{
  font-size:10px;
  font-family : "Arial", "Helvetica", sans-serif;
  font-weight:normal;
  color:#CC0000;
  text-decoration:none;
  text-align:Center;
  line-height:12px;
  background-repeat:no-repeat;
  background-position: right center;
}
TD.btnyel2{
  font-size:10px;
  font-family : "Arial", "Helvetica", sans-serif;
  font-weight:normal;
  color:#CC0000;
  text-decoration:none;
  text-align:Center;
  line-height:12px;
  background-repeat:no-repeat;
  background-position: left center;
}
TD.hidden{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Center;
  line-height : 120%;
  font-weight:normal;
  color:#2f4f4f;
  display:none;
}
.hidden{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Center;
  line-height : 120%;
  font-weight:normal;
  color:#2f4f4f;
  display:none;
}
SELECT {font-size:10px;color:black}
SELECT.main{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Left;
  line-height : 10px;
  height:16px;
  width:148px;
}
SELECT.sub{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Left;
  line-height : 10px;
}
SELECT.websel{
  font-size : 10px;
  font-family : "Arial", "Helvetica", sans-serif;
  text-decoration : none;
  text-align : Left;
  line-height : 10px;
  height:14px;
  width:150px;
}
INPUT.Button {font-size:10px;color:black;font-family:sans-serif;}
INPUT.Button2 {    
    font-size: 14px;
    color: #ffffff;
    height: 40px;
    margin: 15px 0 0 0;
    padding: 0px;
    vertical-align: middle;
    width: 100px;
    background-color: #f06625;
    font-family: sans-serif;
    border-style: none;
    border-radius: 5px;
  }
INPUT.Button2:hover {
  background-color:#666666; 
}
INPUT.Button3 {font-size:10px;color:black;height:16px;width:30px;font-family:sans-serif;}
INPUT.Button4 {font-size:10px;color:black;height:14px;width:150px;font-family:sans-serif;}
INPUT.Button5 {font-size:10px;color:black;height:16px;width:40px;font-family:sans-serif;}
INPUT.txt {font-size:12px;color:black;line-height:110%;height:16px;vertical-align:top;width:148px;background-color:lavender;font-family:sans-serif;}
A:Link{color:#ffffff;text-decoration:none;font-weight:normal;}
A:Active{color:#ffffff;text-decoration:none;font-weight:normal;}
A:Visited{ color:#dddddd;text-decoration:none;font-weight:normal;}
A{font-weight:bold;text-decoration:none;font-weight:normal;}
A:hover{color: #fff;text-decoration:underline;font-weight:normal;}
A.Typ{text-decoration: none;font-weight:normal;}
A.add{text-decoration: none;font-weight:normal;color:firebrick;}

A.Note{color:#3C95F0;text-decoration: none;font-weight:normal;text-align:Right;}


.mainbox {
    width: 100%;
    margin: 0 auto; 
    text-align: center;
    padding-bottom: 100px;
}
.description {
    padding:20px 0 10px 0;
    font-weight: bold;
}

.bluebox {
    background-color: #1d5298;
    display: inline-grid;
    padding: 10px;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight:bold;
    border-radius: 3px;
}
.bluebox:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.bluebox a {
    text-decoration: none!important;
}
.bluebox span {
    font-size: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 14px;
    margin-top: 10px;
}
.greenbox {
    background-color: #2C8A43;
    display: inline-grid;
    padding: 10px;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight:bold;
    border-radius: 3px;
}
.greenbox:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.greenbox a {
    text-decoration: none!important;
}
.greenbox span {
    font-size: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 14px;
    margin-top: 10px;
}
.ltbluebox {
    background-color: #39A5E0;
    display: inline-grid;
    padding: 10px;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight:bold;
    border-radius: 3px;
}
.ltbluebox:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.ltbluebox a {
    text-decoration: none!important;
}
.ltbluebox span {
    font-size: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 14px;
    margin-top: 10px;
}
.redbox {
    background-color: #A70016;
    display: inline-grid;
    padding: 10px;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight:bold;
    border-radius: 3px;
}
.redbox:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.redbox a {
    text-decoration: none!important;
}
.redbox span {
    font-size: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 14px;
    margin-top: 10px;
}
.royalbluebox {
    background-color: #2567B2;
    display: inline-grid;
    padding: 10px;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight:bold;
    border-radius: 3px;
}
.royalbluebox:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.royalbluebox a {
    text-decoration: none!important;
}
.royalbluebox span {
    font-size: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 14px;
    margin-top: 10px;
}
.yellowbox {
    background-color: #CF8F04;
    display: inline-grid;
    padding: 10px;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight:bold;
    border-radius: 3px;
}
.yellowbox:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.yellowbox a {
    text-decoration: none!important;
}
.yellowbox span {
    font-size: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 14px;
    margin-top: 10px;
}
.olivebox {
    background-color: #6e882c;
    display: inline-grid;
    padding: 10px;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight:bold;
    border-radius: 3px;
}
.olivebox:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.olivebox a {
    text-decoration: none!important;
}
.olivebox span {
    font-size: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 14px;
    margin-top: 10px;
}
.graybox {
    background-color: #666666;
    display: inline-grid;
    padding: 10px;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight:bold;
    border-radius: 3px;
}
.graybox:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.graybox a {
    text-decoration: none!important;
}
.graybox span {
    font-size: 10px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 14px;
    margin-top: 10px;
}
.btn:link {
  background-color: #f06625;
  padding:12px 40px;
  border-radius: 5px;
  font-family: sans-serif;
  text-transform: uppercase;
  display: inline-block;
  margin: 5px;
}
.btn:visited {
  color:#ffffff;
}
.btn:hover {
  background-color: #666666;
  color:#ffffff;
  text-decoration: none;
}