body {
  font-family:Verdana;
  font-size:14px;

}
img {
  vertical-align:middle;
  border:0;
}
a{ 
  color:#0055bb;
  text-decoration:none;
}

.hr {
  background-image:url('/MasterPages/Images/hr.png');
  background-repeat:no-repeat;
  height:1px;
  margin:10px 0 10px 0;
  text-align:center;
}
hr {
  color:#0c2e51;
  height:1px;
}

.centered {
  width:950px; /*MM 06.23.2016 expanded to align properly in Chrome*/
  margin:0 auto;
  padding:0px;
}
#header {
  background-image:url('../MasterPages/Images/header.jpg');
  background-repeat:repeat-x;
  height:100px;
  width:100%;
}
#logo {
  float:left;
  position:relative;
  z-index:100;
  margin:0;
  padding:0;
}
#Title {
  text-align:left;
  width:465px;
  font:bold 21px Verdana;
  color:#051930;
  float:left;
  /* For IE until it get's it's act together and conforms to standards 
  filter: Glow(color='#f3eedc', Strength=4);*/
  
  /* For all the good browsers */
  /*text-shadow: #f3eedc 0px 0px 8px;*/
}
#eyebrow {
  float:right;
  padding:0 0 0 15px;
  background-image:url('../MasterPages/Images/eyebrow.png');
  background-repeat:no-repeat;
  height:47px;
  /*reduced for applications since search has been removed */
width:400px;
}
#menu {
  background-color:#e0c8a6;
  background-image:url('/MasterPages/Images/drop-shadow.png');
  background-repeat:repeat-x;
  min-height:90px;
  padding-top:5px;
  border-bottom:1px #fffbf8 solid;
  border-top:1px #051930 solid;
  margin-bottom:0px;
}
#pageBody-top {
  background-image:url('../MasterPages/Images/background-top.jpg');
  background-repeat:repeat-x;
  float:left;
  width:100%;
}
.shadow {
  width:960px;
  margin:-25px auto 0 auto;
  padding:10px;
  background-image:url('../MasterPages/Images/shadow.png');
  background-repeat:no-repeat;
}

#FeaturedTop {
  background-color:#f3eedc;
  padding:15px;
  position:relative;
  z-index:300;
}
#FeaturedTop-Inner {
  background-image:url('../MasterPages/Images/Featured-Top-Inner-Background.png');
  background-repeat:no-repeat;
  padding:0px;
  width:930px;
  height:300px;
}

#mission {
  background-image:url('../MasterPages/Images/mission-background.png');
  background-repeat:no-repeat;
  min-height:84px;
  font-size:15px;
  font-style:italic;
  padding-top:20px;
  text-align:center;
  margin-bottom:0px;
  vertical-align:middle;
}
#mission .right {
  float:left;
  width:250px;
  height:64px;
  text-align:left;
  display:block;
  vertical-align:middle;
}

#mission .left {
  float:left;
  width:250px;
  height:64px;
  text-align:right;
  display:block;
  vertical-align:middle;
}
#mission .center {
  width:360px;
  display:block;
  text-align:center;
  border:0px;
padding:0px;
margin:0px auto;
}
#pageBody-bottom {
  background-image:url('../MasterPages/Images/background-bottom.png');
  background-repeat:repeat-x;
  background-position:bottom left;
  float:left;
  width:100%;
  margin-top:-20px;
  z-index:10;
}
#pageBody-bottom .right {
  float:left;
  width:28%;
  display:block;
  border-left:1px #0c2e51 solid;
  border-right:1px #0c2e51 solid;
  margin:5px;
  padding:15px;
}

#pageBody-bottom .left {
  float:left;
  width:28%;
  display:block;
  border-left:1px #0c2e51 solid;
  border-right:1px #0c2e51 solid;
  margin:5px;
  padding:15px;
}
#pageBody-bottom .center {
  width:28%;
  display:block;
  float:left;
  margin:5px;
  padding:15px;
}

.More {
  background-image:url('../MasterPages/Images/more-background.png');
  background-repeat:no-repeat;
  min-height:121px;
  width:100%;
  margin-top:-121px;
  z-index:-1000;
  position:relative;
}

