body {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 90%;
  background-color: #F5F5F5;
  background-image: url(images/header-bg.gif);
  background-repeat: repeat-x;
  background-position: top center;
}

.main #header_bg {
  height: 135px;
}

#menu-toggle {
  display: none;
  background-color: #2AABE5;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}


.main #header_bg #header_content {
  width: 960px;
  margin: 0 auto;
  height: 90px;
}

#logo {
  float: left;
}

#header_navbar {
  float: right;
  width: 600px;
  padding-top: 45px;
}

#header_navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}

#header_navbar li {
  float: left;
}

#header_navbar a {
  color: #FFF;
  text-decoration: none;
  font-size: 16px;
  padding: 8px;
  display: block;
}

#impact_bar {
  width: 960px;
  margin: 0 auto;
  height: 56px;
}

#impact_text {
  float: left;
  width: 600px;
  font-size: 76%;
  color: #999;
}

#impact_text a {
  color: #FFF;
  text-decoration: none;
}

#impact_image {
  float: right;
}

#banner_bg {
  background: url(images/banner-bg.gif) repeat-x;
  height: 399px;
}

#slider_bg {
  width: 957px;
  margin: 0 auto;
  background: url(images/slider-bg.jpg);
  height: 399px;
}

#slider_content {
  padding: 69px 52px 0;
  height: 278px;
}

#slider_text {
  float: left;
  width: 400px;
}

#slider_text h1 {
  color: #FFF;
  margin: 0;
  font-size: 24px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#slider_text h2 a {
  text-decoration: underline;
  color: #FFC;
}

#slider_text h2 {
  margin: 0;
  padding-left: 10px;
  color: #262626;
  font-size: 16px;
}

#slider_text p {
  color: #FFF;
}

#slider_media {
  float: right;
  width: 427px;
  height: 275px;
  margin: 1px 3px 0 0;
}

#randomimg {
  display: none;
}

#smallbanner_bg {
  background: url(images/smallbanner-bg.gif) repeat-x;
  height: 142px;
}

#page_catchline {
  width: 957px;
  margin: 0 auto;
  background: url(images/catchline-bg.jpg);
  height: 142px;
}

#catchline_content {
  padding: 40px 30px 0;
  height: 70px;
}

#title {
  float: left;
  width: 400px;
}

#title h1 {
  color: #F5F5F5;
  font-size: 36px;
  margin: 0;
}

#text {
  float: right;
  width: 431px;
}

#text p {
  color: #E4E4E4;
  text-align: right;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}

#page_content {
  width: 960px;
  margin: 20px auto 0;
}

.content_white_bg,
.content_yellow_bg,
.content_blue_bg,
.content_transparent_bg {
  padding: 16px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  background-color: #FFF;
}

.content_yellow_bg {
  background-color: #FFC;
  border-color: #F5B77B;
}

.content_blue_bg {
  background-color: #D9E9FF;
  border-color: #8FCCF6;
}

#page_content h1 {
  font-size: 18px;
  color: #333;
  margin: 0;
  font-weight: normal;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#page_content h2 {
  font-size: 15px;
  color: #2AABE5;
  font-weight: normal;
  padding-bottom: 2px;
  border-bottom: 1px dotted #CCC;
}

#page_content h3 {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

#page_content p {
  color: #333;
}

#read_left {
  float: left;
  width: 600px;
}

#read_left ul li {
  list-style-image: url(images/bullet.gif);
  margin-bottom: 10px;
}

#read_right {
  float: right;
  width: 340px;
}

#page_content a {
  text-decoration: none;
  color: #930;
}

#footer_bg {
  margin: 0 auto 20px;
  background: url(images/footer-bg.gif);
  height: 56px;
  width: 957px;
  clear: both;
}

#read_right ul {
  margin: 0;
  padding: 0 0 10px 10px;
}

#read_right ul li {
  list-style: none;
  padding: 2px;
  display: block;
}

#read_right ul li:hover {
  background-color: #FFC;
  font-weight: bold;
}

#footer_content {
  height: 50px;
  padding: 4px 14px 0;
}

#footer_copyright {
  float: left;
  width: 600px;
}

#footer_copyright p {
  margin: 7px 0 0;
  font-size: 11px;
  color: #F5F5F5;
}

#footer_copyright p a {
  color: #2AABE5;
  text-decoration: none;
}

#footer_copyright p a:hover {
  color: #FEFED8;
  text-decoration: underline;
}

#footer_images {
  float: right;
}

.picture_left {
  float: left;
  padding-right: 8px;
}

.picture_right {
  float: right;
  padding-left: 8px;
}

.boldblue {
  font-weight: bold;
  color: #2AABE5;
}

.author {
  font-size: 10px;
  color: #C90;
  font-weight: bold;
}

.greytext {
  color: #999;
}

.no_picture_border {
  padding: 0 4px;
  border: none;
}

.top_align_cell {
  vertical-align: top;
}

.clear {
  clear: both;
}

.button {
  color: #666;
  border: 1px solid #CCC;
  margin: 10px 0;
  background-color: #FFC;
  padding: 4px 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#map {
  height: 340px;
  width: 100%;
}

.fulltable {
  width: 94%;
  margin-bottom: 10px;
}

.table_highlight:hover {
  background-color: #FFC;
}

.table_top {
  font-weight: bold;
  padding: 2px;
  background-color: #2AABE5;
  color: #FFF;
}

.last_cell {
  text-align: right;
  width: 24%;
}

.rowdata {
  padding: 4px;
}

.entrytext {
  color: #0078AB;
  padding: 4px;
  width: 97%;
  border: 1px solid #CCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.entrytext:hover {
  background-color: #FFC;
}

.center {
  text-align: center;
}

@media screen and (max-width: 1000px) {
  /* Hide unnecessary banners on mobile */
  .main #impact_bar,
  .main #banner_bg,
  .main #banner_bg #slider_bg,
  .main #smallbanner_bg #page_catchline #catchline_content #text,
  .main #footer_bg {
    display: none;
  }

  /* Responsive layout adjustments */
  .main #header_bg #header_content,
  .main #smallbanner_bg #page_catchline,
  .main #page_content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .main #header_bg #header_content {
    height: auto;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #logo {
    float: none;
    margin: 0 auto;
  }

  /* Menu toggle button */
  #menu-toggle {
    display: block;
    background-color: #2AABE5;
    color: white;
    border: none;
    padding: 12px;
    font-size: 18px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
  }

  /* Navigation bar styling */
  #header_navbar {
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 10px;
  }

#header_navbar ul {
  display: none; /* Hidden by default */
  flex-direction: column;
  width: 100%;
  background-color: #2AABE5;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 999; 
}

  #header_navbar ul.show {
    display: flex; /* Shown when menu is toggled */
    margin-bottom: 10px;
  }

  #header_navbar li {
    float: none;
    width: 100%;
    border-top: 1px solid #ffffff33;
  }

  #header_navbar li:first-child {
    border-top: none;
  }

  #header_navbar a {
    color: white;
    display: block;
    padding: 14px;
    font-size: 16px;
    text-decoration: none;
  }

  /* Stack content below nav */
  #read_left,
  #read_right {
    width: 100%;
    float: none;
  }

  /* Center the catchline heading */
  #title {
    float: none;
    width: 100%;
    text-align: center;
  }

  #title h1 {
    text-align: center;
  }
}