@font-face{
font-family:"tondo-bold";
src:url("tondo_std_bd-webfont.eot");
src:url("tondo_std_bd-webfont.eot?#iefix") format("eot"),url("tondo_std_bd-webfont.woff") format("woff");
}

@font-face{
font-family:"tondo-reg";
src:url("tondo_std_rg-webfont.eot");
src:url("tondo_std_rg-webfont.eot?#iefix") format("eot"),url("tondo_std_rg-webfont.woff") format("woff");
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, blockquote, ul, ol, li,
dl, dt, dd, table, tbody, tfoot, thead, tr, th, td, img, form, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-size: 100%;
  font-weight: normal;
}
body {
  font-size: 62.5%;
  line-height: 1.4;
}
body, input, textarea, select {
  margin:0;
  font-family: tondo-reg, arial, tahoma, sans-serif;
}
html, body {
  height: 100%;
}
input, textarea, select {
  font-size: 100%;
}
p, ul, ol {
  margin-bottom: 10px;
}
.clear {
  clear: both;
}
.mandatory {
  color: #D70000;
}
.hidden {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.external-link {
  background-image: url(resources/icon-external-black.png);
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 15px;
}

/* base camp ------------------------------- */
h1, h2, h3, h4 {
  font-family: tondo-bold, arial, tahoma, sans-serif;
}
h2 {
  font-size: 2em;
  font-weight: bold;
  color: #282828;
  margin-bottom: 10px;
}
h3 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}
h4 {
  font-size: 1.3em;
  font-weight: bold;
}
ul li, ol ul li {
  list-style: disc;
  margin-left: 1.4em;
}
ol li {
  list-style: decimal;
  margin-left: 2em;
}
a {
  color: #007c8e;
  text-decoration: underline;
}
a:hover {
  color: #c81374 !important;
  text-decoration: underline;
}
a:focus {
  background-color: #99CCFF !important;
  color:#282828 !important;
}
.clear {
  clear: both;
}
.collapsed {
  display: none;
}
.expanded {
  display: block;
}



/* helpers --------------------------------- */
#helpers {
  display: none;
}



/* header ---------------------------------- */
#header {
  padding-top: 5px;
  background-color: #00a3ad;
  border-bottom: 3px solid #006372;
  position: relative;
}
#header h1 {
  width: 256px;
  height: 145px;
  text-indent: -3000px;
  background: url(resources/logo-mobile2.png) top left no-repeat;
}
#header h1 a {
  display: block;
  height: 145px;
  width: 256px;
}
#header h1 a:focus {
  background: none !important;
}
#header .external-link {
  background-image: url(resources/icon-external-white.png);
}
#header .links {
  position: absolute;
  right: 10px;
  top: 15px;
}
#header .links ul li {
  float: left;
  list-style: none;
}
#header .links ul li a {
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
}
#header .browse {
  float: right;
}
#header .browse li {
  float: left;
  margin: 0;
  list-style: none;
  margin-left: 1px;
}
#header .browse a {
  color: #006372;
  font-size: 1.6em;
  font-weight: bold;
  display: block;
  padding: 10px 10px 10px 15px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 15px 0 15px 0;
  text-decoration: none;
}
#header .browse a span {
  margin: 0 3px -2px 8px;
  width: 10px;
  height: 13px;
  display: inline-block;
  background: url(resources/icon-browse-arrows2.png) top left no-repeat;
}
#header .browse a.active {
  color: #282828;
  background-color: #c2e3e6;
}
#header .browse a:focus {
  color: #fff !important;
}
#header .browse a:focus span {
  background-position: 0 -36px !important;
}
#header .browse a.active:focus {
  color: #282828 !important;
  background-color: #c2e3e6 !important;
}
#header .browse a.active:focus span {
  background-position: 0 -26px !important;
}

#header .browse a.active span {
  height: 10px;
  width: 13px;
  margin: 0 2px -1px 6px;
  background-position: 0 -26px;
}

