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


* {box-sizing: border-box;}

html {
  background-color: #fff;

}

body {

  background-color: #fff;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;

}

body,td,th {
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 16px;
  color: #222;
  line-height: 1.5;
}




h1 {
        color: #000;
        font-size: 28px;
	padding: 0px 0px 5px 0px;
	line-height: 140%;
        margin-top: 20px;
}
h2 {
        color: #000;
        font-size: 22px;
	padding: 25px 0px 5px 0px;
	line-height: 140%;

}

h3 {
        color: #000;
        font-size:20px;
	font-weight: normal;
        line-height: 140%;
         padding: 15px 0px 5px 0px;
}


h4 {
        color: #000;
        font-size:18px;
	font-weight: normal;
        line-height: 140%;
         padding: 15px 0px 5px 0px;
}


.style1 {
   font-size: 12px;
}
.style2 {
   font-size: 12px;
   text-align: right;
}
.style2a {
   font-size: 12px;
   text-align: right;
   padding-right: 10px;
}
.style3 {
   font-size: 12px;

   font-style: italic;
}
.style4 {
   font-size: 13px;

   font-weight: bold;
}
.style4a {
   font-size: 13px;
   text-align: center;
   font-weight: bold;
}
.style5 {

   text-align: center;
}
.style6 {

   color: #B30000;
   font-weight: bold;

}
.style7 {
   font-weight: bold;
}

.style8 {
     text-align: right;
}
.style9 {
   font-weight: bold;
   text-align: center;
}
.style10 {
   margin: 10px auto;
   text-align: center;
   font-weight: bold;
}
.style17 {
   margin: 10px auto;
   text-align: center;
}
.style26 {

   text-align: left;
}
.style119{
      padding-top: 15px;
      padding-left: 10px;
      margin: 20px 0 20px 0px;
      color: #000;
      font-weight: 500;
      font-size: 22px;
      background-color: #FFDF61;

}
.style120{
        color: #000;
        font-size: 18px;
	padding: 0px 0px 5px 0px;
	line-height: 140%;
        margin-top: 20px;
        text-align: center;
}
.style121{

   text-align: center;
   padding-top: 30px;
}
.style122{
   font-size: 18px;

   padding-left: 12px;
}
.style123{

      padding-top: 15px;
      padding-left: 10px;
      margin: 0px 0 20px 0px;
      color: #000;
      font-weight: 500;

      background-color: #E4EDDE;
}
.style124{
      text-align: center;
      padding-top: 15px;
      padding-left: 10px;
      margin: 35px 0 20px 0px;
      color: #000;
      font-weight: 500;

      background-color: #E4EDDE;
}
.style125{

      padding-top: 15px;
      padding-left: 10px;
      margin: 0px 0 20px 0px;
      color: #000;
      font-weight: 500;

      background-color: #E4EDDE;
}
.style126{

      padding-top: 15px;
      padding-left: 0px;
      margin: 0px 0 20px 0px;
      color: #000;
      font-weight: 500;
      font-size: 22px;
      border-bottom: 4px solid #E4EDDE;
}
A{
   text-decoration:none;

}

