.active {
font-family : 'Roboto', sans-serif;
visibility : visible;
z-index : 5;
}

.admin_back_button {
font-family : 'Roboto', sans-serif;
float : right;
}

.admin_column_header {
font-family : 'Roboto', sans-serif;
color : #FFFFFF;
background-color : #666;
padding-bottom : 4px;
padding-left : 4px;
}

.admin_search_header {
font-family : 'Roboto', sans-serif;
color : #FFF;
background-color : #333;
padding-bottom : 4px;
padding-left : 4px;
}

.admin_search_link {
font-family : 'Roboto', sans-serif;
color : #FFF;
}

.alt_table_rows {
font-family : 'Roboto', sans-serif;
background-color : #CCC;
padding-bottom : 4px;
padding-left : 4px;
}

.autoComplete {
font-family : 'Roboto', sans-serif;
font-size : 10px;
position : absolute;
z-index : 400;
}

.badge {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
float : left;
padding-bottom : 8px;
padding-left : 8px;
}

.class {
font-family : 'Roboto', sans-serif;
color : #FFFFFF;
}

.colorPicker {
font-family : 'Roboto', sans-serif;
margin-top : 0px;
margin-left : 0px;
position : absolute;
}

.container {
width : 100%;
clear : both;
margin-top : 8px;
margin-bottom : 8px;
}

.container_photo {
width : 25%;
float : left;
}

.container_text {
text-align : left;
width : 70%;
float : left;
margin-left : 12px;
}

.current_page {
font-family : 'Roboto', sans-serif;
background-color : #0000FF;
}

.current_page a {
font-family : 'Roboto', sans-serif;
color : #FFFFFF;
}

.div_row {
clear : both;
margin-top : 12px;
margin-bottom : 12px;
}

.error {
font-family : 'Roboto', sans-serif;
color : #FF0000;
}

.error_row {
font-family : 'Roboto', sans-serif;
background-color : #FF0000;
}

.footer_spacer {
clear : both;
}

.gallery {
display : flex;
flex-wrap : wrap;
}

.gallery_column {
padding-bottom : 0px;
padding-left : 0px;
max-width : 30%;
flex : 30%;
}

.gallery_photo {
font-family : 'Roboto', sans-serif;
}

.hide {
font-family : 'Roboto', sans-serif;
display : none;
}

.highlight {
font-family : 'Roboto', sans-serif;
background-color : #FFFF66;
}

.inactive {
font-family : 'Roboto', sans-serif;
visibility : hidden;
}

.kennel_photo {
font-family : 'Roboto', sans-serif;
width : 100%;
}

.last {
font-family : 'Roboto', sans-serif;
visibility : visible;
z-index : 1;
}

.lightbox_photo {
font-family : 'Roboto', sans-serif;;
width : 98%;
}

.litter_photo {
font-family : 'Roboto', sans-serif;
width : 100%;
}

.page_photo {
font-family : 'Roboto', sans-serif;
width : 98%;
}

.pages {
font-family : 'Roboto', sans-serif;
color : #000;
background-color : #fff;
display : block;
padding-bottom : 4px;
padding-left : 4px;
}

.pagination {
font-family : 'Roboto', sans-serif;
color : #FFFFFF;
background-color : #000000;
width : 100%;
padding-bottom : 8px;
padding-left : 4px;
}

.pedigree_block {
font-family : 'Roboto', sans-serif;
font-size : .8em;
text-align : left;
padding-left : 3px;
border-left-style : solid;
border-left-width : thin;
border-left-color : #000000;
}

.pedigree_block a {
font-family : 'Roboto', sans-serif;
text-decoration : none;
color : #000000;
}

.pedigree_dam {
font-family : 'Roboto', sans-serif;
font-size : .8em;
text-align : left;
padding-left : 3px;
border-bottom-style : solid;
border-left-style : solid;
border-bottom-width : thin;
border-left-width : thin;
border-right-color : #000000;
border-bottom-color : #000000;
}

.pedigree_dam a {
font-family : 'Roboto', sans-serif;
text-decoration : none;
color : #000000;
}

.pedigree_link a {
font-family : 'Roboto', sans-serif;
text-decoration : underline;
color : #FFF;
float : right;
}

.pedigree_parents {
font-family : 'Roboto', sans-serif;
font-size : .8em;
text-align : left;
padding-left : 3px;
border-bottom-style : solid;
border-bottom-width : thin;
border-bottom-color : #000000;
}

.pedigree_parents a  {
font-family : 'Roboto', sans-serif;
text-decoration : none;
color : #000000;
}

