th,td {
  padding:5px;
  border: 1px solid black;
  text-align: center;
}
table {
  border: 1px solid black;
}

#logo-wdfw {
  width: 82px;
  height: 180px;
  margin: 0px -10px 0px -35px;
  display: block;
  z-index: 999999;
  background: url(../images/wdfw-logo.png) no-repeat;
  position: absolute;
  top: 5px;
  overflow: hidden;
}

body
{
  background-color: #F5F5F5;
  min-width: 1000px;
  width: 100%;
  margin: 0 auto;
  color: #565656;
}
th,td {
  padding:5px;
  border: 1px solid black;
  text-align: center;
}
table {
  border: 1px solid black;
}

#masthead {
  color: #EFEFEF;
  font-family: sans-serif;
  min-width: 880px;
}
#masthead #top-bar {
  background: #000;
  font-variant: small-caps;
  font-size: 14px;
  height: 20px;
}
#masthead #top-bar #topContent {
  height: 20px;
  position: relative;
}
#masthead #top-bar #topContent .wdfw {
  font-weight: bold;
  margin: 1px 0px 0px 30px;
}
#masthead #top-bar #topLinks {
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  margin-left: 690px;
}
#masthead #top-bar #topLinks a {
  font-size: 10px;
  font-variant: normal;
  text-decoration: none;
  color: #EFEFEF;
}
#masthead #bottom-bar {
  background-color: #437a8f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#437a8f), to(#23353f));
  background-image: -webkit-linear-gradient(top, #437a8f, #23353f);
  background-image: -moz-linear-gradient(top, #437a8f, #23353f);
  background-image: -ms-linear-gradient(top, #437a8f, #23353f);
  background-image: -o-linear-gradient(top, #437a8f, #23353f);
  background-image: linear-gradient(top, #437a8f, #23353f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#437a8f', EndColorStr='#23353f');
  height: 65px;
}
#masthead #bottom-bar h1 {
  font-family: sans-serif;
  font-size: 200%;
  padding: 15px 0px 0px 50px;
  float: left;
}

#main-container {
  -webkit-box-shadow: 0px 2px 4px #777;
  -moz-box-shadow: 0px 2px 4px #777;
  box-shadow: 0px 2px 4px #777;
  /* For IE 8 */
  background-color: white;
  padding: 10px 34px;
}

#contentArea {
  font-family: sans-serif;
  margin-top: 15px;
  margin-left: 0px;
}
#contentArea h2 {
  font-size: 24px;
}
#contentArea h1 {
  font-size: 36px;
}
#contentArea #caTop p {
  font-size: 14px;
  line-height: 150%;
  width: 100%;
}
#contentArea #intro h2, #contentArea #intro h1 {
  color: #437A8F;
}
#contentArea #intro p {
  font-size: 16px;
  line-height: 150%;
  padding: 10px 0px;
}
/** For the Carosel Nivo Slider Javascript Code*/
#contentArea #caTop #transparent {
    position: absolute;
    top: 1;
    left: 1;
    z-index: 50;
}

/** Blue Button CSS for the index page to click to the geo map */
.app-btn-container {
  position: relative; }

