body {
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14pt;
    color: #38860E;
    background-image: url(images/background.gif);
}



img.greenborder {
    border-style: inset;
    border-color: #8bc34a;
    border-width: 5px;
}

/* green available */
.greenavail {
    height: 40px;
    line-height: 40px;
    background-color: green;
    width: 270px;
    color: white;
}

/* green available */
.greenavailbigger {
    height: 40px;
    line-height: 40px;
    background-color: green;
    width: 293px;
    color: white;
}

/* red sold */
.redsold {
    height: 40px;
    line-height: 20px;
    background-color: red;
    width: 270px;
    color: white;
}

/* red sold */
.redgrads {
    height: 20px;
    line-height: 20px;
    background-color: red;
    width: 225px;
    color: white;
}

/* Centered text for puppies*/
.centered {
    position: absolute;
    top: 88%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Centered text for puppies*/
.centeredgrads {
    position: absolute;
    top: 92%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.companioncontainer {
    position: relative;
    text-align: center;
    color: white;
    margin-bottom: 25px;
}

.navybold {
    font-weight: bold;
    color: navy;
    padding-bottom: 30px;
}




A.Menu {
    color: #000000;
    text-decoration: none;
    font-size: small
}

A:hover.Menu {
    color: #807f80;
    text-decoration: none;
    font-size: small
}

.boneheader {
    background: transparent url('images/BoneLeft.jpg') no-repeat top left;
    font: bold 15px Tahoma; /* Change 13px as desired */
    float: inherit;
    color: Black;
    line-height: 49px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 57px; /* Height of button background height */
    padding-left: 45px; /* Width of left menu image */
    text-decoration: none;
    font-variant: small-caps;
    letter-spacing: 0px;
}

.bonewrapper { /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

.boneheader span {
    background: transparent url('images/BoneRight.jpg') no-repeat top right;
    display: block;
    padding: 4px 45px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}