/*-----------------------------------------------------------------*/
/* Responsive Media CSS                                            */
/*-----------------------------------------------------------------*/

@media (min-width: 0px) {

  /* Body Style */
  .HtmlBody {
    margin: 0px;
    height: auto;
    background-color:#CBDBEB;
    background-image: url();
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: bottom left;
    background-size: contain;
  }

  .DivMaster{
     border: 0px solid #FF0000;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     max-width: 1685px;
     min-width: 350px;
     margin: auto;
     padding-top:0px;
     padding-bottom:0px;
     border-radius: 0px;
	 box-shadow: -;
	 box-sizing: border-box;
	 min-height: auto;
     overflow: hidden;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Header                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHeader{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #06215A;
     color: #FFFFFF;
     width: 100%;
  }

  .DivHeadLeft{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 20%;
  }

  .DivHeadCenter{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 58%;
     heightx: 59px;
     text-align: center;
  }

  .DivHeadRight{
	 border: 0px solid #FF0000;
     display: block; float: right;
     position: relative;
     background: #06215A;
     width: 20%;
     heightx: 59px;
     text-align: right;
  }

  .ImgHeadLogo1{
     padding: 1.5% 0% 0% 8%;
     width: 92%;
     max-width: 224px;
   }

  .ImgHeadLogo2{
     padding: 2% 5% 0% 0%;
     width: 38%;
     max-width: 100px;
   }

  .ParaHeadTitle1{
     margin: 1% 0% .5% 0%;
     font-family: Varela Round;
     font-size: 2.9vw;
   }

  .ParaHeadTitle2{
     margin: 0% 0% 1.2% 0%;
     color: #E8E8E8;
     font-family: Lora;
     font-size: 1.9vw;
   }

  .MenuTop {
     border: 0px solid #FF0000;
     display: block;
     background: #06215A;
     padding: 0% 0% 0% 2%;
     width: 100%;
   }

  .bMenuButton {
      margin: 0px 2px 0px 0px;
      border: none;
      border-radius: 4px 4px 0px 0px;
      background-color: #D6D6D6;
      padding: 2px 3px 2px 3px;
      color: #444582;
      font-size: 2.4vw;
      text-align: center;
      outline: none;
      }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Home Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHome{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
  }

  .DivHomeImage{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     background: #FFFFFF;
     width: 99%;
     text-align: center;
  }

  .ImgHomeLogo{
     padding: 0% 0% 0% 0%;
     width: 90%;
  }

  .DivHomeOverview{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     background: #FFFFFF;
     width: 99%;
  }

  .HgHomeOverview{
     padding: 0% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeOverview{
     margin: 0px;
     padding: .8% 1.5% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 3.2vw;
     line-height: 150%;
     text-align: justify;
   }

  .ButHomeOverview {
      margin: 0px 0px 0px 0px;
      border: 1px;
      border-radius: 8px 8px 8px 8px;
      padding: 8px 15px 8px 15px;
      color: #FFFFFF;
      font-size: 2.4vw;
      text-align: center;
      }

  .DivHomeFramework{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgHomeFramework{
     padding: 0% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeFramework{
     margin: 0px;
     padding: .8% 2% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 3.2vw;
     line-height: 150%;
     text-align: justify;
   }

  .ImgHomeFramework{
     padding: 0px;
     width: 95%;
  }

  .ParaHomeLinks{
     margin: 0px;
     padding: .8% 2% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 3.0vw;
     line-height: 150%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Map Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivMap{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 98.3%;
     text-align: center;
  }

  .HgMap{
     padding: 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
  }

  .ParaMapTop{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 2.8vw;
     line-height: 150%;
     text-align: center;
   }

  .ParaMapMisc{
     margin: 0px;
     padding: .5% 2% 0% 2%;
     font-family: Open Sans;
     font-size: 2.2vw;
     line-height: 150%;
     text-align: center;
   }

  .DivMapTable {
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: .5%;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgMapTable{
     padding: .5% 2% 1% 2%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
  }

  .TrMapTableHeader{
     background-color: #2D528F;
     color: #FFFFFF;
     font-family: Open Sans;
     font-size: 2.8vw;
  }

  .TrMapTableGrp1{
     background-color: #E2EFD9;
     font-family: Open Sans;
     font-size: 2.8vw;
  }

  .TrMapTableGrp2{
     background-color: #FBE4D5;
     font-family: Open Sans;
     font-size: 2.8vw;
  }

  .TrMapTableGrp3{
     background-color: #DEEAF6;
     font-family: Open Sans;
     font-size: 2.8vw;
  }

  .TrMapTableGrp4{
     background-color: #FFF2CC;
     font-family: Open Sans;
     font-size: 2.8vw;
  }

  .TrMapTableGrp5{
     background-color: #FBD1D1;
     font-family: Open Sans;
     font-size: 2.8vw;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Info, Res & Data Pages                                                           */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .HgInfoResData{
     padding: 1% 0% .5% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
  }

  .DivInfoResData{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 97.5%;
     text-align: left;
  }

  .ImgInfo{
     border: 0px solid #FF0000;
     margin: 0px 10px 0px 0px;
     padding: 10px 10px 10px 10px;
     height: 70px;
     float: left;
   }

  .ParaInfoResData{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 2.8vw;
     line-height: 150%;
     text-align: justify;
   }

  .UlInfoResData{
     font-family: Open Sans;
     font-size: 2.1vh;
     line-height: 150%;
  }

  .LiInfoResData{
     padding:0% 0% 2% 0%;
  }

  .ParaInfoResDataBut{
     display: block;
     text-align: center;
   }

  .DivInfoResDataImage{
	 border: 0px solid #FF0000;
     display: none;
     float: none;
     position: relative;
     background: #FFFFFF;
     width: 0%;
     text-align: center;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Footer                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .ParaFooterText{
     margin: 0px;
     padding: 1% 0% 1.3% 0%;
     color: #C5C5C5;
     font-family: Open Sans;
     font-size: 1.9vw;
     line-height: 145%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Headings                                                                   */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  h3{
     margin: 0px 0px 0px 0px;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 20px;
     font-weight: bold;
   }

  h4{
     margin: 8px 15px 10px 15px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 15px;
     font-weight: bold;
   }

  h5{
     margin: 8px 15px 10px 15px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 14px;
     font-weight: bold;
   }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media (min-width: 600px) {

  /* Body Style */
  .HtmlBody {
    margin: 0px;
    height: auto;
    background-color:#CBDBEB;
    background-image: url();
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: bottom left;
    background-size: contain;
  }

  .DivMaster{
     border: 0px solid #FF0000;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     max-width: 1685px;
     min-width: 350px;
     margin: auto;
     padding-top:0px;
     padding-bottom:0px;
     border-radius: 0px;
	 box-shadow: -;
	 box-sizing: border-box;
	 min-height: auto;
     overflow: hidden;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Header                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHeader{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #06215A;
     color: #FFFFFF;
     width: 100%;
  }

  .DivHeadLeft{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 20%;
  }

  .DivHeadCenter{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 58%;
     heightx: 64px;
     text-align: center;
  }

  .DivHeadRight{
	 border: 0px solid #FF0000;
     display: block; float: right;
     position: relative;
     background: #06215A;
     width: 20%;
     heightx: 64px;
     text-align: right;
  }

  .ImgHeadLogo1{
     padding: 1.5% 0% 0% 8%;
     width: 92%;
     max-width: 224px;
   }

  .ImgHeadLogo2{
     padding: 2% 5% 0% 0%;
     width: 42%;
     max-width: 100px;
   }

  .ParaHeadTitle1{
     margin: 1% 0% .5% 0%;
     font-family: Varela Round;
     font-size: 2.9vw;
   }

  .ParaHeadTitle2{
     margin: 0% 0% 1.2% 0%;
     color: #E8E8E8;
     font-family: Lora;
     font-size: 1.9vw;
   }

  .MenuTop {
     border: 0px solid #FF0000;
     display: block;
     background: #06215A;
     padding: 0% 0% 0% 2%;
     width: 100%;
   }

  .bMenuButton {
      margin: 0px 2px 0px 0px;
      border: none;
      border-radius: 8px 8px 0px 0px;
      background-color: #D6D6D6;
      padding: 7px 12px 7px 12px;
      color: #444582;
      font-size: 2.1vw;
      text-align: center;
      outline: none;
      }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Home Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHome{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
  }

  .DivHomeImage{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     background: #FFFFFF;
     width: 99%;
     text-align: center;
  }

  .ImgHomeLogo{
     padding: 0% 0% 0% 0%;
     width: 90%;
  }

  .DivHomeOverview{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     background: #FFFFFF;
     width: 99%;
  }

  .HgHomeOverview{
     padding: 0% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 22px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeOverview{
     margin: 0px;
     padding: .8% 1.5% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 1.7vw;
     line-height: 150%;
     text-align: justify;
   }

  .ButHomeOverview {
      margin: 0px 0px 0px 0px;
      border: 1px;
      border-radius: 8px 8px 8px 8px;
      padding: 8px 15px 8px 15px;
      color: #FFFFFF;
      font-size: 2.2vw;
      text-align: center;
      }

  .DivHomeFramework{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgHomeFramework{
     padding: 0% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 22px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeFramework{
     margin: 0px;
     padding: .8% 2% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 1.7vw;
     line-height: 150%;
     text-align: justify;
   }

  .ImgHomeFramework{
     padding: 0px;
     width: 95%;
  }

  .ParaHomeLinks{
     margin: 0px;
     padding: .8% 2% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 1.5vw;
     line-height: 150%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Map Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivMap{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 98.3%;
     text-align: center;
  }

  .HgMap{
     padding: 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 22px;
     font-weight: bold;
     text-align: center;
  }

  .ParaMapTop{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 1.5vw;
     line-height: 150%;
     text-align: center;
   }

  .ParaMapMisc{
     margin: 0px;
     padding: .5% 2% 0% 2%;
     font-family: Open Sans;
     font-size: 1.8vw;
     line-height: 150%;
     text-align: center;
   }

  .DivMapTable {
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: .5%;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgMapTable{
     padding: .5% 2% 1% 2%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 22px;
     font-weight: bold;
     text-align: center;
  }

  .TrMapTableHeader{
     background-color: #2D528F;
     color: #FFFFFF;
     font-family: Open Sans;
     font-size: 1.5vw;
  }

  .TrMapTableGrp1{
     background-color: #E2EFD9;
     font-family: Open Sans;
     font-size: 2.0vw;
  }

  .TrMapTableGrp2{
     background-color: #FBE4D5;
     font-family: Open Sans;
     font-size: 2.0vw;
  }

  .TrMapTableGrp3{
     background-color: #DEEAF6;
     font-family: Open Sans;
     font-size: 2.0vw;
  }

  .TrMapTableGrp4{
     background-color: #FFF2CC;
     font-family: Open Sans;
     font-size: 2.0vw;
  }

  .TrMapTableGrp5{
     background-color: #FBD1D1;
     font-family: Open Sans;
     font-size: 2.0vw;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Info, Res & Data Pages                                                           */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .HgInfoResData{
     padding: 1% 0% .5% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 22px;
     font-weight: bold;
     text-align: center;
  }

  .DivInfoResData{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 97.5%;
     text-align: left;
  }

  .ImgInfo{
     border: 0px solid #FF0000;
     margin: 0px 10px 0px 0px;
     padding: 10px 10px 10px 10px;
     height: 70px;
     float: left;
   }

  .ParaInfoResData{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 1.5vw;
     line-height: 150%;
     text-align: justify;
   }

  .UlInfoResData{
     font-family: Open Sans;
     font-size: 2.1vh;
     line-height: 150%;
  }

  .LiInfoResData{
     padding:0% 0% 2% 0%;
  }

  .ParaInfoResDataBut{
     display: block;
     text-align: center;
   }

  .DivInfoResDataImage{
	 border: 0px solid #FF0000;
     display: none;
     float: none;
     position: relative;
     background: #FFFFFF;
     width: 0%;
     text-align: center;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Footer                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .ParaFooterText{
     margin: 0px;
     padding: 1% 0% 1.3% 0%;
     color: #C5C5C5;
     font-family: Open Sans;
     font-size: 1.9vw;
     line-height: 145%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Headings                                                                   */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  h3{
     margin: 0px 0px 0px 0px;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 23px;
     font-weight: bold;
   }

  h4{
     margin: 8px 15px 10px 15px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 18px;
     font-weight: bold;
   }

  h5{
     margin: 8px 15px 10px 15px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 17px;
     font-weight: bold;
   }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media (min-width: 900px) {

  /* Body Style */
  .HtmlBody {
    margin: 0px;
    height: auto;
    background-color:#CBDBEB;
    background-image: url();
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: bottom left;
    background-size: contain;
  }

  .DivMaster{
     border: 0px solid #FF0000;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     max-width: 1685px;
     min-width: 350px;
     margin: auto;
     padding-top:0px;
     padding-bottom:0px;
     border-radius: 0px;
	 box-shadow: -;
	 box-sizing: border-box;
	 min-height: auto;
     overflow: hidden;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Header                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHeader{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #06215A;
     color: #FFFFFF;
     width: 100%;
  }

  .DivHeadLeft{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 20%;
  }

  .DivHeadCenter{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 58%;
     heightx: 77px;
     text-align: center;
  }

  .DivHeadRight{
	 border: 0px solid #FF0000;
     display: block; float: right;
     position: relative;
     background: #06215A;
     width: 20%;
     heightx: 77px;
     text-align: right;
  }

  .ImgHeadLogo1{
     padding: 0% 0% 0% 8%;
     width: 92%;
     max-width: 224px;
   }

  .ImgHeadLogo2{
     padding: 2% 5% 0% 0%;
     width: 42%;
     max-width: 100px;
   }

  .ParaHeadTitle1{
     margin: 1% 0% .5% 0%;
     font-family: Varela Round;
     font-size: 2.5vw;
   }

  .ParaHeadTitle2{
     margin: 0% 0% 1.2% 0%;
     color: #E8E8E8;
     font-family: Lora;
     font-size: 1.5vw;
   }

  .MenuTop {
     border: 0px solid #FF0000;
     display: block;
     background: #06215A;
     padding: 0% 0% 0% 2%;
     width: 100%;
   }

  .bMenuButton {
      margin: 0px 2px 0px 0px;
      border: none;
      border-radius: 8px 8px 0px 0px;
      background-color: #D6D6D6;
      padding: 6px 16px 6px 16px;
      color: #444582;
      font-size: 1.6vw;
      text-align: center;
      outline: none;
      }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Home Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHome{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
  }

  .DivHomeImage{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     background: #FFFFFF;
     width: 99%;
     text-align: center;
  }

  .ImgHomeLogo{
     padding: 0% 0% 0% 0%;
     width: 90%;
  }

  .DivHomeOverview{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     background: #FFFFFF;
     width: 99%;
  }

  .HgHomeOverview{
     padding: 0% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 25px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeOverview{
     margin: 0px;
     padding: .8% 1.5% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 2vw;
     line-height: 150%;
     text-align: justify;
   }

  .ButHomeOverview {
      margin: 0px 0px 0px 0px;
      border: 1px;
      border-radius: 8px 8px 8px 8px;
      padding: 8px 15px 8px 15px;
      color: #FFFFFF;
      font-size: 1.8vw;
      text-align: center;
      }

  .DivHomeFramework{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgHomeFramework{
     padding: 0% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 25px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeFramework{
     margin: 0px;
     padding: 1% 2% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 2vw;
     line-height: 150%;
     text-align: justify;
   }

  .ImgHomeFramework{
     padding: 0px;
     width: 95%;
  }

  .ParaHomeLinks{
     margin: 0px;
     padding: 1% 2% 1.5% 1.5%;
     font-family: Open Sans;
     font-size: 1.8vw;
     line-height: 150%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Map Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivMap{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 98.3%;
     text-align: center;
  }

  .HgMap{
     padding: 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 25px;
     font-weight: bold;
     text-align: center;
  }

  .ParaMapTop{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 1.5vw;
     line-height: 150%;
     text-align: center;
   }

  .ParaMapMisc{
     margin: 0px;
     padding: .5% 2% 0% 2%;
     font-family: Open Sans;
     font-size: 1.5vw;
     line-height: 150%;
     text-align: center;
   }

  .DivMapTable {
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: .5%;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgMapTable{
     padding: .5% 2% 1% 2%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 25px;
     font-weight: bold;
     text-align: center;
  }

  .TrMapTableHeader{
     background-color: #2D528F;
     color: #FFFFFF;
     font-family: Open Sans;
     font-size: 1.5vw;
  }

  .TrMapTableGrp1{
     background-color: #E2EFD9;
     font-family: Open Sans;
     font-size: 1.5vw;
  }

  .TrMapTableGrp2{
     background-color: #FBE4D5;
     font-family: Open Sans;
     font-size: 1.5vw;
  }

  .TrMapTableGrp3{
     background-color: #DEEAF6;
     font-family: Open Sans;
     font-size: 1.5vw;
  }

  .TrMapTableGrp4{
     background-color: #FFF2CC;
     font-family: Open Sans;
     font-size: 1.5vw;
  }

  .TrMapTableGrp5{
     background-color: #FBD1D1;
     font-family: Open Sans;
     font-size: 1.5vw;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Info, Res & Data Pages                                                           */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .HgInfoResData{
     padding: 1% 0% .5% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 25px;
     font-weight: bold;
     text-align: center;
  }

  .DivInfoResData{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 97.5%;
     text-align: left;
  }

  .ImgInfo{
     border: 0px solid #FF0000;
     margin: 0px 10px 0px 0px;
     padding: 10px 10px 10px 10px;
     height: 100px;
     float: left;
   }

  .ParaInfoResData{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 1.5vw;
     line-height: 150%;
     text-align: justify;
   }

  .UlInfoResData{
     font-family: Open Sans;
     font-size: 2.1vh;
     line-height: 150%;
  }

  .LiInfoResData{
     padding:0% 0% 2% 0%;
  }

  .ParaInfoResDataBut{
     display: block;
     text-align: center;
   }

  .DivInfoResDataImage{
	 border: 0px solid #FF0000;
     display: none;
     float: right;
     position: relative;
     background: #FFFFFF;
     width: 37%;
     text-align: center;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Footer                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .ParaFooterText{
     margin: 0px;
     padding: 1% 0% 1.3% 0%;
     color: #C5C5C5;
     font-family: Open Sans;
     font-size: 1.5vw;
     line-height: 145%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Headings                                                                   */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  h3{
     margin: 0px 0px 0px 0px;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 25px;
     font-weight: bold;
   }

  h4{
     margin: 8px 20px 10px 20px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 21px;
     font-weight: bold;
   }

  h5{
     margin: 8px 20px 10px 20px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 19px;
     font-weight: bold;
   }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media (min-width: 1200px) {

  /* Body Style */
  .HtmlBody {
    margin: 0px;
    height: auto;
    background-color:#CBDBEB;
    background-image: url();
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: bottom left;
    background-size: contain;
  }

  .DivMaster{
     border: 0px solid #FF0000;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     max-width: 1685px;
     min-width: 350px;
     margin: auto;
     padding-top:0px;
     padding-bottom:0px;
     border-radius: 0px;
	 box-shadow: -;
	 box-sizing: border-box;
	 min-height: auto;
     overflow: hidden;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Header                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHeader{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #06215A;
     color: #FFFFFF;
     width: 100%;
  }

  .DivHeadLeft{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 20%;
  }

  .DivHeadCenter{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 58%;
     heightx: 84px;
     text-align: center;
  }

  .DivHeadRight{
	 border: 0px solid #FF0000;
     display: block; float: right;
     position: relative;
     background: #06215A;
     width: 20%;
     heightx: 84px;
     text-align: right;
  }

  .ImgHeadLogo1{
     padding: 2% 0% 0% 8%;
     width: 75%;
     max-width: 224px;
   }

  .ImgHeadLogo2{
     padding: 2% 5% 0% 0%;
     width: 30%;
     max-width: 100px;
   }

  .ParaHeadTitle1{
     margin: 1% 0% .5% 0%;
     font-family: Varela Round;
     font-size: 2.2vw;
   }

  .ParaHeadTitle2{
     margin: 0% 0% 1.2% 0%;
     color: #E8E8E8;
     font-family: Lora;
     font-size: 1.4vw;
   }

  .MenuTop {
     border: 0px solid #FF0000;
     display: block;
     background: #06215A;
     padding: 0% 0% 0% 2%;
     width: 100%;
   }

  .bMenuButton {
      margin: 0px 2px 0px 0px;
      border: none;
      border-radius: 8px 8px 0px 0px;
      background-color: #D6D6D6;
      padding: 6px 16px 6px 16px;
      color: #444582;
      font-size: 1.2vw;
      text-align: center;
      outline: none;
      }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Home Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHome{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
  }

  .DivHomeImage{
	 border: 0px solid #FF0000;
     display: block;
     float: left;
     position: relative;
     background: #FFFFFF;
     width: 49.2%;
     text-align: center;
  }

  .ImgHomeLogo{
     padding: 6% 0% 0% 0%;
     width: 100%;
  }

  .DivHomeOverview{
	 border: 0px solid #FF0000;
     display: block;
     float: right;
     position: relative;
     background: #FFFFFF;
     width: 49.2%;
  }

  .HgHomeOverview{
     padding: 2% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeOverview{
     margin: 0px;
     padding: 1.5% 3% 1.7% 0%;
     font-family: Open Sans;
     font-size: 1.3vw;
     line-height: 150%;
     text-align: justify;
   }

  .ButHomeOverview {
      margin: 0px 0px 0px 0px;
      border: 1px;
      border-radius: 8px 8px 8px 8px;
      padding: 8px 15px 8px 15px;
      color: #FFFFFF;
      font-size: 1.3vw;
      text-align: center;
      }

  .DivHomeFramework{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgHomeFramework{
     padding: 1% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeFramework{
     margin: 0px;
     padding: 1% 3% 0% 3%;
     font-family: Open Sans;
     font-size: 1.4vw;
     line-height: 150%;
     text-align: justify;
   }

  .ImgHomeFramework{
     padding: 0px;
     width: 95%;
  }

  .ParaHomeLinks{
     margin: 0px;
     padding: 1% 3% 0% 3%;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 150%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Map Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivMap{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 98.3%;
     text-align: center;
  }

  .HgMap{
     padding: 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .ParaMapTop{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 150%;
     text-align: center;
   }

  .ParaMapMisc{
     margin: 0px;
     padding: .5% 2% 0% 2%;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 150%;
     text-align: center;
   }

  .DivMapTable {
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: .5%;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgMapTable{
     padding: 0% 0% 1% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .TrMapTableHeader{
     background-color: #2D528F;
     color: #FFFFFF;
     font-family: Open Sans;
     font-size: 1.0vw;
  }

  .TrMapTableGrp1{
     background-color: #E2EFD9;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  .TrMapTableGrp2{
     background-color: #FBE4D5;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  .TrMapTableGrp3{
     background-color: #DEEAF6;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  .TrMapTableGrp4{
     background-color: #FFF2CC;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  .TrMapTableGrp5{
     background-color: #FBD1D1;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Info, Res & Data Pages                                                           */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .HgInfoResData{
     padding: 1% 0% .5% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .DivInfoResData{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 97.5%;
     text-align: left;
  }

  .ImgInfo{
     border: 0px solid #FF0000;
     margin: 0px 10px 0px 0px;
     padding: 10px 10px 10px 10px;
     height: 100px;
     float: left;
   }

  .ParaInfoResData{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 150%;
     text-align: justify;
   }

  .UlInfoResData{
     font-family: Open Sans;
     font-size: 2.1vh;
     line-height: 150%;
  }

  .LiInfoResData{
     padding:0% 0% 2% 0%;
  }

  .ParaInfoResDataBut{
     display: block;
     text-align: center;
   }

  .DivInfoResDataImage{
	 border: 0px solid #FF0000;
     display: none;
     float: right;
     position: relative;
     background: #FFFFFF;
     width: 37%;
     text-align: center;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Footer                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .ParaFooterText{
     margin: 0px;
     padding: 1% 0% 1.3% 0%;
     color: #C5C5C5;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 145%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Headings                                                                   */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  h3{
     margin: 0px 0px 0px 0px;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
   }

  h4{
     margin: 10px 30px 10px 30px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 22px;
     font-weight: bold;
   }

  h5{
     margin: 10px 30px 10px 30px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 20px;
     font-weight: bold;
   }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media (min-width: 1685px) {

  /* Body Style */
  .HtmlBody {
    margin: 0px;
    height: auto;
    background-color:#CBDBEB;
    background-image: url(../images/background.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: bottom left;
    background-size: contain;
  }

  .DivMaster{
     border: 0px solid #FF0000;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     max-width: 1685px;
     min-width: 350px;
     margin: auto;
     padding-top:0px;
     padding-bottom:0px;
     border-radius: 15px;
	 box-shadow: 8px 8px 15px #494949;
	 box-sizing: border-box;
	 min-height: auto;
     overflow: hidden;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Header                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHeader{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #06215A;
     color: #FFFFFF;
     width: 100%;
  }

  .DivHeadLeft{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 20%;
  }

  .DivHeadCenter{
	 border: 0px solid #FF0000;
     display: block; float: left;
     position: relative;
     background: #06215A;
     width: 58%;
     heightx: 84px;
     text-align: center;
  }

  .DivHeadRight{
	 border: 0px solid #FF0000;
     display: block; float: right;
     position: relative;
     background: #06215A;
     width: 20%;
     heightx: 84px;
     text-align: right;
  }

  .ImgHeadLogo1{
     padding: 2% 0% 0% 8%;
     width: 75%;
     max-width: 224px;
   }

  .ImgHeadLogo2{
     padding: 2% 5% 0% 0%;
     width: 30%;
     max-width: 100px;
   }

  .ParaHeadTitle1{
     margin: 1% 0% .5% 0%;
     font-family: Varela Round;
     font-size: 2.2vw;
   }

  .ParaHeadTitle2{
     margin: 0% 0% 1.2% 0%;
     color: #E8E8E8;
     font-family: Lora;
     font-size: 1.4vw;
   }

  .MenuTop {
     border: 0px solid #FF0000;
     display: block;
     background: #06215A;
     padding: 0% 0% 0% 2%;
     width: 100%;
   }

  .bMenuButton {
      margin: 0px 2px 0px 0px;
      border: none;
      border-radius: 8px 8px 0px 0px;
      background-color: #D6D6D6;
      padding: 6px 16px 6px 16px;
      color: #444582;
      font-size: 1.2vw;
      text-align: center;
      outline: none;
      }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Home Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivHome{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
  }

  .DivHomeImage{
	 border: 0px solid #FF0000;
     display: block;
     float: left;
     position: relative;
     background: #FFFFFF;
     width: 49.2%;
     text-align: center;
  }

  .ImgHomeLogo{
     padding: 6% 0% 0% 0%;
     width: 100%;
  }

  .DivHomeOverview{
	 border: 0px solid #FF0000;
     display: block;
     float: right;
     position: relative;
     background: #FFFFFF;
     width: 49.2%;
  }

  .HgHomeOverview{
     padding: 2% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeOverview{
     margin: 0px;
     padding: 1.5% 3% 1.7% 0%;
     font-family: Open Sans;
     font-size: 1.3vw;
     line-height: 150%;
     text-align: justify;
   }

  .ButHomeOverview {
      margin: 0px 0px 0px 0px;
      border: 1px;
      border-radius: 8px 8px 8px 8px;
      padding: 8px 15px 8px 15px;
      color: #FFFFFF;
      font-size: 1.3vw;
      text-align: center;
      }

  .DivHomeFramework{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgHomeFramework{
     padding: 1% 0% 0% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .ParaHomeFramework{
     margin: 0px;
     padding: 1% 3% 0% 3%;
     font-family: Open Sans;
     font-size: 1.4vw;
     line-height: 150%;
     text-align: justify;
   }

  .ImgHomeFramework{
     padding: 0px;
     width: 95%;
  }

  .ParaHomeLinks{
     margin: 0px;
     padding: 1% 3% 0% 3%;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 150%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Map Page                                                                  */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .DivMap{
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 98.3%;
     text-align: center;
  }

  .HgMap{
     padding: 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .ParaMapTop{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 150%;
     text-align: center;
   }

  .ParaMapMisc{
     margin: 0px;
     padding: .5% 2% 0% 2%;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 150%;
     text-align: center;
   }

  .DivMapTable {
	 border: 0px solid #FF0000;
     display: block;
     position: relative;
     padding: .5%;
     background: #FFFFFF;
     width: 100%;
     text-align: center;
  }

  .HgMapTable{
     padding: .5% 2% 1% 2%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .TrMapTableHeader{
     background-color: #2D528F;
     color: #FFFFFF;
     font-family: Open Sans;
     font-size: 1.0vw;
  }

  .TrMapTableGrp1{
     background-color: #E2EFD9;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  .TrMapTableGrp2{
     background-color: #FBE4D5;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  .TrMapTableGrp3{
     background-color: #DEEAF6;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  .TrMapTableGrp4{
     background-color: #FFF2CC;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  .TrMapTableGrp5{
     background-color: #FBD1D1;
     font-family: Open Sans;
     font-size: 1.2vw;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Info, Res & Data Pages                                                           */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .HgInfoResData{
     padding: 1% 0% .5% 0%;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
     text-align: center;
  }

  .DivInfoResData{
	 border: 0px solid #FF0000;
     display: block;
     float: none;
     position: relative;
     padding: 1% .4% 1% 1%;
     background: #FFFFFF;
     width: 97.5%;
     text-align: left;
  }

  .ImgInfo{
     border: 0px solid #FF0000;
     margin: 0px 10px 0px 0px;
     padding: 10px 10px 10px 10px;
     height: 100px;
     float: left;
   }

  .ParaInfoResData{
     margin: 0px;
     padding: .5% 2% 1% 2%;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 150%;
     text-align: justify;
   }

  .UlInfoResData{
     font-family: Open Sans;
     font-size: 2.1vh;
     line-height: 150%;
  }

  .LiInfoResData{
     padding:0% 0% 2% 0%;
  }

  .ParaInfoResDataBut{
     display: block;
     text-align: center;
   }

  .DivInfoResDataImage{
	 border: 0px solid #FF0000;
     display: none;
     float: right;
     position: relative;
     background: #FFFFFF;
     width: 37%;
     text-align: center;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Footer                                                                     */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .ParaFooterText{
     margin: 0px;
     padding: 1% 0% 1.3% 0%;
     color: #C5C5C5;
     font-family: Open Sans;
     font-size: 1.2vw;
     line-height: 145%;
     text-align: center;
   }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Headings                                                                   */
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  h3{
     margin: 0px 0px 0px 0px;
     color: #CF8F05;
     font-family: Varela Round;
     font-size: 30px;
     font-weight: bold;
   }

  h4{
     margin: 10px 30px 10px 30px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 22px;
     font-weight: bold;
   }

  h5{
     margin: 10px 30px 10px 30px;
     color: #0D275D;
     font-family: Open Sans;
     font-size: 20px;
     font-weight: bold;
   }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*-----------------------------------------------------------------*/
/* Common CSS                                                      */
/*-----------------------------------------------------------------*/

  .spacer {
    margin 0px;
   }

  /* Link Styles */
  a.lnk_norm {color: #444582; text-decoration: none;}
  a.lnk_norm:link {color: #444582; text-decoration: none;}
  a.lnk_norm:visited {color: #444582; text-decoration: none;}
  a.lnk_norm:active {color: #444582; text-decoration: none;}
  a.lnk_norm:hover {color: #FE0000; text-decoration: none; font-weight: normal;}

  a.lnk_norm2 {color: #444582; text-decoration: underline;}
  a.lnk_norm2:link {color: #444582; text-decoration: underline;}
  a.lnk_norm2:visited {color: #444582; text-decoration: underline;}
  a.lnk_norm2:active {color: #444582; text-decoration: underline;}
  a.lnk_norm2:hover {color: #FE0000; text-decoration: underline; font-weight: normal;}

  a.lnk_black {color: #404968; text-decoration: none;}
  a.lnk_black:link {color: #404968; text-decoration: none;}
  a.lnk_black:visited {color: #404968; text-decoration: none;}
  a.lnk_black:active {color: #404968; text-decoration: none;}
  a.lnk_black:hover {color: #FE0000; text-decoration: none; font-weight: blackal;}

  a.lnk_black2 {color: #404968; text-decoration: underline;}
  a.lnk_black2:link {color: #404968; text-decoration: underline;}
  a.lnk_black2:visited {color: #404968; text-decoration: underline;}
  a.lnk_black2:active {color: #404968; text-decoration: underline;}
  a.lnk_black2:hover {color: #FE0000; text-decoration: underline; font-weight: blackal;}


  a.lnk_white {color: #FFFFFF; text-decoration: none;}
  a.lnk_white:link {color: #FFFFFF; text-decoration: none;}
  a.lnk_white:visited {color: #FFFFFF; text-decoration: none;}
  a.lnk_white:active {color: #FFFFFF; text-decoration: none;}
  a.lnk_white:hover {color: #FFFF40; text-decoration: none; font-weight: normal;}

  a.lnk_white2 {color: #FFFFFF; text-decoration: underline;}
  a.lnk_white2:link {color: #FFFFFF; text-decoration: underline;}
  a.lnk_white2:visited {color: #FFFFFF; text-decoration: underline;}
  a.lnk_white2:active {color: #FFFFFF; text-decoration: underline;}
  a.lnk_white2:hover {color: #FFFF40; text-decoration: underline; font-weight: normal;}

  a.lnk_grey {color: #C5C5C5; text-decoration: none;}
  a.lnk_grey:link {color: #C5C5C5; text-decoration: none;}
  a.lnk_grey:visited {color: #C5C5C5; text-decoration: none;}
  a.lnk_grey:active {color: #C5C5C5; text-decoration: none;}
  a.lnk_grey:hover {color: #FFFFFF; text-decoration: none;}

  a.lnk_grey2 {color: #C5C5C5; text-decoration: underline;}
  a.lnk_grey2:link {color: #C5C5C5; text-decoration: underline;}
  a.lnk_grey2:visited {color: #C5C5C5; text-decoration: underline;}
  a.lnk_grey2:active {color: #C5C5C5; text-decoration: underline;}
  a.lnk_grey2:hover {color: #FFFFFF; text-decoration: underline;}

  a.lnk_greyr {color: #C5C5C5; text-decoration: none;}
  a.lnk_greyr:link {color: #C5C5C5; text-decoration: none;}
  a.lnk_greyr:visited {color: #C5C5C5; text-decoration: none;}
  a.lnk_greyr:active {color: #C5C5C5; text-decoration: none;}
  a.lnk_greyr:hover {color: #FA4700; text-decoration: none;}

  a.lnk_greyr2 {color: #C5C5C5; text-decoration: underline;}
  a.lnk_greyr2:link {color: #C5C5C5; text-decoration: underline;}
  a.lnk_greyr2:visited {color: #C5C5C5; text-decoration: underline;}
  a.lnk_greyr2:active {color: #C5C5C5; text-decoration: underline;}
  a.lnk_greyr2:hover {color: #FA4700; text-decoration: underline;}

  a.lnk_red {color: #FE0000; text-decoration: none;}
  a.lnk_red:link {color: #FE0000; text-decoration: none;}
  a.lnk_red:visited {color: #FE0000; text-decoration: none;}
  a.lnk_red:active {color: #FE0000; text-decoration: none;}
  a.lnk_red:hover {color: #FE0000; text-decoration: none; font-weight: bold;}

  a.lnk_red2 {color: #FE0000; text-decoration: underline;}
  a.lnk_red2:link {color: #FE0000; text-decoration: underline;}
  a.lnk_red2:visited {color: #FE0000; text-decoration: underline;}
  a.lnk_red2:active {color: #FE0000; text-decoration: underline;}
  a.lnk_red2:hover {color: #FF0000; text-decoration: underline;}

  a.lnk_menu {color: #342010; text-decoration: none;}
  a.lnk_menu:link {color: #342010; text-decoration: none;}
  a.lnk_menu:visited {color: #342010; text-decoration: none;}
  a.lnk_menu:active {color: #342010; text-decoration: none;}
  a.lnk_menu:hover {color: #FF0000; text-decoration: none;}

  a.lnk_menu2 {color: #FA4700; text-decoration: none; font-weight: bold;}
  a.lnk_menu2:link {color: #FA4700; text-decoration: none; font-weight: bold;}
  a.lnk_menu2:visited {color: #FA4700; text-decoration: none; font-weight: bold;}
  a.lnk_menu2:active {color: #FA4700; text-decoration: none; font-weight: bold;}
  a.lnk_menu2:hover {color: #FE0000; text-decoration: none; font-weight: bold;}

  ::-webkit-input-placeholder { /* Chrome */
    color: #C8C8C8;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #C8C8C8;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #C8C8C8;
    opacity: 1;
  }
  :-moz-placeholder { /* Firefox 4 - 18 */
    color: #C8C8C8;
    opacity: 1;
  }

  /* Sub Menu, Mobile */
  .sub_menu {
    display: none;
    position: absolute;
    margin-left: 0px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 5px 5px 10px 0px #5F646F;
    z-index: 9999;
    }

  /* Image Loader */
  .ImgLoader {
    background: transparant;
    width: 250px;
    }