/* search ---------------------------------- */
#search {
  padding: 15px;
  background-color: #C2E3E6;
  border-bottom: 1px solid #006372;
}
#search form {
  background-color: #FFFFFF;
  border: 1px solid #138191;
  padding: 0 70px 0 0;
  position: relative;
  overflow: hidden;
}
#search label {
  display: none;
}
#search #nlpq {
  border: 0 none;
  -webkit-appearance: none;
  padding: 10px 0 10px 10px;
  width: 94%;
  font-size: 1.6em;
  font-weight: bold;
}
#search .button-submit {
  position: absolute;
  right: 0;
  border: 0;
  cursor: pointer;
  font-size: 1.6em;
  font-weight: bold;
  padding: 10px 12px 10px 10px;
  border-left: 1px solid #138191;
  background-color: #F0F0F0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}


/* navigation ------------------------------ */
#navigation {
  font-size: 1.4em;
  border-bottom: 1px solid #006372;
  background-color: #00a3ad;
}
#navigation h2 {
  display: none;
}
#navigation ul {
  margin: 0;
}
#navigation ul li {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid  #fff;
}
#navigation ul li:last-child {
  border: 0;
}
#navigation ul li a {
  color: #fff;
  display: block;
  padding: 12px;
  text-decoration: none;
transition:0.4s;
  background: url("resources/icon-arrow-white.png") no-repeat scroll 97% 50% transparent;
}
#navigation ul li a:hover{
background-color:#007c83;
color:#fff !important;
text-decoration:underline;
transition:0.4s;
}
#navigation ul li ul.topics {
  display: none;
}

/* content --------------------------------- */
#content {
  padding: 10px;
  font-size: 1.4em;
}
#content .content-block .faq-list {
  border: 1px solid #F4CBB9;
}
#content .content-block .faq-list li {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid  #F4CBB9;
}
#content .content-block .faq-list li .breadcrumb {
  display: none;
}
#content .content-block .faq-list li:last-child {
  border: 0;
}
#content .content-block .faq-list li a {
  display: block;
  padding: 12px 3em 12px 12px;
  color: #282828;
  text-decoration: none;
  background: url("resources/icon-arrow-pink.png") no-repeat scroll 97% 50% #FCF7F3;
}
#content .content-block .welcome h2 {
  color: #31417D;
  font-size: 2.5em;
}
#content .content-block #related {
  clear: both;
  margin-top: 20px;
}

/* paging ---------------------------------- */
#paging {
  float: left;
  margin: 0;
  margin: 15px 0;
}
#paging ul {
  display: none;
}
#paging div {
  float: left;
}
#paging .previous,
#paging .next {
  height: 45px;
  width: 45px;
  display: block;
  margin-right: 2px;
  text-indent: -3000px;
  background-image: url("resources/button-pagination2.png");
}
#paging .previous  { background-position: 0px 0px;  }
#paging a.previous { background-position: -45px 0px; }
#paging .next      { background-position: -90px 0px; }
#paging a.next     { background-position: -135px 0px; }

#paging .counter {
  float: left;
  margin: 12px 0 0 8px;
  color: #666;
}

/* form ------------------------------------ */
#form {
  float: left;
  width: 100%
}
#form label {
  display: block;
  padding-bottom: 2px;
  font-weight: bold;
}
#form div {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 8px;
}
#form div.error {
  color: #D70000;
}
#form .error-panel {
  width: 100%;
  color: #d70000;
  border: 1px dotted #d70000;
  background-color: #FFF9F9;
  margin-bottom: 10px;
}
#form .error-panel p {
  margin: 0;
  padding: 10px 10px 0 10px;
}
#form .error-panel ul {
  padding: 10px 10px 2px 15px;
}
#form .radio input {
  float: left;
  margin: 3px 5px 0 0;
}
#form .radio label {
  width: auto;
  margin-bottom: 3px;
}
#form input.outline, #form textarea.outline {
  width: 100%;
  padding: 5px;
  border: 1px solid #D3D3D3;
          box-sizing: border-box;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
#form select.outline {
  width: 100%;
  padding: 3px;
  border: 1px solid #D3D3D3;
}
#form textarea.outline {
  height: 75px;
}
#form .button-submit {
  cursor: pointer;
  padding: 6px 9px 6px 7px;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  background-color: #c81374;
  color: #fff;
  border: 0;
  font-weight: bold;
  font-size: 1.2em;
  
}
#form .button-link {
  background-color: #005E73;
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 5px;
  padding: 8px 15px;
  text-decoration: none;
}
#form .button-link:hover {
  color: #fff;
  text-decoration: underline;
}