A:link { color: #247f7f;}
A:visited { color: #247f7f;}
A:hover{
  color: #000;
  background-color: #FFEFAE;
}
A:focus{
  color: #000;
  background-color: #FFEFAE;
}

.content {
       width: 100%;
       max-width: 1200px;
       margin: 0px auto 40px auto;
       min-width: 990px;

}

.wrapper{
      padding: 0 10px;
      margin: 0;
}

.banner {
    font-size: 30px;
    padding: 15px 0 5px 10px;
    margin-bottom: 0px;
    color: #000;
}


.banner a {
    color: #000;
    text-decoration: none;
}
.outer_yel_banner{
    background-color: #FFDF61;
    width: 100%;
    min-width: 990px;
    margin:0 auto 0px auto;
    
}
.yel_banner{
    padding: 30px 0 30px 0;
    background-color: #FFDF61;
    color: #000;
    font-size: 20px;
    max-width: 1200px;
    min-width: 900px;
    width: 100%;
    text-align: center;
    line-height: 1.6;
    margin: 5px auto;
}
.yel_banner a{
    color: #000;
    text-decoration: none;
}

.pic1200{
    width: 100%;
    max-width: 1200px;
    min-width: 900px;
}

p {
    padding-top: 5px;
    padding-bottom: 5px;
}
ul{
       list-style: disc;
       margin-top: 10px;
       margin-bottom: 10px;
}
ol{

       margin-top: 10px;
       margin-bottom: 10px;
}
li {
     margin-bottom: 10px;
}

.outer_bg_banner{
    background-color: #8fdfdc;
    width: 100%;
    min-width: 990px;
    margin:0 auto 0px auto;

}
.bg_banner{
    max-width: 1200px;
    min-width: 900px;
    width: 100%;
    height: 120px;
    margin: 0px auto 0px auto;
    padding-bottom: 10px;
    padding-top: 0px;
}
.bg_banner_box{
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 0 10px 50px;
}
.bg_banner_box a{
     color: #000;
     padding: 2px;
}
.bg_banner_box a:hover {
      color: #000;
     background-color: #BAD874;
     text-decoration: none;
}
.bg_banner_box a:focus {
     text-decoration: none;
     color: #000;
     background-color: #BAD874;


}


.bg_banner_right{
     float: right;
     background-color: #fff;

     width: 720px;
}


ul.navy_top {

       width: 340px;
       float:right;
       list-style-type: none;
       padding-bottom: 8px;


}


ul.navy_top li {
      display: inline;
      padding: 0 5px;

}

ul.navy_top a {
      padding: 8px 6px 4px 6px;
      text-decoration: none;
      font-weight:normal;
      color: #000;
      font-family: Arial, Helvetica, san-serif;
      font-size: 14px;
}
ul.navy_top a:hover {
      color: #000;
      background-color: #8fdfdc;
     border-bottom: 3px solid #ffdf61;
}
ul.navy_top a:focus {
     background-color: #8fdfdc;
     color: #000;
     border-bottom: 3px solid #ffdf61;


}


ul.navy {
       list-style-type: none;
       padding: 8px 0 6px 0px;
       margin-bottom: 0px;
       background-color: #f1f1f1;
}


ul.navy li {
      display: inline;
      padding: 0 6px;
}

ul.navy a {
      padding: 6px 10px 6px 10px;
      text-decoration: none;
      font-weight:normal;
      color: #000;
      font-family: Arial, Helvetica, san-serif;
      background-color: #f1f1f1;
}
ul.navy a:hover {
      color: #fff;
     background-color: #6F768B;
}
ul.navy a:focus {

     color: #fff;
     background-color: #6F768B;


}

.matrix_thumb{
     width: 100%;
     display: block;

}

.matrix_home_wrapper{
    margin: 30px 0 0 0;

}

.matrix_home_wrapper ul {
    margin: 0 -5px;
    padding: 0 0 10px 0;
    list-style: none;
    max-width: 1200px;
    min-width: 800px;
    width: 100%;

    text-align: center;
}

.matrix_home_wrapper li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333% - 10px);
    margin: 0;
    background-color: #fff;
    border: 4px solid #ACE8E4;
    padding: 0 0 5px 0;
}
@supports (display: grid) {
    .matrix_home_wrapper ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
        margin: 0;

    }
    .matrix_home_wrapper li {
        width: auto;
        margin: 0;

    }
}
.matrix_home_wrapper a{

}
.matrix_home_wrapper a:hover{

   color: #217373;
   text-decoration: none;
}
.matrix_home_wrapper a:focus{

   color: #217373;
}
.matrix_home_button{
   font-size: 18px;
   line-height: 1.6;

}





