@import "/resources/css/superfish.css"; /* ----------Global Styles ----------*/ body {background:#e8e3cf; font-family:Arial,Helvetica; font-size:13px; line-height:18px; margin:0px; padding:0px;} #background {background:#e8e3cf url(images/background-min.jpg) repeat-x top; width:100%;} h1,h2,h3 {color:#666;} .sprite {background-image:url(images/sprite.jpg);} /*Toolbar*/ .rmstoolbar {background-color:#262626; border-bottom:solid 1px #ccc; font-family:Arial; height:50px; overflow:hidden; width:100%;} .rmstoolbar .name {color:#ccc; display:block; float:left; font-size:24px; font-weight:bold; padding-top:10px;} .rmstoolbar .logo {float:left; margin:-20px 15px 0 -30px;} .rmstoolbar .loginbar {color:#ccc; float:right; height:20px; padding: 20px 10px 5px 10px; text-align: right; width:500px;} .rmstoolbar .loginbar a {color:#59b4d4;} /*Top Bar*/ #topBar {background:#abba99; height:20px; padding:5px 0 0 0;} #topBar .icon {background-position:-235px -156px; display:block; float:left; height:14px; margin:0 0 0 885px; width:13px;} #topBar .link {color:#4f3c29; display:block; float:left; font-size:11px; text-align:right; width:80px;} #topBar a:hover {color:#f5f8ee;} /*Navigation*/ #navigation {height:38px;} #navigation #phone {background:url(images/phone.gif) no-repeat; float:left; height:25px; margin:6px 0 0 36px; width:144px;} /*Menu*/ #menu {float:left; height:38px; list-style:none; margin:0 0 0 168px; position:relative; text-indent:-9999px; width:632px;} #menu li {float:left;} #menu li a {background-image:url(images/navigation.gif); display:block; overflow:hidden; height:38px;} /*up state*/ li#menu_home a {background-position:0 0; width:68px;} li#menu_team a {background-position:-68px 0; width:100px;} li#menu_services a {background-position:-168px 0; width:92px;} li#menu_emergencies a {background-position:-260px 0; width:116px;} li#menu_resources a {background-position:-376px 0; width:100px;} li#menu_gallery a {background-position:-476px 0; width:84px;} li#menu_contact a {background-position:-560px 0; width:72px;} /*hover state*/ li#menu_home a:hover {background-position:0 -38px;} li#menu_team a:hover {background-position:-68px -38px;} li#menu_services a:hover {background-position:-168px -38px;} li#menu_emergencies a:hover {background-position:-260px -38px;} li#menu_resources a:hover {background-position:-376px -38px;} li#menu_gallery a:hover {background-position:-476px -38px;} li#menu_contact a:hover {background-position:-560px -38px;} /*Header*/ #header {} #header #left {float:left; padding:0 0 0 38px; width:519px;} #header #left #logo {background-position:0 0; height:126px; margin:26px 0 0 0; text-indent:-9999px; width:278px;} #header #left #title {background-image:url(images/titles.jpg); margin:17px 0 0 0; height:28px; text-indent:-9999px;} #header #right {float:left; padding:53px 0 0 0; position:relative; width:423px;} #header #right #hours {background-position:-252px -286px; height:144px; width:423px;} #header #right .facebook {float:none; left:0px; margin:0px; position:absolute; top:20px;} /*Page Titles*/ #header #left .values {background-position:0 0; width:473px;} #header #left .team {background-position:0 -28px; width:290px;} #header #left .services {background-position:0 -56px; width:393px;} #header #left .emergencies {background-position:0 -84px; width:467px;} #header #left .medicalCare {background-position:0 -112px; width:420px;} #header #left .news {background-position:0 -141px; width:470px;} #header #left .boarding {background-position:0 -169px; width:367px;} #header #left .shelters {background-position:0 -197px; width:473px;} #header #left .gallery {background-position:0 -225px; width:239px;} #header #left .contact {background-position:0 -253px; width:438px;} #header #left .results {background-position:0 -281px; width:144px;} #header #left .serviceArea {background-position:0 -309px; width:251px;} /*---------- Content ----------*/ #wrapper {margin:0px auto; width:980px;} #wrapper a {color:#765a3e;} #wrapper a:hover {color:#523f2b;} #wrapper #content {background:url(images/services-rpt.jpg); margin:6px 0 0 0; padding:38px; position:relative;} #wrapper #content h3 {color:#8f6c48; font-size:18px; font-weight:bold; margin:0 0 5px 0;} #wrapper #content h4 {border-bottom:1px #a9cf73 solid; font-weight:bold; margin:0 0 3px 0;} #wrapper #content .breadcrumbs {background:url(images/breadcrumbs-rpt.jpg) repeat-x; height:28px; margin:0 0 30px 0;} #wrapper #content .breadcrumbs ul {margin:0px;padding:0px;} #wrapper #content .breadcrumbs ul li {color:#4f3c29; font-weight:bold; float:left; list-style-type:none; margin-right:5px; padding:3px 5px;} #wrapper #content .breadcrumbs li.divider {background:url(images/ui/breadcrumb-divider.gif) no-repeat; height:14px; margin:5px 3px 0 0; padding:0px; width:14px;} #wrapper #content .breadcrumbs li a {color:#4f3c29; font-weight:normal; text-decoration:none;} #wrapper #content .breadcrumbs .pin {background:url(images/push-pin.png) no-repeat; float:left; height:45px; margin:-25px 10px 0 0; width:25px;} #wrapper #content .ui-success {background-color:Green; color:White;} #wrapper #content .ui-error {background-color:Red; color:White; font-weight:bold;} #wrapper #commentform .progress, #wrapper #commentform .results {display:none;} /*Footer*/ #footer {background:url(images/footer-rpt.jpg) repeat-x;} #footer #content {margin:0px auto; padding:3px 0 10px 0; width:980px;} #footer #content #tag {background-position:-700px -217px; float:left; font-size:11px; line-height:10px; height:93px; padding:84px 0px 0 0px; text-align:center; width:178px;} #footer #content #tag .name {margin:0 0 2px 0; width:150px;} #footer #content #tag .name a {color:#000; font-size:11px; font-weight:bold; line-height:9px; text-decoration:none;} #footer #content #tag #contactinfo {padding:0 12px 0 10px; line-height:10px;} #footer #content .facebook {float:left; margin:80px 0 0 80px; width:219px;} #footer #content .careCredit {display:block; float:left; margin:75px 0 0 30px; width:150px;} #footer #content #right {float:right; text-align:center; margin:30px 0 0 0; width:253px;} #footer #content #right #logos li {float:left; list-style:none; margin:0 10px 10px 0;} #footer #content #right a {color:#000; font-size:11px;} /*Comments*/ #comments {margin-top:20px;} #comments .comment {padding-bottom:10px;} #comments .comment span.quote {font-size:20px; font-style:italic; font-weight:bold; font-family:Arial;} #comments .commentlist div[rel=moderate] .topCenter p{color:Red;} #comments .commentlist .box {display:block; width:491px; background-color:#fff;} #comments .commentlist .topContainer {width:491px; height:64px;} #comments .commentlist .topLeft {background:url(images/comment/topLeft.jpg) no-repeat top left; height:64px; width:20px;float:left;} #comments .commentlist .topCenter {background:url(images/comment/topAcross.jpg) no-repeat top; height:64px; width:450px; float:left;} #comments .commentlist .topCenter p {text-align:left; font-weight:bold; padding-top:8px;} #comments .commentlist .topRight {background:url(images/comment/topRight.jpg) no-repeat top right; height:64px; width:21px; float:left;} #comments .commentlist .middleContainer {width:481px; min-height:14px;} #comments .commentlist .contentComment {display:block; background:url(images/comment/leftSide.jpg) repeat-y; width:492px; min-height:14px; float:left;} #comments .commentlist .contentComment .photo {float:left; padding:5px;} #comments .commentlist .contentComment p {padding:0 10px 10px;} #comments .commentlist .bottomContainer {width:491px; height:25px;} #comments .commentlist .botLeft {background:url(images/comment/bottomLeft.jpg) no-repeat top left; height:25px; width:20px; float:left;} #comments .commentlist .botCenter {background:url(images/comment/bottomCenter.jpg) no-repeat top; height:25px; width:450px; float:left; text-align:right; font-size:10px; font-style:italic;} #comments .commentlist .botRight {background:url(images/comment/bottomRight.jpg) no-repeat top right; height:25px; width:21px; float:left;} #comments .commentform {margin-top:20px; width:400px;} #comments .commentform div {margin-bottom:10px;} #comments .commentform .label {font-weight:bold;} #comments .commentform .input {margin-top:5px; padding:3px;font-size:12px;width:400px;border:solid 1px #aaa;background-color:#f7faff;} #comments .commentform textarea.input {height:100px;overflow:auto;} #comments .commentform .caption {font-style:italic; font-size:10px;color:#666;} #comments .commentform .results, #comments .commentform .progress {display:none;} /*Pager*/ .pager {background:url(images/pager-rpt.jpg) repeat-x; color:#4f3c29; height:28px; margin:20px 10px;padding:1px 0 0 15px;} .pager .stats {float:left; margin:5px 20px 5px 0;} .pager .pages {margin:2px 0 0 0;padding:1px;border:solid 1px #838672;float:left; height:18px;} .pager .pages li {float:left; list-style-type:none;margin-left:3px;} .pager .pages li.first {margin-left:0px; line-height:15px;} .pager .pages li span {display:block;padding:0 4px;background-color:#a9cf74; height:18px;} .pager .pages li a {display:block;padding:0 4px;background-color:#8f6c48; height:18px;color:#e8e3cf !important;text-decoration:none;} .pager .pages li a:hover {color:#000;background-color:#a8cf73;} .pager .pages li.last {line-height:15px;} .pager .pages li.end {clear:left;height:0px;padding:0px;} /*Add This*/ #addthis {margin:40px 0 0 0;} /*---------- Home ----------*/ /*Services*/ #services {background:url(images/services-rpt.jpg); height:190px; margin:10px 0 0 0; padding:10px 0 0 0; position:relative;} #services #links {background:url(images/services-2-rpt.jpg) repeat-x; float:right; height:189px; padding:0 0 0 200px; width:780px;} #services #links ul {float:left; margin:10px 0 0 0; padding:0px; width:200px;} #services #links li {background:url(images/paw.jpg) no-repeat; color:#644e39; font-size:17px; font-weight:bold; height:35px; list-style:none; margin:8px 0 0 0;} #services #links .link {display:block; margin:0 0 0 32px; padding:4px 0 0 0;} #services #links a {color:#644e39; text-decoration:none;} #services #links a:hover {color:#000;} #services #links #column1 {float:left; margin:0 0 0 130px;} #services #links #column2 {float:left; margin:0 0 0 100px;} /*Facebook*/ #services .facebook {left:40px; position:absolute; top:13px;} /*Teasers*/ #teasers {background:url(images/teasers.png); height:645px; position:absolute; top:70px; left:-30px; width:385px;} #teasers .postlist {margin:0px; width:240px;} #teasers .postlist li {list-style:none; min-height:160px;} #teasers .postlist .teaser {font-style:italic;} #teasers .postlist .teaser .title {color:#000; font-weight:bold; font-style:normal; text-decoration:none;} #teasers .postlist .teaser .date {color:#7a7a7a; font-size:12px; font-style:normal; margin:0 0 3px 0;} #teasers .postlist .teaser .fullstory {font-style:normal; text-align:right;} #teasers .postlist .teaser .fullstory a {color:#000; text-decoration:none;} #teasers #news {margin:80px 0 0 30px;} #teasers #boarding {margin:125px 0 0 65px;} /*Features*/ #features {background:#936f4c url(images/brown-gradient.jpg) repeat-x; color:#fff; height:520px;} #features #subContent {float:right; padding:20px 30px 0 30px; font-size:14px; width:540px;} #features #subContent h2 {color:#fff; font-size:15px; font-weight:bold; margin:0 0 5px 0;} #features #subContent #portal {background-position:0 -186px; display:block; float:left; height:249px; margin:20px 0 0 0; width:252px;} #features #subContent #team {float:left; margin:20px 0 0 80px; width:204px;} #features #subContent #team .photo {background:url(images/slideshow.jpg) no-repeat; border:2px #503d2a solid; display:block; height:198px; overflow:hidden; width:198px;} #features #subContent #team #button {background-position:-278px -245px; display:block; height:41px; margin:7px 0 0 0; width:203px;} #features #subContent #team .photo_01 {background-position:0 0;} #features #subContent #team .photo_02 {background-position:0 -198px;} #features #subContent #team .photo_03 {background-position:0 -396px;} #features #subContent #team .photo_04 {background-position:0 -594px;} #features #subContent #team .photo_05 {background-position:0 -792px;} #features #subContent #team .photo_06 {background-position:0 -990px;} #features #subContent #team .photo_07 {background-position:0 -1188px;} #features #subContent #team .photo_08 {background-position:0 -1386px;} #features #subContent #team .photo_09 {background-position:0 -1584px;} /*---------- Hospital Values ----------*/ #values {height:459px; width:600px; position:relative;} #values .photo_01 {background:url(images/values-01.jpg) no-repeat; height:552px; width:277px; position:absolute; top:-38px; left:620px; text-indent:-9999px;} #values #column1 {float:left; margin:0 60px 0 0; width:270px;} #values #column2 {float:left; padding:26px 0 0 0; width:270px;} /*---------- Team ----------*/ #team {} #team .column1 {float:left; margin:0 18px 0 0; width:443px;} #team .column2 {float:left; width:443px;} #team #row1 {margin:0 0 20px 0;} #team #row1 .column1 {padding:40px 0 0 0;} #team #row1 .column2 {} #team #row1 .column2 .photo {background:url(images/staff.jpg) no-repeat 0 0; height:215px; width:443px;} #team #row2 h4 {margin:0 0 8px 0;} #team #row2 .rasch {margin:63px 0 8px 0;} #team #row2 .photo {background:url(images/staff.jpg) no-repeat; float:left; height:127px; width:146px;} #team #row2 .clarke {background-position:0 -215px;} #team #row2 .emmelot {background-position:-146px -215px;} #team #row2 .difuccia {background-position:-292px -215px;} #team #row2 .brusek {background-position:0 -342px;} #team #row2 .rasch2 {background-position:-146px -342px;} #team #row2 .photo2 {background:url(images/staff.jpg) no-repeat; height:116px; width:133px;} #team #row2 .sharon {background-position:0 -469px;} #team #row2 .jodi {background-position:-133px -469px;} #team #row2 .bernie {background-position:-266px -469px;} #team #row2 .jennifer {background-position:0 -585px;} #team #row2 .cassie {background-position:-133px -585px;} #team #row2 .marilyn {background-position:-266px -585px;} #team #row2 .tim {background-position:0 -701px;} #team #row2 .serena {background-position:-133px -701px;} #team #row2 .nicole {background-position:-266px -701px;} #team #row2 .emily {background-position:0 -817px;} #team #row2 .sarah {background-position:-133px -817px;} #team #row2 .kate {background-position:0 -469px;} #team #row2 .lindsay {background-position:-133px -469px;} #team #row2 .heidi {background-position:-266px -817px;} #team #row2 .eileen {background-position:0 -933px;} #team #row2 .christie {background-position:-133px -933px;} #team #row2 .andrea {background-position:-266px -933px;} #team #row2 .kristin {background-position:0px -1049px;} #team #row2 .tiffany {background-position:-133px -1049px;} #team #row2 .anna {background-position:-266px -1049px;} #team #row2 .staff td {border:0px; text-align:center; vertical-align:top; padding-left:0px;} #team #row2 .bio {float:left; margin:0 0 0 8px; width:259px;} #team #row2 .column1 {padding:0 15px; width:413px;} #team #row2 .column2 {padding:0 15px; width:413px;} #team #row3 .photo {background:url(images/staff.jpg) no-repeat 0 -469px; height:127px; margin:0 0 10px 0; width:413px;} #team #row3 .jamal {background-position:-292px -342px; float:left; height:127px; width:146px;} #team #row3 .bio {float:left; margin:0 0 0 8px; width:259px;} /*---------- Services ----------*/ #service {min-height:600px;} #service .column1 {float:left; margin:30px 70px 0 0; width:270px;} #service .column2 {float:left; margin:30px 20px 0 0; width:270px;} #service .photos {background:url(images/services.jpg) no-repeat; float:left; height:537px; text-indent:-9999px; width:267px;} /*---------- Emergencies & Referrals ----------*/ #emergencies {} #emergencies .photo_01 {background:url(images/emergencies.jpg) no-repeat; height:239px; width:349px; position:absolute; bottom:0px; right:0px; text-indent:-9999px;} #emergencies #column1 {float:left; margin:0 60px 0 0; padding:26px 0 0 0; width:270px;} #emergencies #column2 {float:left; padding:26px 0 0 0; width:270px;} /*---------- Animal Medical Care ----------*/ #medicalCare #column1 {float:left; margin:0 60px 0 0; width:560px;} #medicalCare #column1 .subColumn1 {float:left; margin:0 60px 0 0; width:300px;} #medicalCare #column1 .subColumn2 {float:left; width:200px;} #medicalCare #column1 .subColumn2 .heading {color:#838671; font-style:italic;} #medicalCare #column1 .diets td {border-top:0px; border-left:0px; border-right:0px; border-bottom:1px #838672 solid;} #medicalCare #column1 .diets .headings {color:#838672;} #medicalCare #column2 {float:left; width:262px;} #medicalCare #column2 .photo {background:url(images/medical-care.jpg) no-repeat; height:230px; margin:0 0 40px 0; width:262px;} #medicalCare #column2 .photo_01 {background-position:0 0;} #medicalCare #column2 .photo_02 {background-position:0 -230px;} #medicalCare #column2 .photo_03 {background-position:0 -460px;} #medicalCare #column2 .photo_04 {background-position:0 -690px;} #medicalCare #column2 .photo_05 {background-position:0 -920px; margin:0px;} /*---------- Shelter & Rescue ----------*/ #shelters #column1 {float:left; margin:0 60px 0 0; padding:26px 0 0 0; width:270px;} #shelters #column2 {float:left; padding:26px 0 0 0; width:270px;} #shelters .photo_01 {background:url(images/shelters.jpg) no-repeat; height:375px; width:308px; position:absolute; bottom:0px; right:10px; text-indent:-9999px;} /*---------- Contact ----------*/ #contact #column1 {float:left; margin:0 60px 0 0; width:270px;} #contact #column2 {float:left; padding:26px 0 0 0; width:240px;} #contact #column3 {border-left:1px #828671 solid; float:left; padding:26px 0 0 20px; margin:0 0 0 100px; width:210px;} #wrapper #content #contact #column3 h3 {color:#828671;} /*---------- Service Area ----------*/ #serviceArea .locations td {border:0px;}