.pedigree_sire {
font-family : 'Roboto', sans-serif;
font-size : .8em;
text-align : left;
padding-left : 3px;
border-top-style : solid;
border-left-style : solid;
border-top-width : thin;
border-left-width : thin;
border-top-color : #000000;
border-left-color : #000000;
}

.pedigree_sire a {
font-family : 'Roboto', sans-serif;
text-decoration : none;
color : #000000;
}

.pedigree_text  {
font-family : 'Roboto', sans-serif;
font-size : .8em;
text-align : left;
padding-left : 3px;
}

.pedigree_text a {
font-family : 'Roboto', sans-serif;
text-decoration : none;
color : #000000;
}

.photo_gallery {
margin-top : 4px;
margin-bottom : 4px;
}

.picture_container {
font-family : 'Roboto', sans-serif;
width : auto;
float : left;
padding-bottom : 5px;
padding-left : 5px;
}

.required {
font-family : 'Roboto', sans-serif;
color : #000;
background-color : #EFEFEF;
padding-left : 4px;
}

.showAll {
font-family : 'Roboto', sans-serif;
float : right;
}

.showAll a {
font-family : 'Roboto', sans-serif;
color : #FFF;
}

.slideshow {
font-family : 'Roboto', sans-serif;
position : absolute;
z-index : 10;
opacity : 1;
}

.stable_photo {
font-family : 'Roboto', sans-serif;
width : 450px;
}

.status {
font-family : 'Roboto', sans-serif;
color : #0000FF;
}

.table_blank {
width : 33%;
float : left;
}

.table_rows {
font-family : 'Roboto', sans-serif;
background-color : #EFEFEF;
padding-top : 4px;
padding-bottom : 4px;
padding-left : 4px;
}

.table_title {
background-color : #EFEFEF;
width : 33%;
float : left;
padding-top : 8px;
padding-bottom : 8px;
padding-left : 4px;
margin-right : 12px;
}

.timestamp {
font-family : 'Roboto', sans-serif;
font-size : 8px;
text-align : right;
}

.toolbar {
font-family : 'Roboto', sans-serif;
font-size : 10px;
background-color : #EBEBEB;
width : 332px;
padding-bottom : 2px;
padding-left : 2px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
}

#bottom {
float : right;
padding-bottom : 8px;
padding-left : 8px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
}

#bottom .menu_group {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
width : 200px;
float : left;
}

#bottom .spacer {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
color : #000000;
background-color : #72614a;
display : none;
}

#bottom #footer_links  ul {
text-decoration : none;
padding-bottom : 0px;
padding-left : 0px;
}

#bottom #footer_links h1 {
font-size : 12px;
}

#bottom #footer_links li {
line-height : 24px;
text-decoration : none;
list-style-type : none;
}

#bottom #footer_links li a {
font-family : 'Roboto', sans-serif;
text-decoration : none;
color : #FFFFFF;
display : block;
padding-left : 4px;
}

#bottom #footer_links li a:hover {
color : #fff;
background-color : #666;
margin-right : 8px;
}

#canvas {
background-color : #ffffff;
background-size : cover;
display : none;
width : 1280px;
height : 1000px;
position : absolute;
z-index : -1;
opacity : 0.85;
}

#content .spacer {
clear : both;
}

#credit {
width : 100%;
position : relative;
bottom : 0px;
left : 0px;
}

#footer {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
width : 100%;
clear : both;
margin-right : auto;
margin-left : auto;
border-bottom-style : solid;
border-bottom-width : thin;
border-bottom-color : #999;
}

#footer_constraint {
color : #FFFFFF;
background-color : #72614a;
width : 1280px;
clear : both;
padding-top : 18px;
margin-right : auto;
margin-left : auto;
max-width : 1280px;
}

#gallery_container {
font-family : 'Roboto', sans-serif;
width : 100%;
clear : both;
padding-bottom : 0px;
padding-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
overflow : auto;
}

#gundog_central {
font-family : 'Roboto', sans-serif;;
text-align : left;
width : 50%;
float : right;
padding-bottom : 12px;
padding-left : 12px;
}

#gundog_central .gdc_logo {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
float : left;
margin-right : 12px;
}

#header_constraint {
background-image : url("../photos/website/1611950984/1611950984.jpg");
background-repeat : no-repeat;
background-size : cover;
width : 1280px;
height : 440px;
margin-top : 24px;
margin-right : auto;
margin-left : auto;
position : relative;
max-width : 1280px;
}

#lightbox_close {
font-family : 'Roboto', sans-serif;
text-align : right;
width : 16px;
height : 16px;
clear : none;
position : absolute;
}

#lightbox_container {
font-family : 'Roboto', sans-serif;
color : #FFF;
background-color : #FFFFFF;
width : 50%;
padding-bottom : 8px;
padding-left : 8px;
position : absolute;
z-index : 500;
}