.com_button4gr a {
      display: block;
      width: 96%;
      max-width: 290px;
      min-width: 240px;
      padding: 26px 10px;
      text-decoration: none;
      background-color: #6CD5CD;
      color: #000;
      text-align: center;
      height: 90px;
      margin: 0px auto;
      font-size: 18px;
      line-height: 1.4;


}
.com_button4gr a:hover {
      color: #000;
      background-color:#FFDF61;
}
.com_button4gr a:focus {
      color: #000;
      background-color: #FFDF61;
}


.com_button4g a {
      display: block;
      width: 96%;
      max-width: 290px;
      min-width: 240px;
      padding: 26px 10px;
      text-decoration: none;
      background-color: #00bbdd;
      color: #000;
      text-align: center;
      height: 90px;
      margin: 0px auto;
      font-size: 18px;
      line-height: 1.4;

}
.com_button4g a:hover {
      color: #000;
      background-color: #FFDF61;
}
.com_button4g a:focus {
      color: #000;
      background-color: #FFDF61;
}


.com_button4 a {
      display: block;
      width: 96%;
      max-width: 290px;
      min-width: 240px;
      padding: 26px 10px;
      text-decoration: none;
      background-color:  #FFDF61;
      color: #000;
      text-align: center;
      height: 90px;
      margin: 0px auto;
      font-size: 18px;
      line-height: 1.4;
      border: 1px solid #fff;
}
.com_button4 a:hover {
      color: #000;
      background-color: #6CD5CD;
}
.com_button4 a:focus {
      color: #000;
      background-color: #6CD5CD;
}



.com_but4 {
    width: 100%;
    max-width: 1200px;
    min-width: 900px;
    margin: 10px auto 0 auto;
    padding: 20px 0;
}
.com_but4 li {

    padding: 0px 0;
    text-align: center;
   
}
.com_but4 ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;

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

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

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

    }
}

.com_but4_home {
    width: 100%;
    max-width: 1200px;
    min-width: 900px;
    margin: 0px auto 0 auto;
    padding: 5px 0;
}
.com_but4_home li {

    padding: 0px 0;
    text-align: center;

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

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

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

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

    }
}


.home_grid_bg{
    background-color: #fff;

    min-width: 990px;
    width: 100%;
    margin:0px auto;
    padding: 0px 0 20px 0;

    height: 360px;
}


ul.serv_but {

    margin: 20px;
    padding: 0;

}

ul.serv_but li {
    padding: 0;

}



.serv_button a {
      display: block;
      padding: 5px 5px;
      text-decoration: none;


      margin: 0px auto;
      font-size: 18px;
      line-height: 1.4;
}
.serv_button a:hover {
      color: #000;
      background-color: #FFDF61;
}
.serv_button a:focus {
      color: #000;
      background-color: #FFDF61;
}

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

}

ul.sh_but li {

    padding: 0;
    text-align: center;

}



ul.sh_but p {

    padding: 0;
}

.sh_button a {
      display: block;
      padding: 20px 5px;
      text-decoration: none;
      background-color:  #6CD5CD;
      color: #000;

      margin: 0px auto;
      font-size: 16px;
      line-height: 1.4;
}
.sh_button a:hover {
      color: #000;
      background-color: #FFDF61;
}
.sh_button a:focus {
      color: #000;
      background-color: #FFDF61;
}
.sh_button_nhs a {
      display: block;
      padding: 10px 5px;
      text-decoration: none;
      background-color:  #00bbdd;
      color: #000;
      text-align: center;
      margin: 10px auto;
      font-size: 18px;
      line-height: 1.4;
}
.sh_button_nhs a:hover {
      color: #000;
      background-color: #ffdf61;
}
.sh_button_nhs a:focus {
      color: #000;
      background-color: #ffdf61;
}
.link_box{
   border: 20px solid #f4f4f4;
   padding: 0 20px 10px 20px;
   margin: 30px 0;

}
.link_box li{
    padding-bottom: 5px;
}