/* banners --------------------------------- */ 
#banners {
  width: 100%;
  float: right;
} 
#banners .donation {
  color: #fff;
  background-color: #c81374;
}
#banners .donation .content-block {
  padding: 10px;
  font-size: 1.4em;
}
#banners .donation .content-block h2 {
  color: #fff;
  font-size: 1.5em;
}
#banners .donation .content-block p {
  margin: 0;
  padding-bottom: 10px;
}
#banners .donation .content-block a.button {
  color: #000;
  background-color: #fff;
  padding: 4px 10px 3px 5px;
  display: block;
  margin-top: 10px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}
#banners .advert {
  display: none;
}
#banners img {
  width: 100%;
}

/* footer ---------------------------------- */
#footer {
  color: #fff;
  background-color: #00a3ad;
}
#footer a {
  color: #fff;
}
#footer .container {
  padding: 25px 0 15px 0;
  font-size: 1.4em;
}
#footer .container .copyright {
  margin-left: 15px;
}
#footer .container .logo {
  margin-left: 15px;
}
#footer .external-link {
  background-image: url(resources/icon-external-white.png);
}

/*********************************************/
/* media query over 1024px screen ---------- */
/*------------------------------------------ */
@media
  screen and (min-width: 1024px) {
  #wrapper-body, .container {
    margin: 0 auto;
    width: 1006px;
  }
  a[href^="tel:"],
  a.telephone-link {
    color: #000;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
    background-image: none;
    padding-right: 0;
  }
}

/*********************************************/
/* media query over 800px screen ----------- */
/*------------------------------------------ */
@media
  screen and (min-width:800px) {

  .collapsed {
    display: block;
  }
  /* wrapper ------------------------------- */
  #wrapper {
    /*position: relative;*/
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin-bottom: -165px;
  }
  #wrapper .push {
    height: 165px;
    margin-top: 10px;
  }
  
  /* helpers ------------------------------- */
  #helpers {
    display: block;
    overflow: hidden;
    background-color: #00a3ad;
    padding: 10px 0;
  }
  #helpers a {
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
  }
  #helpers #skip {
    float: left;
    margin-left: 15px;
  }
#helpers #skip a:hover{
color:#000 !important;
}
  #helpers #resize {
    float: right;
    line-height: 1;
    margin-right: 15px;
  }
  #helpers #resize ul {
    margin: 0;
    border-bottom: 2px solid #FFFFFF;
  }
  #helpers #resize ul li {
    display: inline;
    list-style: none;
    margin-left: 2px;
  }
  #helpers #resize ul li a {
    text-decoration: none;
  }
  #helpers #resize img {
    margin: 0;
    padding: 0;
    border-style: none;
  }
  #header .external-link {
    background-image: url(resources/icon-external-black.png);
  }
  
  /* header -------------------------------- */
  #header {
    padding: 20px 0;
    background-color: #fff;
    border-bottom: 0;
  }
  #header h1 {
    width: 215px;
    height: 41px;
    background-image: url(resources/logo2.png);
  }
  #header h1 a {
    width: 251px;
    height: 41px;
  }
  #header .links ul li a {
    color: #0066CC;
  }
  #header .browse, #header .search {
    display: none;
  }
  
  /* search -------------------------------- */
  #search {
    border-bottom: 0;
    margin-bottom: 15px;
    background-color: #00a3ad;
            box-shadow: 5px 5px 10px #ccc;
       -moz-box-shadow: 5px 5px 10px #ccc;
    -webkit-box-shadow: 5px 5px 10px #ccc;
  }
  #search form {
    /*background-color: #31417D;*/
    background: none;
    border: none;
    padding: 0;
  }
  #search label {
    float: left;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    padding: 5px 10px 0 0;
    display: inline;
    width: 12em;
    text-align: right;
  }
  #search #nlpq {
    float: left;
    width: 58%;
    padding-right: 4em;
    width: calc(100% - 20.5em);
  }
  #search .button-submit {
    color: #fff;
    background-color: #c81374;
    border-left: 1px solid #c81374;
  }
  
  /* wrapper content ----------------------- */
  #wrapper-content {
    position: relative;
  }
  
  /* navigation ---------------------------- */
  #navigation {
    float: left;
    width: 20%;
    background-color: #00a3ad;
            box-shadow: 5px 5px 10px #ccc;
       -moz-box-shadow: 5px 5px 10px #ccc;
    -webkit-box-shadow: 5px 5px 10px #ccc;
    
  }
  #navigation h2 {
    color: #fff;
    font-size: 1.6em;
    display: block;
    margin: 12px 15px 0 15px;
  }
  #navigation ul {
    margin: 15px 0;
  }
  #navigation ul li {
    color: #fff;
    list-style: none;
    border-bottom: 1px solid #33b5bd;
  }
  #navigation ul li a {
    padding: 0px;
    display: block;
    padding: 8px; 0 8px 25px;
    background: none;
  }
  #navigation ul li.selected a {
    font-weight: bold;
  }
  #navigation ul li ul.topics {