.app-btn {
  -webkit-box-shadow: 0px 2px 4px #777;
  -moz-box-shadow: 0px 2px 4px #777;
  box-shadow: 0px 2px 4px #777;
  /* For IE 8 */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android <1.6 */
  -moz-border-radius: 6px;
  /* FF1-3.6 */
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  background-color: #437a8f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#437a8f), to(#23353f));
  background-image: -webkit-linear-gradient(top, #437a8f, #23353f);
  background-image: -moz-linear-gradient(top, #437a8f, #23353f);
  background-image: -ms-linear-gradient(top, #437a8f, #23353f);
  background-image: -o-linear-gradient(top, #437a8f, #23353f);
  background-image: linear-gradient(top, #437a8f, #23353f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#437a8f', EndColorStr='#23353f');
  height: 60px;
  border: 1px solid #777;
  text-align: right;
  color: #FFF;
  font-size: 20px;
  padding: 15px 10px;
  cursor: pointer;
}

.app-btn:hover {
  background-color: #345f70;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#345f70), to(#1f2f38));
  background-image: -webkit-linear-gradient(top, #345f70, #1f2f38);
  background-image: -moz-linear-gradient(top, #345f70, #1f2f38);
  background-image: -ms-linear-gradient(top, #345f70, #1f2f38);
  background-image: -o-linear-gradient(top, #345f70, #1f2f38);
  background-image: linear-gradient(top, #345f70, #1f2f38);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#345f70', EndColorStr='#1f2f38');
  background-color: #f00;
}

.icon {
  position: absolute;
  width: 120px;
  height: 100px;
  bottom: 5px;
  left: 5px;
  z-index: 2;
  cursor: pointer;
}

.go-hunt-btn {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android <1.6 */
  -moz-border-radius: 6px;
  /* FF1-3.6 */
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  padding: 5px;
  border: 1px solid #335c6c;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  background: #23353f;
  font-size: 16px;
  color: #CCC;
  font-weight: bold;
  cursor: pointer;
}
#get-started {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android <1.6 */
  -moz-border-radius: 6px;
  /* FF1-3.6 */
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  width: 900px;
  border: 1px solid #CDCDCD;
  background: #f5f5f5;
  padding: 10px 20px 20px 20px;
  margin: 10px 0px 10px 0px;
}
#get-started .fish {
  background: url("../images/FishIcon.png") 5px 5px no-repeat;
}
#get-started .span3 {
  width: 210px;
}
#get-started p {
  font-size: 16px;
  color: #787878;
  padding: 4px 0 10px 40px;
}
#get-started button {
  background: none;
  border: none;
}
/** BEGIN Footer CSS*/
#footer-container {
  background: #444;
  margin: 0px auto; }

#footer {
  height: 125px;
  /*Height of frame div*/
  overflow: hidden;
  /*Disable scrollbars. Set to "scroll" to enable*/
  background: #444;
  font-family: sans-serif;
  padding-right: 200px; }
#footer img {
  float: left;
  padding: 15px;
}
#footer #footerLinks {
  margin-top: 45px;
}
#footer #footerLinks p {
  line-height: 80%;
}
#footer #footerLinks #footerRight {
  margin-right: -70px;
}
#footer a {
  font-size: 12px;
  font-variant: normal;
  color: #EFEFEF;
  text-decoration: normal;
}

/**** help page *****/
#ghContents, #ghNav, #ghInteract {
  margin-left: 0px;
}
#ghContents h1, #ghContents h2, #ghContents h3, #ghNav h1, #ghNav h2, #ghNav h3, #ghInteract h1, #ghInteract h2, #ghInteract h3 {
  color: #437A8F;
  padding: 5px 0px;
}
#ghInteract {
  padding-bottom: 25px;
}
#ghContents {
  padding: 20px 0px;
}
#ghContents img {
  margin: 0px auto;
  display: block;
}
#ghContents .well {
  background-color: #fefefe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dbdbdb));
  background-image: -webkit-linear-gradient(top, #fefefe, #dbdbdb);
  background-image: -moz-linear-gradient(top, #fefefe, #dbdbdb);
  background-image: -ms-linear-gradient(top, #fefefe, #dbdbdb);
  background-image: -o-linear-gradient(top, #fefefe, #dbdbdb);
  background-image: linear-gradient(top, #fefefe, #dbdbdb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#dbdbdb');
  min-height: 410px;
  box-shadow: 6px 6px 5px #888;
  margin-top: 20px;
}
#ghContents .well h2 {
  color: black;
}
.interaction {
  padding: 10px 0px;
  font-size: 16px;
}
.explanation {
  font-size: 13px;
  width: 460px;
}
.divider {
  background: -moz-linear-gradient(top, #437a8f 0%, rgba(125, 185, 232, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #437a8f), color-stop(100%, rgba(125, 185, 232, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #437a8f 0%, rgba(125, 185, 232, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #437a8f 0%, rgba(125, 185, 232, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #437a8f 0%, rgba(125, 185, 232, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #437a8f 0%, rgba(125, 185, 232, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#437a8f', endColorstr='#007db9e8',GradientType=0 );
  /* IE6-9 */
  height: 10px;
  margin-top: 30px;
}

img {
  border-style: none;
}