.button a {
      display: block;

      width: 260px;
      padding: 10px;
      text-decoration: none;
      color: #000;
      background-color:  #00bbdd;
      font-size: 18px;

      text-align: center;
      margin: 10px auto;
}
.button a:hover {
      color: #000;
      background-color:  #ffdf61;

}

.button a:focus {
      color: #000;
      background-color: #ffdf61;

}
.button2 a {
      display: block;

      width: 400px;
      padding: 10px;
      text-decoration: none;
      color: #000;
      background-color:  #6cd5cd;
      font-size: 18px;

      text-align: center;
      margin: 10px 0;
}
.button2 a:hover {
      color: #000;
      background-color:  #ffdf61;

}

.button2 a:focus {
      color: #000;
      background-color: #ffdf61;

}

.button3 a {
      display: block;

      width: 260px;
      padding: 10px;
      text-decoration: none;
      color: #000;
      background-color:  #6cd5cd;
      font-size: 18px;

      text-align: center;
      margin: 10px auto;
}
.button3 a:hover {
      color: #000;
      background-color:  #ffdf61;

}

.button3 a:focus {
      color: #000;
      background-color: #ffdf61;

}

.button4 a {
      display: block;
      width: 100%;
      min-width: 260px;
      padding: 10px;
      text-decoration: none;
      color: #000;
      background-color:  #6cd5cd;
      font-size: 18px;

      text-align: center;
      margin: 10px auto;
}
.button4 a:hover {
      color: #000;
      background-color:  #ffdf61;

}

.button4 a:focus {
      color: #000;
      background-color: #ffdf61;

}
.com_but2 {

    width: 100%;
    margin: 10px auto;

}
.com_but2 li {

    padding: 5px;
    text-align: center;
   
}
.com_but2 ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;

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

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

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

    }
}


#submitBtn {
    background-color:  #9ABF3B;
    margin: 15px auto;
    color: #000;
    padding: 5px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #9ABF3B;
}
#submitBtn:hover {

     background-color: #E2EDC5;

}
#submitBtn:focus {
  color: #000;
     background-color: #E2EDC5;

}
.textField{
    width: 95%;
    padding:5px;
    border:1px solid #999;
    height:150px ;
    overflow:auto;

}
.textField:focus {

      border: 1px solid  #000;
}
.textInput{
    width: 95%;
    padding:5px;
    border:1px solid #999;
}
.textInput:focus {

      border: 1px solid  #000;

}

.textField2{
    width: 98%;
    padding:5px;
    border:1px solid #ccc;
    height:150px ;
    overflow:auto;

}
.textField2:focus {

      border: 1px solid  #000;
}
.textInput2{
    width: 98%;
    padding:5px;
    border:1px solid #ccc;
}
.textInput2:focus {

      border: 1px solid  #000;

}
.styled-select2 select {

   width: 98%;
   padding: 5px;
   font-size: 20px;
   border:1px solid #ccc;


}
.styled-select3 select {

   font-size: 20px;
   border:1px solid #ccc;
   color: #666;

}



#container {
    margin-right: -360px;
    float:left;
    width:100%;


}
#containercontent {
    margin-right: 410px; /* 60px added for center margin */
}

#sidebar {
    width:360px;
    float:left
}

#contentcard{
}

#sidebarcard{
  padding: 0;

}



.sidebox{

      margin: 20px 0;
      padding: 20px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
      font-size: 15px;
      line-height: 1.4;
}
.sidebox2{
      width: 100%;
      margin: 20px 0;
      padding: 0 20px 20px 20px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;

}
.sidebox3{
      width: 100%;
      margin: 0px 0;
      padding: 0 15px;

}



.titlepic{
    width: 100%;
    max-width: 1200px;
    min-width: 990px;
}

