@charset "utf-8";
/* CSS Document */

/* RESETS */
body,a,p,ul,li,h1,h2,h3,h4,h5 { margin:0; padding:0; }



tr.bottomborder td { border-bottom: 1px solid #9DAF45 }

a { color: #3D3424 }
a:hover { color: #3D3424; }

body { background-color: #FFF; }
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3D3424; }
hr { display: block; position: relative; height: 0; max-height: 0; border-top: 1px solid #B4C540; border-bottom: 1px solid #9DAF45; font-size: 1px; line-height: 0; border-right: none; border-left: none; margin-top: 7px; margin-bottom: 7px; }
.clear { clear: both; height: 0px; width: 0px; }

.textfield { font-size: 12px; border: 1px solid #999; width: 206px; height: 20px; line-height: 18px; }
.datefield { font-size: 10px; border: 1px solid #666; width: 64px; }
.timefield { font-size: 10px; border: 1px solid #666; width: 50px; }

#container { width: 968px; margin: 5px auto 0px; }

#container #content #altMiddle .rightDivider { float: right; background: url(images/body_2col_bg_divider_right.png) no-repeat; height: 30px; width: 462px; margin-right: 2px; }
#container #header { position: relative; }
#container #header #phone-header { width: 110px; position: absolute; left: 10px; top: 10px; font-weight: bold; font-size: 15px; height: 35px; background: url(images/contact_icon_phone.jpg) no-repeat; padding-left: 40px; padding-top: 10px; }
#container #header #contact-header { height: 35px; width: 100px; position: absolute; right: 0px; top: 10px; font-size: 15px; font-weight: bold; background: #FFF url(images/contact_icon_email.jpg) no-repeat; padding-left: 42px; padding-top: 9px; display: block; }
#container #header #contact-header a { color: #3D3424; text-decoration: none; }

#container #pageTop { background: url(images/paws_logo_subtext.png) no-repeat; height: 42px; width: 968px; margin-top: 10px; }

/* NAVIGATION */
#container #content #nav { height:44px; position: relative; }
#container #content #nav ul, #container #content #nav li { margin:0; padding:0;}
#container #content #nav ul { list-style-type:none; }
#container #content #nav li { display:block; }
#container #content #nav .horiz li { float:left } 
#container #content #nav .vert { position: absolute; top:37px; width: 185px; visibility:hidden; z-index: 90; }
#container #content #nav .vert li  { height: 30px; line-height: 30px; background: #E9CA39; border-bottom: 1px solid #524635;}
#container #content #nav .vert li a { color: #524635; text-decoration: none; display: block; padding-left: 15px;  }
#container #content #nav .vert li a:hover { background: #DBB63A;  }

#container #content #sub1 { left:18px; } 
#container #content #sub6 { left:494px; } 
#container #content #sub9 { left:760px; } 

/* CONTENT */
#container #content { background: #9cae43; }
#container #content h1 { font-size: 17px; font-weight: bold; color: #424520; }
#container #content h2 {  }
#container #content h3 {  }
#container #content #mainTop { background: url(images/body_bg_top.png) no-repeat; height: 10px; margin-top: 15px; }
#container #content #mainMiddle { background: url(images/body_bg_middle.png) repeat-y; padding: 15px; }
#container #content ul { list-style-type:none; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; }
#container #content ul li { padding-left: 20px; background: url(images/bullet.png) no-repeat 0px 5px; padding-top: 4px; padding-bottom: 4px; }

#container #content .staff_picture { height: 190px; width: 220px; float: right; background: url(images/bio_img_bg.png) no-repeat; margin-left: 15px; margin-bottom: 15px; text-align: center; }
#container #content .staff_picture img { margin-top: 31px; }

#container #content #mainMiddle #left { width: 588px; margin-left: 38px; float: left; position: relative; }
#container #content #mainMiddle #left .topRightImage { float: right; padding-left: 25px; }

/* EXPERIENCE SLIDESHOW */
#container #content #mainMiddle #left #daycare_slideshow { width: 355px; }
#container #content #mainMiddle #left #daycare_slideshow #daycare_background { background: url(images/daycare_bulletin_placeholder.png) no-repeat; height: 325px; padding-top: 35px; padding-left: 14px; }

/* DAY CARE SLIDESHOW */
#container #content #mainMiddle #left #experience_background { height: 237px; width: 354px; background: url(images/player_experience_background.png) no-repeat; padding-top: 10px; padding-left: 13px; }
#container #content #mainMiddle #left #experience_controls { float: right; margin-right: 20px; width: 65px; }
#container #content #mainMiddle #left #experience_controls a:active { outline: 0 }

#container #content #mainMiddle #left #experience_controls a:focus { outline: 0 }

.addLinespacing p { padding-bottom: 15px; }



#container #content #mainMiddle .right { float: right; width: 242px; margin-right: 23px; color: #524635; }
#container #content #mainBottom { background: url(images/body_bg_bottom.png); height: 11px; }

#container #content #noColTop { background: url(images/body_1col_bg_top.png) no-repeat; height: 10px; margin-top: 15px; }
#container #content #noColMiddle { background: url(images/body_1col_bg_middle.png) repeat-y; padding: 15px; position: relative; }
#container #content #noColMiddle #middle #loading { position: absolute; left: 320px; top: 260px; color: #9CAE43; font-weight: bold; }

#container #content #noColMiddle #middle #petcam { height: 480px; width: 640px; float: left; }
#container #content #noColMiddle #middle #petcam-controls { float: right; width: 208px; }

#container #content #noColBottom { background: url(images/body_1col_bg_bottom.png) no-repeat; height: 11px; }
#container #content #noColMiddle #middle { width: 865px; margin-left: 38px; }

#container #content #altTop { background: url(images/body_2col_bg_top.png) no-repeat; height: 10px; margin-top: 15px; }
#container #content #altMiddle { background: url(images/body_2col_bg_middle.png) repeat-y; padding: 15px; }
#container #content #altBottom { background: url(images/body_2col_bg_bottom.png) no-repeat; height: 11px; }

#container #content #altMiddle #left { width: 410px; margin-left: 38px; float: left; position: relative; }
#container #content #altMiddle .right { float: right; width: 420px; margin-right: 23px; color: #524635; }

#container #content #promo { background: url(images/bottom_promo.png) no-repeat 28px; height: 106px; margin-top: 10px; position: relative; color: #524635; font-size: 13px; }
#container #content #promo #promoContent { float: right; width: 715px; height: 90px; position: absolute; left: 210px; top: 10px; padding-right: 15px; }
#container #content #footer { text-align: center; font-size: 11px; color: #829139; padding-top: 15px; }

#container #contentBottom { background: url(images/bg_footer.png) no-repeat; height: 43px; }