html {
  background: #999999 url(../images/tiles/eagle-owl.jpg) repeat-y fixed top center;
  width: 100%;
  height: 100%;
}

body {
  background: url(../images/misc/header-bar.jpg) top center no-repeat;
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  font-size: 90%;
  color: #000000;
  margin: 0px; border: 0px; padding: 0px;
 
}

a:link {color: #000000;}
a:visited {color: #000000;}
a:active {color: #000000;}
a:hover {color: #ffff00;}

/* ---------- PAGE HEADER STYLES ---------- */

.page-header {
  position: relative;
  top: 0px;
  left: 0px;
  width: 900px;
  height: 160px;
  border: 0px; padding: 0px;
  margin: 0px auto 0px auto; 
  }

.talon-falconry-home {
  float: left;
  border-style: none;
  border: 0px; padding: 0px;
  margin: 6px 0px 0px 21px;
  }

.splash {
  float: right;
  border-style: none;
  border: 0px; padding: 0px;
  margin: 9px 11px 0px 8px;
  }

.youtube-logo {
  float: right;
  border-style: none;
  border: 0px; padding: 0px;
  margin: 9px 10px 0px 0px;
  }

.tripadvisor-logo {
  float: right;
  border-style: none;
  border: 0px; padding: 0px;
  margin: 9px 10px 0px 0px;
  }

.facebook-logo {
  float: right;
  border-style: none;
  border: 0px; padding: 0px;
  margin: 9px 309px 0px 0px;
  }

/* ---------- NAVIGATION STYLES ---------- */

.main-nav-col {
  position: relative;
  float: left;
  width: 40%;
  margin: 0px; border: 0px; padding: 0px;
  }

.top-nav-col-1, .top-nav-col-2, .top-nav-col-3 {
  position: relative;
  float: right;
  width: 155px;
  border: 0px; padding: 0px;
  margin: 16px 10px 0px 0px;
  }

 .top-nav-col-3 {
  margin: 16px 14px 0px 0px;
  }

.top-nav-list {
  list-style-type: none;
  margin: 0px; border: 0px; padding: 0px;
  }

.top-nav-list li {
  font-size: 90%;
  font-weight: bold;
  text-align: left;
  border: 0px; padding: 0px;
  margin: 0px 0px 2px 0px;
  }

.top-nav-list span {
  line-height: 18px;
  margin-left: 5px;
  }

.top-nav {
  width: 155px;
  display: block;
  text-decoration: none;
  }

a.top-nav:link {color: #000000; background: #ffff00;}
a.top-nav:visited {color: #000000; background: #ffff00;}
a.top-nav:active {color: #000000; background: #ffff00;}
a.top-nav:hover {color: #000000; background: #eea536;}

/* ---------- MAIN BODY + MISC STYLES ---------- */

.main-content {
  position: relative;
  clear: both;
  width: 900px;
  border: 0px; padding: 0px;
  margin: 0px auto 0px auto;
}

.main-content-box {
  background: #a1b52f;
  position: relative;
  width: 868px;
  padding: 0px;
  border: 2px; border-style: solid; border-color: #000000;
  margin: 0px auto 10px auto;
  }

.main-content-box p {
  margin: 0px 20px 10px 20px;
  }

.breadcrumb-nav {
  font-size: 80%;
  padding-top: 10px;
  }

h1 {
  font-size: 250%;
  font-weight: bold;
  font-style: normal;
  color: #ffff00;
  margin: 10px 20px 10px 20px;
  }

h1 span {
  font-size: 75%;
  }

h2 {
  font-size: 170%;
  font-weight: bold;
  font-style: normal;
  color: #ffff00;
  margin: 10px 20px 10px 20px;
  }

h2 span {
  font-size: 75%;
  }

h3 {
  font-size: 140%;
  font-weight: bold;
  font-style: normal;
  color: #ffff00;
  margin: 10px 20px 10px 20px;
  }

h4 {
  font-size: 110%;
  font-weight: bold;
  font-style: normal;
  color: #ffff00;
  margin: 10px 20px 10px 20px;
  }

.green-text-bold {
  font-weight: bold;
  color: #014f3c;
  }

.white-text {
  color: #ffffff;
  }

.red-text {
  color: #cc0000;
  }

.plain-text {
  font-weight: normal;
  color: #000000;
  }

em.bold {
  font-weight: bold;
  font-style: normal;
  }

em.italic {
  font-weight: normal;
  font-style: italic;
  }

em.bolditalic {
  font-weight: bold;
  font-style: italic;
  }

.general-nav-list {
  list-style-type: square;
  color: #014f3c;
  font-weight: bold;
  }

.top-of-page {
  clear: both;
  font-size: 90%;
  text-align: right;
  }

.top-of-page img {
  text-decoration: none;
  border-style: none;
  border: 0px;
  margin-right: 5px;
  }

.top-of-page a:link {color: #014f3c;}
.top-of-page a:visited {color: #014f3c;}
.top-of-page a:active {color: #014f3c;}
.top-of-page a:hover {color: #ffff00;}

.centred-image {
  position: relative;
  padding: 0px;
  border: 2px; border-style: solid; border-color: #000000;
  margin: 10px auto 10px auto;
  }

.lhs-image-para {
  position: relative;
  font-size: 80%;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  }

.lhs-image-para img {
  text-decoration: none;
  border-style: none;
  border: 0px;
  }

.rhs-image-box {
  position: relative;
  float: right;
  padding: 0px;
  margin: 0px 20px 15px 40px;
  }

.rhs-image-box p, .lhs-image-box p {
  text-align: center;
  font-size: 80%;
  margin: 0px; border: 0px; padding: 0px;
  }

.rhs-image-box img, .lhs-image-box img {
  border: 2px; border-style: solid; border-color: #000000;
  }

.rhs-video-box {
  position: relative;
  float: right;
  padding: 0px;
  margin: 0px 20px 15px 40px;
  background: #000000;
  border: 2px; border-style: solid; border-color: #000000;
  }

/* ---------- ADOPTION PAGE STYLES ---------- */

.adoption-gallery {
  height: 1%;
  font-size: 80%;
  list-style-type: none;
  padding: 0px; border: 0px;
  margin: 0px 15px 0px 10px;
  }

.adoption-gallery li {
  float: left;
  text-align: center;
  padding: 0px; border: 0px;
  margin: 0px 5px 10px 10px;
  }

.adoption-gallery img {
  border: 0px;
  padding: 0px 0px 5px 0px;
  border-style: none;
  display: block;
  }

/* ---------- PHOTO GALLERY PAGE STYLES ---------- */

.photo-gallery {
  height: 1%;
  font-size: 80%;
  list-style-type: none;
  padding: 0px; border: 0px;
  margin: 0px 15px 0px 10px;
  }

.photo-gallery li {
  float: left;
  height: 175px;
  text-align: center;
  padding: 0px; border: 0px;
  margin: 0px 6px 0px 10px;
  }

.photo-gallery img {
  margin: 0px 0px 5px 0px;
  border: 2px; border-style: solid; border-color: #000000;
  display: block;
  }

/* ---------- GOOGLE MAP STYLES ---------- */

#talon-center-map {
  clear: both;
  width: 824px;
  height: 400px;
  border: 2px; border-style: solid; border-color: #000000;
  margin: 0px auto 15px auto;
  }

/* ---------- PAGE FOOTER STYLES ---------- */

.page-footer {
  clear: both;
  text-align: center;
  font-size: 75%;
  color: #ffff00;
  margin: 0px; border: 0px; padding: 0px;
  }

.page-footer a:link {color: #ffff00;}
.page-footer a:visited {color: #ffff00;}
.page-footer a:active {color: #ffff00;}
.page-footer a:hover {color: #a1b62e;}