.topbar5 {
      background-color: #fff;
      width: 100%;
      margin: 0 auto;
      padding: 30px;
}
.pic_grid3 ul {


    margin: 30px -10px;
    padding: 0;
    list-style: none;
}
.pic_grid3 li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.333333% - 20px);
    margin: 20px 10px;
   
}
@supports (display: grid) {
    .pic_grid3 ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
        margin: 0;
    }
    .pic_grid3 li {
        width: auto;
        margin: 0;

    }
}
.pic_cell{
    padding: 25px 0;
    background-color: #fff;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;

}
.pic_cell_box{
   width: 250px;
   margin: 0 auto;
   font-size: 14px;
   line-height: 130%;
   word-wrap: break-word;
   
}
.pic_cell_box h2{
   font-size: 15px;
   padding: 15px 0 0 0;
   font-weight: 620;
}


.pic_grid4 ul {


    margin: 30px -5px;
    padding: 0;
    list-style: none;
}
.pic_grid4 li {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 10px);
    margin: 30px 10px;


}
@supports (display: grid) {
    .pic_grid4 ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
        margin: 0;
    }
    .pic_grid4 li {
        width: auto;
        margin: 0;

    }
}
.pic_cell4{
    padding: 0;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;

}
.pic_cell_box4{
   width: 224px;
   margin: 0 auto;
   font-size: 14px;
   line-height: 130%;
   word-wrap: break-word;
   padding: 0 0 10px 0;
}
.pic_cell_box4 h1{
   font-size: 15px;
   padding: 0;
   font-weight: 620;
}

.questionnaire {
      width: 940px;
      margin-top: 30px;
      margin-bottom: 30px;
      margin-left: auto;
      margin-right: auto;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
      padding: 0 40px 20px 40px;
}


.shortpage1{
   margin-bottom: 1px;
}
.shortpage5{
   margin-bottom: 5px;
}
.shortpage10{
   margin-bottom: 10px;
}
.shortpage15{
   margin-bottom: 15px;
}
.shortpage20{
   margin-bottom: 20px;
}
.shortpage30{
   margin-bottom: 30px;
}
.shortpage35{
   margin-bottom: 35px;
}
.shortpage50{
   margin-bottom: 50px;
}
.shortpage100{
   margin-bottom: 100px;
}
.shortpage150{
   margin-bottom: 150px;
}
.shortpage200{
   margin-bottom: 200px;
}
.shortpage480{
   margin-bottom: 480px;
}
.bottomline{
      font-size: 14px;
      color: #000;
      margin: 20px auto 0 auto;
      width: 100%;
      max-width: 1200px;
      min-width: 990px;
      text-align: right; 
      padding: 10px 20px 0 0; 
      border-top: 1px solid #f1f1f1;

}
.bottomline a{
      font-size: 14px;
}
.bottomline p{
      font-size: 14px;
      color: #fff;
}

.foot_wrap {
    min-width: 994px;

    max-width: 1200px;
    margin: 10px auto;

}
.foot_wrap li {

    padding: 1em;


}
.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: 990px;
      background-color:  #8fdfdc;

}
#footer ul{
      list-style-type: none;
      color: #000;
}
#footer li{
      line-height: 1.4;
}
#footer p{
          line-height: 1.4;

}
#footer a {
        color: #000;
        padding: 8px 2px;
        font-size: 15px;

}
#footer a:hover {
       text-decoration:none;
      color: #000;
      background-color:#ffdf61;
      padding: 2px;

}
#footer a:focus {
      text-decoration:none;
      color: #000;
      background-color:#CFF1EF;
      padding: 2px;
}


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

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

}
.outer_hour_box{
  background-color: #f4f4f4;
  padding: 5px;
  margin-top: 30px;
  font-size: 15px;
  line-height: 1.4;
}

.outer_hour_box h2{
  background-color: #ABCB56;
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 25px;
}

.hour_box{
  padding: 10px ;
  background-color: #fff;
  margin: 20px;
  border: 1px solid #e1e1e1;
  min-height: 600px;
}