display:block;
    margin: -.5em 0 .5em 0;
  }
  #navigation ul li ul.topics li {
    margin: 8px 0 0 12px;
padding:0;
  }
  #navigation ul li ul.topics li a {
    font-weight: normal;
  }
  #navigation ul li ul.topics li.selected a {
    font-weight: bold;
  }

  /* content ------------------------------- */
  #content {
    float: left;
    width: 60.5%;
    padding: 0px;
  }
  #content .content-block {
    padding: 0 20px;
  }
  #content .content-block h2 {
    color: #31417D;
  }
  #content .content-block .faq-list {
    border: 0;
  }
  #content .content-block .faq-list li {
    list-style: square;
    border: 0;
    margin: 0 0 8px 15px;
  }
  #content .content-block .faq-list li .breadcrumb {
    display: block;
    margin-bottom: 15px;
    font-size: 0.9em;
  }
  #content .content-block .faq-list li .breadcrumb a {
    background-color: #E8F0F2;
  }
  #content .content-block .faq-list li a {
    color: #0066CC;
    display: inline;
    padding: 0;
    text-decoration: underline;
    background: none;
  }
  #content .content-block .announcement {
    margin-bottom: 20px;
  }


  
  /* paging -------------------------------- */
  #paging {
    float: right;
    color: #fff;
  }
  #paging ul {
    float: left;
    display: inline;
    margin: 0;
  }
  #paging .counter {
    display: none;
  }
  #paging ul li {
    float: left;
    margin-left: 0px;
    list-style-type: none;
    margin-right: 2px;
    background-color: #333;
  }
  #paging ul li a,
  #paging ul li.current,
  #paging .previous,
  #paging .next {
    display: block;
    padding: 4px 10px 5px 10px;
    font-weight: bold;
  }
  #paging .next {
    padding-right: 12px;
  }
  #paging ul li a,
  #paging a.previous,
  #paging a.next {
    color: #c81374;
background:#fff;
border:1px solid #c81374; 
    text-decoration: none;
  }
  #paging ul li a:hover,
  #paging a.previous:hover,
  #paging a.next:hover {
    text-decoration: underline;
color:#fff !important;
background:#c81374;
  }
  #paging .previous,
  #paging .next {
    background-color: #333;
    text-indent: 0;
    height: auto;
    width: auto;
    background-image: none;
  }
#paging ul li a, #paging .next{
padding:3px 9px 4px 9px;
}

  /* banners ------------------------------- */
  #banners {
    float: right;
    width: 19.5%;
    padding: 0px;
    margin: 0px;
  }
  #banners .advert {
    display: block;
    margin-top: 10px;
  }

  /* footer -------------------------------- */
  #footer {
    height: 170px;
  }
  
  /* font resize --------------------------- */
  body#medium #wrapper {
    font-size: 120%;
  }
  body#medium #footer {
    font-size: 120%;
  }
  
  body#large #wrapper {
    font-size: 140%;
  }
  body#large #footer {
    font-size: 140%;
  }
  body#large #footer .container {
    padding: 5px 0 0 0;
  }

}
/*********************************************/
/* media query over 530px screen ----------- */
/*------------------------------------------ */
@media
  screen and (min-width: 530px) {
  #footer .container .copyright {
    float: left;
    width: 60%;
    width: calc(100% - 220px);
  }
  #footer .container .logo {
    float: right;
    margin-right: 15px;
  }
}