.pics {  
    height:  273px;  
    width:   712px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    background-color: #eee;  
    width:  712px; 
    height: 273px; 
    padding: 0;
    margin: 0;
}

.nav {
    position: absolute;
    left: 850px;
    top: 345px;
}

.container {
    margin-left: 0px;
}

.leftlogo {
    background-image: url('images/leftlogo.gif');
    background-position: bottom right;
    background-repeat: no-repeat; 
}

.slogan {
    position: relative;
    left: 215px;
}

.oneluckylink {
    position: relative;
}

.rightnav {
    background-image: url('images/rightnav.gif');
    background-position: left;
    background-repeat: no-repeat;
}

.leftside {
    background-image: url('images/leftsideheader.gif');
    background-position: right;
    background-repeat: no-repeat;
}

.rightside {
    background-image: url('images/rightsideheader.gif');
    background-position: left;
    background-repeat: no-repeat;
}

.bottomside {
    background-image: url('images/headerbottom.gif');
    background-position: top;
    background-repeat: no-repeat;
}

.newstickerbg {
    background-image: url('images/newstickerbg.gif');
    background-position: center;
    background-repeat: no-repeat;
}

.newsticker {
    position: relative;
    top: 6px;
    list-style-type: none;
    font-family: arial, verdana;
    font-size: 9pt;
    color: #7C7870;
}

.newsticker a {
    position: relative;
    top: -6px;
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 9pt;
    color: #7c98ae;
}

.newsticker a:hover {
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 9pt;
    color: #88a7c0;
}

.tell {
    position: relative;
    
}

.tell a {
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 9pt;
    color: #7c98ae;
}

.tell a:hover {
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 9pt;
    color: #88a7c0;
}

.available {
    background-image: url('images/availablepuppiesbg.gif');
    background-position: center;
    background-repeat: no-repeat;
}

.availabletext a {
    position: relative;
    bottom: 22px;
    right: 20px;
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 8pt;
    color: #9dc7e1;
}

.availabletext a:hover {
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 8pt;
    color: #7c98ae;
}


.upcoming {
    background-image: url('images/upcomingpuppiesbg.gif');
    background-position: center;
    background-repeat: no-repeat;
}

.upcomingtext a {
    position: relative;
    bottom: 25px;
    right: 20px;
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 8pt;
    color: #9dc7e1;
}

.upcomingtext a:hover {
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 8pt;
    color: #7c98ae;
}

.community {
    background-image: url('images/lonestarcommunity.gif');
    background-position: center;
    background-repeat: no-repeat;
}

.enter {
    position: relative;
    right: 30px;
    top: -25px;
    height: 22px;
    width: 45px;
}

.intouch {
    background-image: url('images/keepintouch.gif');
    background-position: center;
    background-repeat: no-repeat;
}

.intouchtext {
    padding-left: 30px;
    width: 160px;
    height: 110px;
    font-family: arial, verdana;
    font-size: 8pt;
    color: #565248;
}

.submit {
    height: 22px;
    width: 45px;
    position: relative;
    top: 17px;
    left: 120px;
}

.contact a {
    margin-left: 10px;
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 8pt;
    color: #9dc7e1;
}

.contact a:hover {
    text-decoration: none;
    font-family: arial, verdana;
    font-size: 8pt;
    color: #7c98ae;
}

.copyright {
    font-family: arial, verdana;
    font-size: 8pt;
    color: #565248;
}