#Ask {
  font-size:14px;
  font-weight:bold;
  font-family:Verdana;
  text-align:center;
  padding:10px 30px;
  background-image:url('../MasterPages/Images/border-bottom.png');
  background-repeat:no-repeat;
  background-position:bottom;
  color:#144169;
}
#Ask a {
  color:#9e9585;
  text-decoration:none;
}
#Ask a:hover {
  color:#cbb99c;
  text-decoration:none;
}
.centered #Ask {
  background-image:url('../MasterPages/Images/top-glow.png');
  background-repeat:no-repeat;
  background-position:top;

}

#footer {
  background-image:url('../MasterPages/Images/footer.jpg');
  background-repeat:repeat-x;
  min-height:30px;
  background-position:bottom left;
  width:100%;
  color:#6d655d;
  font-size:10px;
  font-weight:bold;
  font-family:Verdana;
  margin:0 auto;
}
#footer a{
  color:#6d655d;
  text-decoration:none;
}
#footer a:hover{
  color:#888777;
}
#footer .right {
  float:right;
  width:285px;
  display:block;
  margin:0px;
  padding:15px;
border:0px;
}

#footer .left {
  float:left;
  width:270px;
  display:block;
  padding:15px;
  border:0px;
}
#footer .center {
  float:left;
  border-left:1px #9e9585 solid;
  border-right:1px #9e9585 solid;
  width:270px;
  display:block;
  margin:5px 0px 5px -1px;
  padding:15px;
}

.Social {
  color:#6d655d;
  font-size:12px;
  font-family:Verdana;
  text-align:center;
}

.date {
  color:#999;
  padding:5px 0 0 5px;
  margin:0px;
  font-size:12px;
  text-align:left;
}
.text-small {
  color:#000;
  padding:5px 0 0 5px;
  margin:0px;
  font-size:12px;
  text-align:left;
}
.text {
  color:#000;
  padding:5px;
  margin:0px;
  font-size:14px;
  text-align:left;
}
.title {
  color:#404040;
  padding:5px 0 0 5px;
  margin:0px;
  font-size:16px;
  text-align:left;
}
h2 {
  font-size:20px;
  text-align:center;
  color:#144169;
  font-weight:bold;
}
.text-center {
  color:#000;
  padding:5px 0 0 5px;
  margin:0px;
  font-size:14px;
  text-align:center;
}
.more-link{
  text-align:center;
  position:relative;
  z-index:500;
}
.more-link a{
  color:#144169;
  font-size:12px;
  font-weight:bold;
}

.search {
  background-color:#0c273f;
  color:#fff;
  padding:5px;
  border:0;
  height:40px;
  width:40px;
  text-align:center;
  margin:-5px 23px 0 0;
}

ul {
  margin:2px 15px;
  padding:10px;
  list-style-type:square;
}

/*google news feed*/

    #feedControl { 
      margin-top : 20px;
      margin-left: auto;
      margin-right: auto;
      width : 275px;
      font-size: 14px;
    }
    .gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Verdana", sans-serif;
  font-size: 12px;
}

.gfg-title {
  font-size: 16px;
  color : #404040;
  line-height : 0px;
  overflow : hidden;
  white-space : nowrap;
  display:none;
  
}

.gfg-title a {
  color : #404040;
}

.gfg-subtitle {
  font-size: 16px;
  color : #404040;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #404040;
}

.gfg-entry {
  width : 100%;
  height : 12em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  /*text-overflow : ellipsis;*/
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}
.gfg-listentry-highlight { 
  background-image : url('../MasterPages/Images/button-not-active.png');
  background-repeat: no-repeat;
  background-position : bottom left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  /*text-overflow : ellipsis; */
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}


.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}


.gfg-collapse-open {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}


.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
  height:1px;
}
 
/* mega menu */
.megamenu{
position:absolute;
display: none;
left: 0;
top: 0;
background:#fff;
border: 2px solid #0c2e51;
padding: 0px;
z-index: 100;
margin:0px;
color:#0c2e51;
font-size: 12px;
}