#lightbox_container h1 {
font-family : 'Roboto', sans-serif;;
color : #000;
}

#lightbox_container p {
font-family : 'Roboto', sans-serif;;
color : #000;
}

#lightbox_overlay {
font-family : 'Roboto', sans-serif;
background-color : #000;
width : 100%;
height : 100%;
position : absolute;
z-index : 500;
overflow : hidden;
top : 0px;
left : 0px;
}

#links .home_button {
width : 32px;
height : 32px;
fill: #FFF;
}

#links .menu_button  {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
vertical-align : middle;
width : 32px;
height : 32px;
float : left;
margin-top : 4px;
margin-left : 12px;
}

#links .menu_button img {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
color : #FFFFFF;
background-color : #000000;
height : 24px;
}

#links .menu_line {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
color : #FFFFFF;
background-color : #cfcdcc;
width : 100%;
height : 32px;
fill: #FFF;
}

#links .menu_title {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
font-size : 14px;
font-weight : normal;
line-height : 32px;
vertical-align : middle;
float : left;
padding-left : 24px;
margin-top : 4px;
}

#links .menu_title a {
text-decoration : none;
color : #FFFFFF;
}

#links #header_links {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
float : right;
margin-right : 8px;
}

#links #header_links .active {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
color : #000000;
background-color : #cfcdcc;
border-top-style : solid;
border-right-style : solid;
border-left-style : solid;
border-top-width : thin;
border-right-width : thin;
border-left-width : thin;
border-top-color : #000;
border-right-color : #000;
border-left-color : #000;
}

#links #header_links .menu_group {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
width : 280px;
float : left;
padding-left : 6px;
position : relative;
}

#links #header_links .spacer {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
color : #000000;
background-color : #FFFFFF;
display : block;
width : 3px;
height : 24px;
float : left;
margin-top : 8px;
}

#links #header_links .sub_menu {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
color : #FFFFFF;
background-color : #cfcdcc;
display : none;
width : 280px;
padding-bottom : 8px;
margin-top : 30px;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-right-width : thin;
border-bottom-width : thin;
border-left-width : thin;
border-right-color : #000;
border-bottom-color : #000;
border-left-color : #000;
position : absolute;
z-index : 1000;
top : 0px;
left : 6px;
}

#links #header_links h1 {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
font-size : 12px;
line-height : 24px;
text-align : center;
display : block;
width : 280px;
float : left;
padding-bottom : 8px;
padding-left : 0px;
margin-top : 8px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
}

#links #header_links li {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
line-height : 36px;
vertical-align : middle;
text-align : left;
display : block;
width : 250px;
height : 36px;
padding-top : 4px;
padding-bottom : 4px;
padding-left : 4px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
border-bottom-style : solid;
border-bottom-width : thin;
border-bottom-color : #999;
}

#links #header_links li a {
font-family : 'Roboto', sans-serif;
line-height : 36px;
text-decoration : none;
vertical-align : middle;
height : 28px;
padding-left : 8px;
}

#links #header_links li a:hover {
color : #FFFFFF;
background-color : #000000;
display : block;
width : 92%;
height : 36px;
}

#links #header_links ul {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
width : 200px;
padding-bottom : 0px;
padding-left : 0px;
margin-top : 0px;
margin-right : 8px;
margin-bottom : 0px;
margin-left : 8px;
}

#logo {
background-repeat : no-repeat;
background-position-x : center;
background-position-y : center;
background-size : cover;
width : 250px;
height : 250px;
float : left;
padding-left : 24px;
margin-left : 24px;
}

#mobile {
font-family : 'Roboto', sans-serif;
display : none;
position : absolute;
z-index : 1000;
top : 0px;
}

#page {
background-color : #fff;
width : 1280px;
margin-right : auto;
margin-left : auto;
border-top-style : solid;
border-top-width : thin;
border-top-color : #000000;
}

#page .spacer {
clear : both;
}

#parallax1 {
display : none;
width : 100%;
height : 300px;
clear : both;
}

#parallax2 {
display : none;
width : 100%;
height : 200px;
clear : both;
}

#pictureContainer {
font-family : 'Roboto', sans-serif;
width : 716px;
margin-right : auto;
margin-left : auto;
position : relative;
overflow : hidden;
}

#slideshow {
width : 1280px;
height : 380px;
margin-top : auto;
margin-right : auto;
margin-left : auto;
right : 0px;
left : 0px;
}

#slideshow .slidePictures {
display : none;
}

body {
font-size : 12px;
background-color : #efdab7;
background-image : url("../photos/website/1607269459/1607269459.jpg");
background-position-x : center;
background-position-y : center;
background-size : cover;
padding-bottom : 0px;
padding-left : 0px;
margin-top : 0px;
margin-right : auto;
margin-bottom : 0px;
margin-left : auto;
}

