/*Home Page Panels*/
.panel {float:left; width: 100% }
.panelContent {padding: 8px 8px 0 8px; float:left;}
.panelContent p {margin-top: 0px; margin-bottom: 12px; }
.panel h1 {margin-bottom: 0px;}
.panel h2 {margin: 0px;}
.panel h1 a {color: #fff; text-decoration:none;}
.panel h1 a:hover {color: #e3e3e3; text-decoration:underline}
a.readMore {padding: 2px 12px 3px 4px; background-image: url(../img/icons/arrow2.gif); background-repeat: no-repeat; background-position: right 7px; color: #fff; text-decoration: none; font-weight:bold }

.welcome {margin-bottom: 8px; background: url(../img/bg/panel-welcome.gif) repeat-y #fff2ef;}
.welcome h1 {background: #e83624}
.welcome .panelContent {width: 409px;}
.welcome a.readMore { background-color: #eb3207; }
.welcome a:hover.readMore { background-color: #ebc807; }
.quicklinks {padding: 8px 0 0 8px; background: #fee8e3; float:right; width: 110px; clear:right;}
#content .quicklinks ul {margin:5px 0 0 0; font-size: 0.9em; border: none; width: 99px}
#content .quicklinks ul li {margin: 0 0 6px 0; }
#content .quicklinks h1 {width: 99px; background: none;  color: #e83624;}

.dogsCorner { width: 283px;}
.dogsCorner .panelContent {width: 259px; background: url(../img/bg/dogs-corner.gif) no-repeat right 30px #f4eee9; }
#content .dogsCorner h1 {width: 259px; background: #814e21}

.dogsCorner a.readMore {background-color: #814e21;}
.dogsCorner a:hover.readMore {background: #e83624;}

.catsCorner {width: 267px; background:url(../img/bg/cats-corner.gif) no-repeat right 30px #fffaf3}
.catsCorner .panelContent {width: 251px;}
#content .catsCorner h1 {background: #535353}
.catsCorner p {width: 230px;}
.catsCorner a.readMore {background-color: #535353;}
.catsCorner a:hover.readMore {background: #e83624;}

.ourServices h1 {background: #439dc0}
.ourServices .panelContent {width: 258px;}
.ourServices img.l {margin: 0 8px 0px 0; float: left;}
.ourServices a.readMore {background-color: #439dc0;}
.ourServices a:hover.readMore {background: #e83624;}

.ourLocation {padding: 0 0 8px 0; }
.ourLocation .panelContent {width: 258px;}
.ourLocation h1 {background: #bd1a8d}
.ourLocation h2 {color: #bd1a8d}
.ourLocation h3 {margin: 5px 0 2px 0; }
.map {float: left; width: 50%; }
.ourLocationContent {float: right; width: 50%;}
.ourLocationContent p {margin: 0px; line-height: 1.0em}

.smallAnimals {background: url(../img/bg/parrot.gif) no-repeat 30px right #f4fff8}
.smallAnimals .panelContent {width: 258px;}
.smallAnimals h1 {background: #0ab356}
.smallAnimals p.readMore a {background-color: #0ab356;}
.smallAnimals p.readMore a:hover {background: #e83624;}
