html, body {
  height:100%;
  margin:0;
  padding:0;
}
body {
  color:#111111;
  background-color: #FFFFFF;
  font-family: Verdana, sans-serif;
}
a { color: #225987; }
a:hover {
  text-decoration: none;
  color: #6B9C51;
}
.wrapper {
  display: block;
  min-width: 800px;
  min-height: 100%;
  width: 100%;
}
.header {
  display: block;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://www.scigba-pedigrees.org/db/images/common/header.jpg");
  background-color: #36B3A8;
  border-style: solid;
  border-color: #3E3A34;
  border-width: 0;
  height: 100px;
}
.header-title {
  clear: both;
  text-align: center;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold;
}
div.login-tab {
  float: right;
  font-size: smaller;
  margin: 6px;
}
div.login-tab span {
  padding: 4px 8px;
}
div.login-tab a {
  padding: 4px 8px;
  color: #383838;
}
div.login-tab a:hover {
  background-color: #CFD3D8;
  text-decoration: none;
}

/* new nav tabs styling */
div.nav-menu-container {
  padding: 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: #36B3A8;
  width: 100%;
}
table.nav-menu {
  border-spacing: 0;
  margin: 0 auto;
  width: 800px;
}
td.nav-menu {
  border-width: 0;
  padding: 0;
}
.menu {
  list-style: none outside none;
  position: relative;
  z-index: 50;
}
ul.menu {
  margin: 0;
  padding: 0;
  border: none;
}
.menu, .menu a {
  border-style: solid;
  border-color: #FFFFFF;
}
.menu a {
  display: block;
  border-width: 1px 1px 1px 0;
  border-radius: 4px 4px 0 0;
  padding: 4px 12px;
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}
.menu a.nav-first {
  border-width: 1px;
}
.menu li {
  float: left;
  position: relative;
  margin-bottom: -1px;
}
.menu a:hover {
  color: #36B3A8;
  background-color: #CFD3D8;
}
.menu .current-menu-item a, .menu .current-menu-item a:hover {
  background: none repeat scroll 0 0 #FFFFFF;
}
.menu .current-menu-item a {
  color: #36B3A8;
  border-bottom-color: #FFFFFF;
}
.menu .current-menu-item > a {
  cursor: text;
}

.main {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  margin: 0 12px;
  min-height: 500px;
  padding-bottom: 50px;
}
.footer {
	background-color: #36B3A8;
	color: #FFFFFF;
  font-size: smaller;
	clear: both;
	height: 46px;
  margin-top: -50px;
	border-style: solid;
  border-color: #36B3A8;
  border-width: 4px 0 0 0;
}
.footer > div {
	margin:0 auto;
  text-align: center;
}
.footer a {
  color: #FFFFFF;
}
.footer a:hover {
  color: #CFD3D8;
  text-decoration: none;
}