.megamenu .column{
float: left;
width: 163px; /*width of each menu column*/
margin: 0px 5px 0px -2px;
border-left:1px #0c2e51 solid;
padding:10px;
}

.megamenu .column ul{
margin: 0;
padding:0px 0px 0px 5px;
list-style-type: none;
font-family:Verdana;
}

.megamenu .column ul li{
padding-bottom: 0px;
}

.megamenu .column h3{
font: bold 13px Verdana;
margin: 0 0 2px 0;
}

.megamenu .column a{
text-decoration: none;
display:block;
padding:2px 3px;
color:#0c2e51;
}

.megamenu .column a:hover{
  background-image:url('../MasterPages/Images/eyebrow.png');
  background-position:center top;
  background-repeat:repeat-x;
  color:#fff;
}

.megamenu .column ul li ul{
margin: 0px 0px 0px 5px;
padding:0px 0px 0px 2px;
list-style-type: none;
font-size:10px;
}

.mega-anchors {
  margin:0px;
  padding:5px;
  padding-bottom:20px;
  float:left;
  min-width:85px;
  height:40px;
  text-align:center;
  font-weight:bold;
 }
.mega-anchors:hover {
  background-image:url('../MasterPages/Images/menu-rollover.png');
  background-position:center bottom;
  background-repeat:repeat-x;
  color:#fff;
}
.mega-anchors a {
  color:#0c2e51; /*navy Blue */
  font-size:14px;
  font-family:Verdana;
  text-decoration:none;
  display:block;
  padding:5px 8px 10px 8px;
}
.mega-anchors a:hover {
  color:#fff;
}

.mega-anchorsTop {
  margin:5px 0px 5px 2px;
  padding:5px;
  float:left;
  height:20px;
  text-align:center;
  vertical-align:middle;
}
.mega-anchorsTop a {
  color:#fff; 
  font-size:12px;
  font-family:Verdana;
  text-decoration:none;
  display:block;
}


/* featured content */


/* The containing box for the gallery. */
#container {
  position: relative;
  width: 680px;
  height: 273px;
  margin: 0px auto 0 auto;
  background: url('../MasterPages/Images/Species-of-the-day_SeaTurtle.png') no-repeat 80px 10px;
  padding:5px;
  z-index:700;
  float:left;
  overflow:hidden;

}
#container img {
padding:0px;
margin:0px;
}

/* Removing the list bullets and indentation */
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
  padding: 0;
  list-style-type: none;
  width: 80px;
  height: 275px;
  margin: 5px 0px 0 0;
  float: left;
}
#container li {
  float: left;
  padding:0px;
  margin:0px;
}

/* Remove the images and text from sight */
#container a.gallery span {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 5px;
  left: 5px;
  overflow: hidden;
  z-index:-1;
}
/* Adding the thumbnail images */
#container a.gallery:visited {
  text-decoration: none;
  text-align: center;
  color:#414042;
  font-size:12px;
  display:block;
  min-width:80px;
  min-height:55px;
}
#container a.gallery {
  text-decoration: none;
  text-align: center;
  color:#414042;
  font-size:12px;
  display:block;
  min-width:80px;
  min-height:55px;
}
/* change the thumbnail hover state */
#container a.gallery:hover {
  position:inherit;
  z-index:1000;
}
/* styling the :hover span */
#container a.gallery:hover span {
  position: absolute;
  width: 610px;
  height: 274px;
  top: 10px;
  left: 80px;
}
#container a.gallery:hover span img {
  float: right;
  margin-right: 0px;
  border:0px;
}

#Featured-Buttons {
  font-size:20px;
  text-align:right;
  width:360px;
  float:right;
  margin:-280px 5px 0 0;
}
#Featured-Buttons a{
  padding:5px;
  display: block;
  text-decoration: none;
  color:#414042;
  min-height:59px;
  position:relative;
  z-index:0;
  background:url('../MasterPages/Images/button-not-active.png') transparent no-repeat right;
}
/* change the thumbnail hover state */
#Featured-Buttons a:hover {
  background-image:url('../MasterPages/Images/button-highlight.png');
  background-repeat:no-repeat;
  background-position:right;
  color:#fff;
}

















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