.hour_box_bottom{
  padding: 30px 0;
}

.newspanel {
      width: 100%;
      margin: 0px auto 25px auto;
      padding: 20px 20px 10px 20px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.newspanel ul{
overflow:hidden;

}

.newspanel2 {
      width: 100%;
      margin: 0px auto 25px auto;
      padding: 0px 20px 10px 20px;
}

.newspanel2 h1 {
        color: #000;
        font-size: 28px;
	padding: 0px 0px 5px 0px;
	line-height: 140%;
        margin-top: 0px;
}
.newspanel3{
      width: 100%;
      margin: 0px auto 25px auto;
      padding: 20px 20px 10px 20px;
      border: 4px solid #ACE8E4;
      color: #000;
}
.newspanel4{
      width: 100%;
      margin: 0px 0 10px 0;
      padding: 20px 20px 0px 20px;
      color: #000;
}
.newspanel4 h2 {
        color: #000;
        font-size: 22px;
	padding: 10px 0px 5px 0px;
	line-height: 140%;


}
.newspanel5{
      width: 100%;
      margin: 0px auto 25px auto;
      padding: 20px 20px 10px 20px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
      color: #000;
}
.page_panel {
      width: 100%;
      margin: 0px auto 25px auto;
      padding: 0px 20px 10px 20px;
}
.page_panel h1{
      font-size: 24px;
      padding-top: 15px;
      padding-left: 10px;
      margin: 0 0 20px -20px;
      color: #000;
      font-weight: 500;

      background-color: #E4EDDE;
}

.page_panel h2{
      font-size: 22px;
      padding-top: 34px;
      margin-top: 0;
      color: #000;
      font-weight: 500;
}

.page_panel ul{
overflow:hidden;

}
.page_panel2 {
      width: 100%;
      margin: 0px auto ;
      padding: 20px;
}
.page_panel2 h1{
      font-size: 24px;
      padding-top: 15px;
      padding-left: 10px;
      margin: 0 0 20px 0;
      color: #000;
      font-weight: 500;

      background-color: #E4EDDE;
}

.page_panel2 h2{
      font-size: 22px;
      padding-top: 34px;
      margin-top: 0;
      color: #000;
      font-weight: 500;
}


.page_panel3 {
      width: 100%;
      margin: 0px auto ;
      padding: 0 20px;
}
.page_panel3 h1{
      font-size: 24px;
      padding-top: 15px;
      padding-left: 10px;
      margin: 0 -20px 20px -20px;
      color: #000;
      font-weight: 500;

      background-color: #E4EDDE;
}

.page_panel3 h2{
      font-size: 22px;
      padding-top: 34px;
      margin-top: 0;
      color: #000;
      font-weight: 500;

}



.colpanel {
      width: 90%;
      margin: 10px auto 25px auto;
      text-align: center;
      padding: 20px 20px 10px 20px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.colpanel h2{
      font-size: 20px;
      padding-top: 10px;
      margin-top: 0;
      color: #000;
}

.colpanel ul{
overflow:hidden;

}









.linkspanel {
      width: 90%;
      margin: 10px auto 25px auto;

      padding: 20px 20px 10px 20px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}


.linkspanel ul{
overflow:hidden;

}
.linkspanel li{
   margin-bottom: 10px;

}

.news_button a{
    padding: 8px 42px;
    font-size: 16px;
    background-color: #f8f8f8;
    color: #000;
    border: 1px solid #c1c1c1;
    text-align: center;

     border-radius: 6px;
      -webkit-background-clip: padding-box;
      -moz-background-clip:    padding;
      background-clip:         padding-box;
      text-decoration: none;

}


.news_button a:hover{
  text-decoration: none;
  background-color: #f1f1f1;
    color: #000;
    border: 1px solid #c1c1c1;
}
.news_button a:focus{
  text-decoration: none;
  background-color: #f1f1f1;
    color: #000;
    border: 1px solid #c1c1c1;
}
.news_button2 a{
    padding: 4px 10px;
    font-size: 12px;
    background-color: #f8f8f8;
    color: #000;
    border: 1px solid #c1c1c1;
    text-align: center;

     border-radius: 6px;
      -webkit-background-clip: padding-box;
      -moz-background-clip:    padding;
      background-clip:         padding-box;
      text-decoration: none;
}


.news_button2 a:hover{
  text-decoration: none;
  background-color: #f1f1f1;
    color: #000;
    border: 1px solid #c1c1c1;
}
.news_button2 a:focus{
  text-decoration: none;
  background-color: #f1f1f1;
    color: #000;
    border: 1px solid #c1c1c1;
}
.news_button3 a{
    padding: 6px 16px;
    font-size: 14px;
    background-color: #ffffbb;
    color: #000;
    border: 1px solid #666;
    text-align: center;

     border-radius: 6px;
      -webkit-background-clip: padding-box;
      -moz-background-clip:    padding;
      background-clip:         padding-box;
      text-decoration: none;
}


.news_button3 a:hover{
  text-decoration: none;
  background-color: #ffff99;
    color: #000;
    border: 1px solid #666;
}
.news_button3 a:focus{
  text-decoration: none;
  background-color: #ffff99;
    color: #000;
    border: 1px solid #666;
}

#timetable {
      width: 990px;
      margin: 20px auto;
}
#timetable td {
  vertical-align: top;
  border: 1px solid #333333;
  padding: 5px;
  text-align: center;
}
#timetable th {
  vertical-align: top;
  border: 1px solid #333333;
  padding: 5px;
  text-align: center;
  font-weight: bold;
}




