html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 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:square; }
q:before, q:after { content:''; }

html {
  background-color: #fff;
}

body {
  background-color: #fff;
  width: 100%;
  margin-top: 0px;
}

body,td,th {
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 15px;
  color: #344545;
  line-height: 22px;
}

p {
    padding-top: 4px;
    padding-bottom: 4px;
}

.nopad {
     padding: 0;
}

h1 {
        font-family: Verdana, Arial, Helvetica, san-serif;
        padding: 15px 0px 10px 0px;
        font-size: 26px;
        font-weight: normal;

}

h2 {
        font-family: Verdana, Arial, Helvetica, san-serif;
        padding: 15px 0px 15px 0px;
        font-size: 20px;
        font-weight: normal;
        line-height: 150%;

}

h3 {
        font-family: Verdana, Arial, Helvetica, san-serif;

	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 18px;


}



li {
       line-height: 140%;
       margin-bottom: 5px;
}

.style1 {
   font-size: 12px;

}
.style2 {
   font-size: 12px;
   text-align: right;

}
.style3 {
   font-size: 12px;

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

   font-weight: bold;
}
.style5 {

   text-align: center;
}
.style6 {
   font-weight: bold;
}
.style7 {
   font-weight: bold;
   color: #CC0000;
}
.style8 {

   text-align: right;

}
A { text-decoration:none;}
A:link { color: #007AA3 ;}
A:visited { color: #007AA3;}
A:hover { color: #1B7970;}

.plain {
   margin: 0 auto;
   width: 100%;
}
.plain td{
   vertical-align: top;
   padding: 5px 20px 5px 0px;
   border: 0;
}
.plain th{
   vertical-align: top;

   padding: 5px 0px 5px 20px;

}

.plain2 {
      width: 100%;
      max-width: 1200px;
      min-width: 1000px;
      margin: 0px auto;

}
.plain2 td{
      vertical-align: top;
      padding: 0px;
}

.left_col {
   padding: 0px 30px 0 0px;

}
.right_col{
     padding: 0 0 0 10px;
}
.twocol_left{
     padding: 0 30px 0 2px;
}
.twocol_right{
     padding: 0 0 0 10px;
}
#thankyou {
        padding:100px 10px 300px 10px;
        text-align: center;
}





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

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


#footer {
      background-color: #557777;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 0px;
      padding: 20px 0 100px 0px;
      min-width: 900px;
}

#footer p {
     color: #fff;

}

#footer a {
     color: #fff;
}
#footer a:hover {
     text-decoration: underline;
}

#footer ul {
       list-style:square;
}
#footer li {
       line-height: 220%;
       margin-bottom: 0;
       color: #fff;
}

#footer_table {
     width: 100%;
     min-width: 900px;
     max-width: 1200px;
     margin: 20px auto;

}

#footer_table td{
     padding-top: 0px;
     padding-left: 15px;
     vertical-align: top;
}

#footer_table th{
     padding-top: 0px;
     padding-left: 5px;
     padding-right: 10px;
     vertical-align: top;

}

#footer img{
     padding-right: 10px;
}

#bottomline {
     width: 100%;
     min-width: 900px;
     max-width: 1200px;
     margin: 60px auto;
     border-top: 1px solid #F8F8F8;

}

#bottomline td{
     padding-top: 20px;
     padding-left: 10px;
     padding-right: 15px;
     vertical-align: top;
}

#bottomline th{
     padding-top: 20px;
     padding-left: 5px;
     border-left: 1px solid #fff;
     vertical-align: top;

}
.mobile_button {
     font-size: 18px;
     color: #fff;
     margin: 20px 0 0 0;
}
.mobile_button a{
     font-size: 18px;
     color: #fff;
     padding: 20px 0 20px 20px;;
}
ul.menu {
       background-color: #557777;
       list-style-type: none;
       padding: 18px 0 5px 0;
       text-align: center;
       font-weight: normal;
       min-width: 1000px;
       max-width: 1200px;
       margin: 0 auto;

}

ul.menu li {
      display: inline;
      padding-top: 18px;
      padding-bottom: 5px;
      text-align: center;
}

ul.menu a {

      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
      color: #fff;

      padding: 18px 15px 5px 15px;

}
ul.menu a:hover {

      background-color: #44605F;
}


.topbar {
      background-color: #557777;
      width: 100%;
      margin-bottom: 40px;


}



					

.navigation {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  font-size: 15px;
  background-color: #557777;
  padding:20px 0 0px 0;

}

.nav-list {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 5px;

}

.nav-list a {
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease-in-out;
  font-size: 15px;

}

