/* (top, #164b6e, #2980b9); */

.screenbtn {
  background: #ccc;
  background-image: -webkit-linear-gradient(top, #ccc, #222);
  background-image: -moz-linear-gradient(top, #ccc, #222);
  background-image: -ms-linear-gradient(top, #ccc, #222);
  background-image: -o-linear-gradient(top, #ccc, #222);
  background-image: linear-gradient(to bottom, #ccc, #222);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #fff!important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.screenbtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #333);
  background-image: -moz-linear-gradient(top, #3cb0fd, #333);
  background-image: -ms-linear-gradient(top, #3cb0fd, #333);
  background-image: -o-linear-gradient(top, #3cb0fd, #333);
  background-image: linear-gradient(to bottom, #3cb0fd, #333);
  text-decoration: none;
}


div.about_images img{
 width: 210px;
 height: auto;
 float: right;
 clear: right;
}




/***start of css file **/
body{
  font-family: 'Gotham Book', Gotham-Book, Arial, sans-serif;
  color: #555;
  margin: 4px auto;
  max-width: 90%;
}

h2, h3, h4{
 margin-bottom: .1em;
}

a:link{
 color: rgb(97,136,89);
}

.main{
 margin: 20px;
}

.logo img{
 width: 30%;
 height: auto;
}
div.logo{
 float: center;
}

.subtitle{
  font-size: 1.0em;
  font-style: italic;
  width: 500px;
  float:auto;
}

div.topmenu{
 float: right;
}

div.topmenu a{
 font-size: .8em;
 text-decoration: none;
}

ul.footermenu li{
 display:inline;
 padding: 0 10px;
 border-left: 1px solid #aaa;
}

ul.footermenu li:first-child{
 border-left: none;
}

ul.footermenu li:first-child{
 padding:  0px 10px 0px 0px;
}


ul.mainmenu a{
 text-decoration: none;
 color: #ddd;
 font-weight: bold;
}
ul.mainmenu a:hover{
 color: #f53534;
}

ul.mainmenu{
 white-space:nowrap;
 list-style: none;
 padding: 10px;
}

ul.mainmenu li{
 display:inline;
 padding: 10px 70px 10px 0px;
}

.mainmenu{
 width: 100%;
 background-color: #333;
}


ul.footermenu{
 list-style: none;
 padding: 10px;
}

ul.footermenu a{
 text-decoration: none;
 font-size: .8em;
 color: rgb(108, 126, 126);
}


ul.footermenu li{
 display: inline;
}

.footer{
 position: relative;
 left: -30px;
 top: 70px;
 border-top: 1px solid #ccc;
}

.footerlogo{
 float: left;
 padding-right: 30px;
 width: 200px;
 height: auto;
}

.footertext{
 position: relative;
 top: 20px;
}


.biotable img{
 height: 175px;
 width: auto;
}
 

.homeimage{
 position: relative;
 left: -20px;
 top: -22px
}

.homeimage img{
 width: 100%;
 width: 1220px;
}
.homeimage .homeimagetext{
 background-color: rgb(157, 192, 196);
 opacity: 0.86;
 filter: alpha(opacity=.86);
 position: relative;
 top: -120px;
 height: 80px;
 padding-left: 30px;
 padding-top: 15px;
 width: 1190px;
}

.homeimage p{
 position: relative;
 top: -50px;
 color: white;
 font-size: 2.2em;
 font-weight: bolder;
}

.hometable img{
 width: 400px;
 height: auto;
}

.hometable p{
 width: 650px;
 font-size: 1.2em;
 margin-top: 0px;
 line-height: 1.7em;
}

.hometable{
 position: relative;
 top: -100px;
}

.clear{
 clear: both;
 height: 1px;
}
.clearboth{
 clear: both;
}

.site img{
 height: 200px;
 width: auto;
 clear:both;
}

.site a{
 text-decoration: none;
 font-weight: bold;
}

.site{
 float: left;
 width: 50%;
 padding-bottom: 2em;
}
.leadership_logos {
 float: right;
}