input {
font-family : 'Roboto', sans-serif;
padding-top : 4px;
padding-right : 4px;
padding-bottom : 4px;
padding-left : 4px;
}

select {
font-family : 'Roboto', sans-serif;
padding-bottom : 4px;
padding-left : 4px;
}

#validate {
font-family : 'Roboto', sans-serif;
text-align : right;
width : 100%;
padding-bottom : 4px;
padding-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
}

#wrapper {
width : 100%;
padding-bottom : 0px;
padding-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
}

#contact {
font-size : 0.9em;
vertical-align : middle;
text-align : left;
width : 100%;
float : left;
padding-bottom : 12px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 325px;
}

#contact .kennel_name {
font-size : 1.8em;
font-weight : bold;
}

#contact a {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
font-size : 0.9em;
color : #000000;
background-color : #72614a;
}

#content {
font-family : 'Roboto', sans-serif;
color : #000000;
width : 70%;
float : left;
padding-bottom : 12px;
padding-left : 2%;
margin-top : 24px;
margin-bottom : 24px;
}

#counter {
font-family : 'Roboto', sans-serif;
text-align : center;
}

#credit a {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
font-size : 0.9em;
color : #FF7F00;
}

#credit_constraint {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
color : #FFF;
background-color : #666;
text-align : center;
width : 1280px;
clear : both;
padding-bottom : 2px;
padding-left : 0px;
margin-top : 0px;
margin-right : auto;
margin-bottom : 0px;
margin-left : auto;
}

#header {
background-repeat : no-repeat;
background-position-x : center;
background-position-y : center;
width : 100%;
padding-bottom : 0px;
padding-left : 0px;
margin-top : 0px;
margin-right : auto;
margin-left : auto;
}

#links {
font-family : Arial Black, Arial Black, Gadget, sans-serif;
font-size : 1em;
color : #FFFFFF;
background-color : #72614a;
text-align : right;
width : 100%;
padding-top : 4px;
padding-bottom : 4px;
padding-left : 4px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
position : absolute;
bottom : 0px;
left : 0px;
}

#menu {
font-family : 'Roboto', sans-serif;
color : #000000;
width : 25%;
float : left;
padding-left : 8px;
margin-top : 12px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
}

#menu .link_categories {
font-family : 'Roboto', sans-serif;
font-size : 1em;
font-style : normal;
font-weight : bold;
line-height : 1.6em;
margin-left : 12px;
}

#menu a {
font-family : 'Roboto', sans-serif;
font-size : 1em;
line-height : 1.6em;
text-decoration : none;
color : #FFFFFF;
background-color : #9d8563;
display : block;
width : 90%;
padding-top : 8px;
padding-bottom : 8px;
padding-left : 8px;
margin-top : 8px;
margin-right : 3px;
margin-bottom : 8px;
margin-left : 3px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-width : thin;
border-right-width : thin;
border-bottom-width : thin;
border-left-width : thin;
border-top-color : #333;
border-right-color : #333;
border-bottom-color : #333;
border-left-color : #333;
border-radius : 5px;
}

#menu a:hover {
font-family : 'Roboto', sans-serif;
font-size : 1em;
line-height : 1.6em;
text-decoration : none;
color : #000000;
background-color : #FFFFFF;
display : block;
}

#menu li {
font-family : 'Roboto', sans-serif;
margin-top : 4px;
margin-bottom : 4px;
list-style-type : none;
}

#menu ul {
font-family : 'Roboto', sans-serif;
padding-bottom : 5px;
padding-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 6px;
}

#pedigree {
font-family : 'Roboto', sans-serif;
background-color : #FFFFFF;
width : 100%;
}

#slogan {
text-align : right;
width : 100%px;
padding-bottom : 2px;
padding-left : 0px;
}

#content h1 {
font-family : 'Roboto', sans-serif;
font-size : 24px;
color : #000000;
padding-bottom : 8px;
padding-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 12px;
margin-left : 0px;
}

h2 {
font-size : 16px;
}

h3 {
background-color : #ffffff;
padding-bottom : 8px;
padding-left : 4px;
margin-top : 6px;
margin-right : 0px;
margin-bottom : 6px;
margin-left : 0px;
}

h4 {
background-color :  column 's;
padding-bottom : 0px;
padding-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
}

h5 {
font-size : 1.2em;
padding-bottom : 8px;
padding-left : 4px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 8px;
margin-left : 0px;
}

p {
font-style : normal;
line-height : 200%;
text-align : justify;
}

#copyright {
font-size : 10px;
}