#clinic_button a{
      display: block;
      width: 320px;
      padding: 32px 0px;
      text-decoration: none;
      background-color: #555;
      color: #fff;
      text-align: center;

      margin: 0px 10px 0 10px;
      font-size: 18px;
      line-height: 1.4;
      border-radius: 6px;
      -webkit-background-clip: padding-box;
      -moz-background-clip:    padding;
      background-clip:         padding-box;
}
#clinic_button a:hover {
      color: #000;
      background-color: #ABCB56;
}
#clinic_button a:focus {
      color: #000;
      background-color: #ABCB56;
}




svg {

  width: 22px;
  height: 22px;



}




.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%;}




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: #fff;
     background-color: #000;
    left: 50%;
    top: auto;
    width: 200px;
    height: auto;
    overflow:auto;
    margin: 0;
    padding:5px;

    border:1px solid #000;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}


#preload { display: none; }

#pause1, #pause1 ~ * [for=pause1] {display: none}
   @supports (animation-delay: 4s) {
     #pause1 ~ * [for=pause1] {display: inline}
     #pause1 ~ * [for=pause1] .paused {display: none}
     #pause1 ~ * [for=pause1] .running {display: inline}
     #pause1:checked ~ * [for=pause1] .paused {display: inline}
     #pause1:checked ~ * [for=pause1] .running {display: none}
     #pause1:checked ~ #slideset1 > * {animation-play-state: paused}
     #slideset1 {height: 225px; width: 350px;  position: relative;}
     #slideset1 > * {visibility: hidden; animation: 24s autoplay1 infinite;
       position: absolute; top: 0; left: 0}
     #slideset1 > *:nth-child(1) {animation-delay: 0s}
     #slideset1 > *:nth-child(2) {animation-delay: 4s}
     #slideset1 > *:nth-child(3) {animation-delay: 8s}
     #slideset1 > *:nth-child(4) {animation-delay: 12s}
     #slideset1 > *:nth-child(5) {animation-delay: 16s}
     #slideset1 > *:nth-child(6) {animation-delay: 20s}
     @keyframes autoplay1 {
       0% {visibility: visible}
       16.67% {visibility: hidden}
     }
     #pause1:checked ~ * [for=pause1] .timer {animation-play-state: paused}
   }