﻿/* tag styles */
body { margin: 0px; background-color: White; }
a { font-family: Georgia; font-size: 12px; color: #2400ac; text-decoration: none; }
a:hover { text-decoration: underline; }

/* grabs the whole viewable space */
.frmContainer { margin: 0px; }
.tblContainer { width: 100%; height: 100%; margin: 0px; padding: 0px; }
.tdContainer { width: 100%; height: 100%; margin: 0px; padding: 0px; }
.tblSections { width: 100%; height: 100%; margin: 0px; padding: 0px; }

/* header styles */
.tdHeaderBlueBack { width: 100%; height: 115px; background-color: #76a4f7; }
.tblHeaderBlueSection { width: 1000px; height: 115px; }
.tdHeaderBlueSection { width: 1000px; height: 115px; }
#divBlueHeaderContainer { position: relative; width: 1000px; height: 115px; }
.sdp_title { position: absolute; width: 532px; height: 47px; left: 30px; top: 12px; }
.imgSDPPhoneNumber { position: absolute; width: 260px; height: 25px; left: 230px; top: 75px; }
#divPawPrints { position: absolute; width: 230px; height: 86px; left: 575px; top: 5px; }
.dogtag { position: absolute; width: 184px; height: 95px; left: 815px; top: 0px; } 
#divHeaderLinks { position: absolute; width: 450px; height: 12px; left: 560px; top: 98px; font-family: Georgia; font-size: 12px; color: White; }
.headerLinks { font-family: Georgia; font-size: 12px; color: White; text-decoration: none; }
.headerLinks:hover { text-decoration: underline; }
.tdHeaderYellowBack { width: 100%; height: 50px; background-image: url(/images/yellow_back_slice.jpg); background-repeat: repeat-x; }

/* style to contain rest of site */
.tdSiteContainer { width: 100%; height: 100%; }

/* style to contain middle section */
.tdMiddle { width: 1000px; height: 100%; }
.tblMiddleSite { width: 1000px; height: 100%; }
.tblPostAndContent { width: 1000px; height: 100%; }
.tdPostPadding { width: 97px; }
.tdPostRepeat { width: 153px; height: 100%; background-image: url(/images/pole_slice.jpg); background-repeat: repeat-y; }
.tdContent { width: 750px; height: 100%; vertical-align: top; }

/* section signs */
#divSignsContainer { position: relative; width: 97px; height: 100%; } 
.signsBack { position: absolute; width: 167px; height: 402px; left: 28px; top: -102px; }
.contactSign { position: absolute; width: 137px; height: 178px; left: 39px; top: 188px; }

/* section links */
.lnkDaycare { position: absolute; width: 75px; height: 29px; left: 69px; top: -81px; }
.lnkBoarding { position: absolute; width: 79px; height: 28px; left: 72px; top: -36px; }
.lnkTraining { position: absolute; width: 73px; height: 29px; left: 71px; top: 8px; }
.lnkRates { position: absolute; width: 53px; height: 26px; left: 85px; top: 54px; }
.lnkEvents { position: absolute; width: 60px; height: 26px; left: 77px; top: 98px; }
.lnkPublications { position: absolute; width: 105px; height: 31px; left: 58px; top: 140px; }
.lnkResources { position: absolute; width: 87px; height: 30px; left: 64px; top: 184px; }
.lnkEmployment { position: absolute; width: 104px; height: 32px; left: 58px; top: 230px; }

/* construction page */
.dogConstruction { width: 750px; height: 499px; }

/* styles for footer */
.tdFooter { width: 100%; height: 61px; background-image: url(/images/grass_repeat.jpg); background-repeat: repeat-x; text-align: center; z-index: 1; }
.tblFooterContent { width: 1000px; height: 61px; text-align: center; }
.tdFooterContent { width: 1000px; height: 61px; }
#divFooterContainer { position: relative; width: 1000px; height: 61px; }
.postInGrass { position: absolute; width: 20px; height: 161px; left: 97px; top: -100px; z-index: 0; }
.dogInGrass { position: absolute; width: 71px; height: 161px; left: 170px; top: -100px; z-index: 0; }

/* styles for default page */
.tblDefaultPage { width: 750px; height: 100%; }
.tdDefaultPage { width: 750px; height: 775px; vertical-align: top; }
#divDogIntro { position: relative; width: 750px; text-align: center; }
.img40DollarSpecial { position: absolute; width: 147px; height: 160px; left: 648px; top: 10px; }
#divCalloutsContainer { position: relative; width: 640px; height: 300px; }
.upcomingEventsCallout { position: absolute; width: 300px; height: 445px; left: 55px; top: 0px; }
.lbUpcomingEvents { position: absolute; width: 285px; height: 190px; left: 65px; top: 100px; font-family: Georgia; font-size: 12px; color: Black; }
.btnMoreEvents { position: absolute; width: 134px; height: 17px; left: 215px; top: 420px; }
#spanBlackPadding { position: absolute; width: 40px; border-top: solid 1px Black; left: 355px; top: 0px; } 
.testimonialsCallout { position: absolute; width: 300px; height: 445px; left: 395px; top: 0px; }
.lbTestimonials { position: absolute; width: 285px; height: 190px; left: 405px; top: 100px; font-family: Georgia; font-size: 12px; color: Black; }
.btnMoreTestimonials { position: absolute; width: 134px; height: 17px; left: 555px; top: 420px; }
.tdDefaultInfo { width: 750px; height: 100%; font-family: Georgia; font-size: 12px; color: Black; text-align: center; vertical-align: top; }

/* styles for contact us page */
#divContactUsContainer { position: relative; width: 750px; height: 100%; vertical-align: top; }
.dogWithPhone { width: 750px; height: 499px; }
.lbContactTitle { position: absolute; left: 50px; top: 40px; font-family: Georgia; font-size: 20px; color: Black; font-weight: bold; }
.lbContactInfo { position: absolute; left: 50px; top: 80px; font-family: Georgia; font-size: 16px; color: Black; }

/* styles for about us page */
#divAboutUsContainer { position: relative; width: 750px; height: 100%; vertical-align: top; }
.lbAboutTitle { position: absolute; left: 50px; top: 40px; font-family: Georgia; font-size: 20px; color: Black; font-weight: bold; }
.lbAboutInfo { position: absolute; left: 50px; top: 80px; font-family: Georgia; font-size: 16px; color: Black; }

/* styles for directions page */
#divDirectionsContainer { position: relative; width: 750px; height: 100%; vertical-align: top; }
.dogOnComputer { position: absolute; width: 395px; height: 239px; left: 350px; top: 50px; }
.lbDirectionsTitle { position: absolute; left: 50px; top: 40px; font-family: Georgia; font-size: 20px; color: Black; font-weight: bold; }
.lbDirectionsInfo { position: absolute; left: 50px; top: 80px; font-family: Georgia; font-size: 12px; color: Black; }

/* styles for sitemap page */
#divSitemapContainer { position: relative; width: 750px; height: 100%; vertical-align: top; }
.lbSitemapTitle { position: absolute; left: 50px; top: 40px; font-family: Georgia; font-size: 20px; color: Black; font-weight: bold; }
#divSitemapLinks { position: absolute; left: 50px; top: 80px; }
.tblSitemap { width: 700px; vertical-align: top; }
.tblSitemapSection { width: 160px; vertical-align: top; }
.tdSitemapSection { width: 160px; text-align: left; vertical-align: top; }
.tdSitemapHeader { width: 160px; text-align: left; vertical-align: top; }
.tdSitemapPage { width: 160px; text-align: left; vertical-align: top; }
.tdSitemapSub { width: 160px; text-align: left; padding-left: 15px; vertical-align: top; }
.tdSitemapVerticalSpacer { height: 10px; } 

/* admin styles */
#divAdminLoginContainer { position: relative; width: 750px; height: 100%; vertical-align: top; }
.lbAdminLoginTitle { position: absolute; left: 50px; top: 40px; font-family: Georgia; font-size: 20px; color: Black; font-weight: bold; }
#divAdminLoginLinks { position: absolute; left: 50px; top: 80px; }
.tblAdminLogin { width: 250px; vertical-align: top; }
.lbAdminLoginStatus { color: Red; }
.lbUsernameTitle { width: 70px; }
.txtUsername { width: 200px; }
.lbPasswordTitle { width: 70px; }
.txtPassword { width: 200px; } 

/* coupon styles */
#divCouponContainer { position: relative; width: 640px; height: 200px; }
#divCouponItem { position: absolute; width: 250px; height: 200px; left: 250px; top: 0px; }
.imgBoardingCoupon { width: 250px; height: 200px; }