.nav-list a:hover,
.nav-list a:focus {
  border-bottom: 1px solid #557777;
}

.has-submenu {
  position: relative;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 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;

  padding:0px;
  width: 154px;
  font-size: 14px;
  
}

.submenu li {
  list-style: none;
  margin:10px 5px;
  border-bottom: 1px solid F1F1F1;
}

.submenu a {
  color: #211224;
  text-decoration: none;
  font-size: 14px;
}

/* Show submenus when the 'visible' class is added */
.submenu.visible {
  display: block;
}



.logobar {
      background-color: #fff;
      width: 100%;
      margin-bottom: 0px;


}


.enq {
        border-collapse: collapse;
        margin: 20px auto;
        background-color:#F5F9FA;
        max-width: 990px;
        width: 100%;
}

.enq td {
     padding: 20px 10px 5px 20px;
     vertical-align: top;

}

.enq p {

        font-size: 14px;
}

.textField{
    width: 95%;
    padding:5px;
    border:1px solid #94B1B1;
    height:200px ;
    overflow:auto;

}
.textInput{
    width: 95%;
    padding:5px;
    border:1px solid #94B1B1;
}
#submitBtn {
    background-color: #009999;
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

.styled-select2 select {

   width: 100%;
   padding: 0.25em;
   border: 1px solid #ccc;
   border-radius: 0;
   height: 2em;
   -webkit-appearance: none;
}
.titlepic{
    width: 100%;
    max-width: 1200px;
    min-width: 1000px;
    margin: 12px auto;
}

.newspanel2 {
      width: 100%;
      max-width: 1200px;
      min-width:990px;
      margin: 0px auto 20px auto;
      
}
.newspanel2 td{
      vertical-align: top;
      padding: 20px;

}
.newspanel2 th{
      vertical-align: top;
      padding: 20px;
      width: 440px;
}

.newspanel2 h2{

      padding-top: 0px;
}

.staffcol{
      
}

.staffcol td{
    width: 327px;
    vertical-align: top;


}

.staffcol h2{
    padding-bottom: 5px;
}

.staffwrapper{
     margin: 36px 78px 10px 0;
     border-top: 8px solid #91B0B0;
     padding-top: 15px;
}

.staffwrapper_empty{
     margin: 36px 78px 10px 0;

}
.imageHolder3 {
  position: relative; 
  width: 250px;
  height: 167px;
}

.imageHolder4 {
  position: relative; 
  width: 250px;
  height: 1px;
}






.topic_caption{
      margin: 5px 5px 20px 5px;

       padding: 0 5px;
}



.grant_docs {
     padding: 10px 20px ;
     margin: 20px 5px 20px 25px;
     background-color: #F5F9FA;
     border: 1px solid #94B1B1;
}
.grant_docs h2{
     padding: 5px 0px 10px 0px;
     font-size: 18px;
}
.grant_docs li{
     padding-bottom: 5px;
}

.grant_panel {
      width: 100%;
      max-width: 950px;
      min-width: 500px;
      margin: 20px auto;
      border: 1px solid #94B1B1;
          background-color: #F5F9FA;

}
.grant_panel  td{
      vertical-align: top;
      padding: 20px;

}
.grant_panel  th{
      vertical-align: top;
      padding: 20px;
}
.grant_panel h3{
     padding: 5px 0px 10px 0px;
     font-size: 16px;
     font-weight: bold;
}

.grantform{
   width: 990px;
   margin:20px auto;
}
.grantform p{
   padding: 10px 0;
}

.timepanel {
      width: 100%;
      max-width: 1200px;
      min-width: 690px;
      margin: 20px 0 20px 0;
      border-bottom:4px solid #E1EDF0;
}
.timepanel td{
      vertical-align: top;
      padding: 20px;
      width: 250px;
}
.timepanel th{
      vertical-align: top;
      padding: 20px;
}

.timepanel h2{

      padding-top: 0px;
}

.blog_sidebar{
   width: 280px;
   padding: 10px;
   background-color: #FcFcFc;
   border:1px solid #e1e1e1;
}
.blog_sidebar h3{
   font-size: 16px;
   padding: 10px 0;
}

.shortpage5{
     margin-bottom: 5px;
}
.shortpage10{
     margin-bottom: 10px;
}
.shortpage15{
     margin-bottom: 15px;
}
.shortpage20{
     margin-bottom: 20px;
}
.shortpage25{
     margin-bottom: 25px;
}
.shortpage30{
     margin-bottom: 30px;
}
.shortpage100{
     margin-bottom: 100px;
}
.shortpage150{
     margin-bottom: 150px;
}
.shortpage200{
     margin-bottom: 200px;
}