/*
Lovingly hand-crafted by Citrus Tree Media.
http://www.citrustreemedia.com/
Please respect our copyright as we do yours...
*/

/* ---------------------
title: rspca style sheet
author: tom sears
created: ?
modified: 30/04/09
version: 1.0
--------------------- */

/* -----------------------------------------------------------------------------
   generic style */
	
* {
	margin: 0;
	border: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #fff;
	color: #413f3f
	}
	
	
	/* -----------------------------------------------------------------------------
   main layout style */
	
.wrapper {
	min-width: 945px;
	width: auto !important;
	width: 945px;
	max-width: 1000px;
	margin: 0 auto;
	width: 75%;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	}	

#header {
	border-bottom: 2px solid #72a8de;
	clear: both;
}

#navigation {
	border-bottom: 2px solid #c3c1c1;
	color: #1452a5;
	clear: both;
}

#top {
	padding-bottom: 20px;
	padding-top: 20px;
	clear: both;
}

#mid {
	clear: both;
}

#midbottom {
	padding-top: 30px;
	padding-bottom: 30px;
}

body.home #mid, body.results #mid {
	background: url(../images/mid-bg.jpg) repeat-x top;
}

body.home #midbottom, body.results #midbottom {
	background: url(../images/midbottom-bg.jpg) repeat-x bottom;
}

.container {
	overflow: auto;
}

.content {
	width: 65%;
	float: left;
}

body.home .content, body.results .content {
	width: 48%;
	overflow: auto;
}

.sidebar {
	float: right;
	width: 30%;
	overflow: auto;
}

body.home .sidebar, body.results .sidebar {
	float: right;
	width: 48%;
	padding-left: 2%;
}

body.home #mid .sidebar, body.results #mid .sidebar {
	border-left: 2px solid #cccccc;
}

#footer {
	background: url(../images/mid-bg.jpg) repeat-x;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}

body.home #footer, body.results #footer {
	background: none;
}
	
	/* -----------------------------------------------------------------------------
   generic layout style */

#header img {
	float: left;
}	

#header img#logo {
	padding-top: 30px;
	float: left;
}
	
#header p.donate {
	float: right;
}

hr {
	border-bottom:4px solid #CCCCCC;
	display: block;
	margin-bottom: 15px;
}

h1 {
	color: #1452a5;
	font-size: 190%;
	padding-bottom: 10px;
}

h2 {
	color: #6a6a6a;
	font-size: 190%;
	padding-bottom: 10px;
}

h2 a {
}

.content h2 {
	font-size: 140%;
}

h3 {
	border-top: 2px solid #cccaca;
	line-height: 33px;
	font-size: 120%;
	overflow: hidden;
}

h3 a {
	border-bottom: 2px solid #cccaca;
	display: block;
	color: #1452a5;
	overflow: hidden;
	line-height: 33px;
}

h3 a:hover {
	color: #72a8de;
}

.content h4 {
	font-size: 130%;
}

h5 a {
	font-weight: bold;
	color: #1452a5;
	font-size: 160%;
}

h5 a:hover {
	color: #9CC1E8;
}

h5 span {
	font-weight: bold;
	color: #9cc1e8;
}

p, li, dd {
	line-height: 1.6em;
}

p {
	padding-bottom: 10px;
}

.container a {
	color:#1452A5;
}

.container a:hover {
	color: #6e98ca;
}

.container ul {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#top img {
	border: 2px solid #72a8de;
}

body.home #top img, body.about-us #top img {
	border: none;
}

body.home #top .content {
	width: 100%;
}

body.home .content p {
}

body.home #top img {
	display:block;
	float: right;
}

#mid img {
	border: 2px solid #9CC1E8;
}

.content dt, body.results .sidebar dt {
	float: left;
	padding-right: 10px;
	font-weight: bold;
	width: 80px;
}

dd.more {
	clear: right;
}

dd.more a {
	color: #1452a5;
	font-weight: bold;
}

dd.more a:hover {
	color: #72a8de;
}
	
	
	/* -----------------------------------------------------------------------------
   header links div style */
	
#links {
	float: right;
	text-align: center;
	font-size: 85%;
	margin-left: 30px;
	width: 292px;
	padding-bottom: 10px;
}	

#links h4 {
	color:#1452A5;
	padding-bottom: 5px;
	font-size: 140%;
	border-bottom: 1px solid #1452A5;
}

#links ul {
	padding-bottom: 5px;
	padding-top: 5px;
}

#links li {
	list-style: none;
	font-weight: bold;
	display: block;
	padding-bottom:2px;
	padding-top:2px;
	line-height: normal;
	font-size: 120%;
}

#links li a {
	color: #1452A5;
	padding-bottom:5px;
	padding-top:5px;
	background:transparent url(../images/nav-li-dot.gif) no-repeat scroll left center;
	padding-left:14px;
	padding-right: 5px;
	clear: both;
}

#links li a:hover {
	color: #a6d6e6;
	background: #1668b4 url(../images/nav-hover-li-dot.jpg) no-repeat left center;
	padding-left: 14px;
}

#rehome {
	background: url(../images/rehome-bg.jpg) repeat-y left;
}

#rehomebottom {
	background: url(../images/rehome-bottom-bg.jpg) no-repeat bottom left;
	padding:10px 20px 20px 27px;
}

#rehome li.floatleft {
	float: left;
	text-align: left;
	padding-left: 30px;
}

#rehome li.floatright {
	float: right;
	text-align: right;
	padding-right: 30px;
}

#rehome li.clear {
	clear: both;
}

#rehome li span {
	color: #72a8de;
}
	
	/* -----------------------------------------------------------------------------
   nav style */
	
ul#nav li {
	float: left;
	line-height: 35px;
	font-weight: bold;
	padding-right: 0.5%;
	padding-left: 0.5%;
	list-style: none;
}	

ul#nav li a {
	color: #1452a5;
	text-decoration: none;
	background: url(../images/nav-li-dot.jpg) no-repeat left center;
	padding-left: 14px;
	padding-right: 5px;
	margin-bottom:1px;
	margin-top:1px;
	line-height: 32px;
	display: block;
}	

ul#nav li a:hover {
	color: #a6d6e6;
	background: #1668b4 url(../images/nav-hover-li-dot.jpg) no-repeat left center;
	padding-left: 14px;
}

body.home ul#nav li a#home, body.general-donations ul#nav li a#fundraising, body.fundraising-and-donations ul#nav li a#fundraising, body.contactpage ul#nav li a#contact, body.success-stories ul#nav li a#success, body.about-us ul#nav li a#about-us,
 body.videos ul#nav li a#videos, body.safehaven ul#nav li a#fundraising, body.results ul#nav li a#pets-for-adoption, body.rebuild ul#nav li a#fundraising, body.pet-adoption ul#nav li a#pets-for-adoption, body.pet-adoption ul#nav li a#pets-for-adoption, 
 body.individual-pet ul#nav li a#pets-for-adoption   {
	color: #a6d6e6;
	background: #1668b4 url(../images/nav-hover-li-dot.jpg) no-repeat left center;
	padding-left: 14px;
}
	
	/* -----------------------------------------------------------------------------
   footer style */	
	
#footer {
	font-size: 85%;
	color: #a0a0a0;
}	

#footer a {
	color: #5d5d5d;
	text-decoration: none;
}

#footer a:hover {
	color: #1452A5;
}

#footer ul {
	text-align: center;
}

#footer li {
	display: inline;
	list-style: none;
	padding-left: 4px;
}

#footer p {
	text-align: center;
	clear: both;
}	

/* -----------------------------------------------------------------------------
   donate button style */	
	
#header .donate {
	display: block;
	margin-left: 10px;
}	

.sidebar .donate {
	width: 300px;
	margin: 0 auto;
}

.content .donate {
	margin: 0 auto;
}
	
.donate {
	text-align: center;
	max-width:520px;
}	

.donatebottomright {
	height: 58px;
}

.donate p {
	display: block;
	padding-bottom: 0px;
}

.donate p a {
	color: #1452a5;
	display:block;
	font-size:110%;
	font-weight:bold;
	padding:20px;
	text-decoration:none;
}

.donate p a:hover {
	color: #fff;
}

#top .donate img {
	border: none;
}
	
	/* -----------------------------------------------------------------------------
   home page style */	
	
#mid .container ul {
	padding-left: 0px;
	clear: both;
}

#mid li {
	list-style: none;
	clear: both;
	min-height: 244px;
	height: auto !important;
	height: 244px; 
	padding-bottom: 10px;
}	
	
#mid .content li a img, body.results .sidebar li a img {
	float: left;
	margin-right: 25px;
}
	
#mid .content li a:hover img, body.results .sidebar li a:hover img {
	border: 2px solid #1452A5;
}

#mid .sidebar dt{
	color: #72a8de;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 10px;
}

#mid .sidebar dt span a {
	color: #1452a5;
	font-size: 140%;
	text-decoration: none;
}

#mid .sidebar dt span a:hover {
	color: #72A8DE;
}

#mid .sidebar dd {
	padding-bottom: 10px;
}

#mid .sidebar dd.spacer {
	border-bottom: 2px solid #cccaca;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
}

#mid .sidebar img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
	
	/* -----------------------------------------------------------------------------
   content page style */	
	
.content img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}	

.caption {
	float: right;
	display: block;
	width: 260px;
	text-align: center;
	font-weight: bold;
}

.caption a {
	text-decoration: none;
}

.sidebar ul {
	padding-left: 0px;
	clear: both;
}

.sidebar ul li {
	list-style: none;
}	

h4 {
	clear: both;
	color: #1452a5;
	font-size: 150%;
}

.sidebar h4 {
	padding-bottom: 10px;
}

h4 a {
	color: #9f9c9c;
	font-size: 80%;
} 

h4 a:hover {
	color: #1452a5;
} 

.adopt {
	border-bottom: 4px solid #cccccc;
	overflow: auto;
	margin-bottom: 10px;
}

.adopt ul {
	margin: 0 auto;
	width: 270px;
}

.adopt li {
	text-align: center;
	font-weight: bold;
	float: left;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 115px;
}

.adopt li a {
	color: #413f3f;
	text-decoration: none;
}

#top .adopt li a img {
	border: 2px solid #72a8de;
}

.adopt li a:hover {
	color: #1452a5;
}

#top .adopt li a:hover img {
	border: 2px solid #1452a5;
}

.contact {
	color: #1452a5; 
	font-weight: bold;
}

.contact a {
	color: #1452a5;
	text-decoration: underline 
}

.contact a:hover {
	color: #413f3f;
}
	/* -----------------------------------------------------------------------------
   facebox style */

#facebox .content {
	width: auto !important;
}

#facebox img {
	float: none;
	overflow: auto;
	clear: both;
	display: block;
	margin: 0 auto;
}	

#facebox img.close_image {
	float: none;
	overflow: auto;
	clear: both;
	display: block;
	margin: 0 auto;
}	

#facebox table {
	border: none;
	width: auto;
}

#facebox .footer {
	clear: both;
}
	
	/* -----------------------------------------------------------------------------
   about us page style */

.container ul.gal {
	clear: both;
	padding-left: 0px;
}	

ul.gal li {
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	padding-bottom: 10px;
	width: 114px;
	list-style: none;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	min-height: 180px;
	height: auto !important;
	height: 180px;
}	

ul.gal li em {
	font-size: 85%;
	font-style: normal;
	color: #72A8DE;
}	

ul.gal li a {
	text-decoration: none;
	display: block;
}	

.content ul.gal img {
	float: none;
	margin-left: 0px;
	margin-bottom: 5px;
}	

body.about-us #top ul.gal img, ul.gal img {
	border: 2px solid #1452A5;
}	

body.about-us #top ul.gal a:hover img, ul.gal a:hover img {
	border: 2px solid #1452A5;
}	
	
	/* -----------------------------------------------------------------------------
   contact page style */
	
body.contactpage dt {
	color:#1452A5;
   font-weight:bold;
	clear: left;
	text-align: right;
	padding-bottom: 10px;
	width: 130px;
}	
	
body.contactpage dd {
	padding-left: 150px;
	padding-bottom: 10px;
}	

body.contactpage dd.nopadding {
	padding-bottom: 0px;
}
	
	/* -----------------------------------------------------------------------------
   fundraising and donations page style */
	
p.morelink {
	clear: both;
	border-bottom:2px solid #CCCACA;
	display:block;
	margin-bottom:10px;
	font-weight: bold;
}	
	
p.morelink a {
	text-align: right;
	display: block;
	text-decoration: none;
}		


	/* -----------------------------------------------------------------------------
   rebuild style */	
	
ul.inline {
	text-align: center;
	margin: 0 auto;
	clear: both;
	padding-bottom: 15px;
}	
	
ul.inline li {
	display: inline;
}		
	
ul.inline li img {
	float: none;
}	


	/* -----------------------------------------------------------------------------
   backlink style */
	
p.backlink {
	padding-top: 10px;
	font-size: 110%;
	font-weight: bold;
}	
	
	
	/* -----------------------------------------------------------------------------
   pet adoption page style */
	
ul.petlist li {
	float: left;
	list-style: none;
	text-align: center;
	width: 175px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
}
	
ul.petlist li a {
	text-decoration: none;
}
	
#top ul.petlist li a img {
	border: 2px solid #9CC1E8;
}
	
#top ul.petlist li a:hover img {
	border: 2px solid #1452a5;
}
	/* -----------------------------------------------------------------------------
   results general page style */
	
body.results #mid .sidebar img {
	float: left;
}	
	
body.results #mid .sidebar a:hover img {
	border:2px solid #1452A5;
}	



body.results #mid .sidebar dt {
	color: #413F3F;
	font-size: 100%;
	padding-bottom: 0px;
}

body.results #mid .sidebar dd {
	padding-bottom: 0px;
}


	/* -----------------------------------------------------------------------------
   individual pet general page style */
	
body.individual-pet #top .content img {
	float: left;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
}	
	
body.individual-pet h2 {
	color: #1452A5;
	clear: both;
}

body.individual-pet .content p {
	clear: both;
}

body.individual-pet .container .content ul {
	padding-top: 0px;
}	
	
body.individual-pet .content li {
	padding-bottom: 10px;
}
	
body.individual-pet .content dl {
	padding-bottom: 10px;
}
	
body.individual-pet .content dt {
	padding-bottom: 10px;
	width: 100px;
}
	
body.individual-pet .content dd {
	padding-bottom: 10px;
}


	/* -----------------------------------------------------------------------------
   prices table style */
	
table {
	border: 2px solid #cccccc;
	width: 100%;
	margin-bottom: 10px;
}

table th {
	padding: 8px 20px;
	border-bottom: 2px solid #cccccc;
	color: #1452A5;
}

table td {
	padding: 8px 20px;
}

td.border, th.border {
	border-left: 2px solid #cccccc;
}

table tr.alt {
	background: #efefef;
}


	/* -----------------------------------------------------------------------------
   form style */	
	
label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 20px;
}

input {
	border:2px solid #CCCCCC;
	clear: right;
	display: block;
	width: 400px;
	margin-bottom: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

input#send {
	border-top:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
	border-right:2px solid #8c8c8c;
	border-bottom:2px solid #8c8c8c;
	width: 150px;
	margin-left: 170px;
}


	/* -----------------------------------------------------------------------------
   success stories style */	
	
body.success-stories .content h2 {
	color: #1452A5;
}	
	
	/* -----------------------------------------------------------------------------
   news page style */
	
h2 span {
	font-size: 80%;
	color: #72A8DE;
}	

#top img.noborder {
	border: none;
}
	
	/* -----------------------------------------------------------------------------
   volunteer page style */
	
body.volunteer #top #content ul {
	padding-top: 0px;
} 	
	
.volunteer-index {
	border: 2px solid #1452A5;
	color: #1452A5; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 15px;
}	
	
.volunteer-index h2 {
	color: #1452A5; 
	padding-bottom: 5px;
}	

.volunteer-index a#activepage {
	color: #6e98ca;
}
	
	/* -----------------------------------------------------------------------------
   contactpage2 page style */
	
body#contact2 .sidebar h2 {
	font-size: 140%;
}	

a.external {
	padding-left: 30px;
	line-height: 20px;
	background: url(../images/icons/external-link-icon.jpg) no-repeat;
	display: block;
}

a.pdflink {
	padding-left: 30px;
	background: url(../images/icons/pdf-icon.jpg) no-repeat;
	line-height: 20px;
	display: block;
}
	
	/* -----------------------------------------------------------------------------
   backbutton style */
	
.backbutton a {
	display: block;
	font-weight: bold;
	background: #9CC1E8 url(../images/backbutton-bg.jpg) no-repeat left;
	border: 2px solid #1452A5;
	padding-left: 70px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 15px;
}	
	
.backbutton a:hover {
	background: #9CC1E8 url(../images/backbutton-hover-bg.jpg) no-repeat left;
}	
	
	/* -----------------------------------------------------------------------------
  videos page style */
  
body.videos .vid {
	margin: 0 auto;
	display: block;
	width: 450px;
	margin-bottom: 20px;
}

body.videos #top .content p {
	text-align: center;
}  
	
	/* -----------------------------------------------------------------------------
  paypal donate buttons style */


.donate label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 0;
	margin-bottom: 0;
}

.donate input {
	border:none;
	clear: right;
	display: block;
	width: auto;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.donate input#send {
	border:none;
}
	
	/* -----------------------------------------------------------------------------
  additional drupal individual pet info*/
  
h2.info {
	clear: both;
}  
	
	/* -----------------------------------------------------------------------------
  additional drupal style sidebar*/
  
.sidebar .item-list ul li {
	list-style: none;
}
	
	/* -----------------------------------------------------------------------------
  additional drupal style animal results*/
  
body.results-dogs .content, body.results-cats .content, body.results-rabbits .content
, body.results-ferrets .content, body.results-small-animals .content, body.results-birds .content {
	width: 100%;
}  
 
body.results-dogs .item-list ul li, body.results-cats .item-list ul li, body.results-rabbits .item-list ul li
, body.results-ferrets .item-list ul li, body.results-small-animals .item-list ul li, body.results-birds .item-list ul li {
	float: left;
	width: 45%;
	list-style: none;
	min-height: 210px;
	height: auto !important;
	height: 210px;
	margin-bottom: 10px;
}    
 
body.results-dogs .item-list ul li img, body.results-cats .item-list ul li img, body.results-rabbits .item-list ul li img
, body.results-ferrets .item-list ul li img, body.results-small-animals .item-list ul li img, body.results-birds .item-list ul li img   {
	margin-right: 10px;
	margin-left: 0px;
	float: left;
}   
 
body.results-dogs .item-list ul li.views-row-even, body.results-cats .item-list ul li.views-row-even, body.results-rabbits .item-list ul li.views-row-even
, body.results-ferrets .item-list ul li.views-row-even, body.results-small-animals .item-list ul li.views-row-even, body.results-birds .item-list ul li.views-row-even {
	float: right;
}    
 
body.results-dogs .item-list ul li dd, body.results-cats .item-list ul li dd, body.results-rabbits .item-list ul li dd
, body.results-ferrets .item-list ul li dd, body.results-small-animals .item-list ul li dd, body.results-birds .item-list ul li dd {
} 
	
	/* -----------------------------------------------------------------------------
  additional drupal style pagination */
  
.item-list ul.pager, body.results-dogs item-list ul.pager, body.results-cats item-list ul.pager, body.results-rabbits item-list ul.pager
, body.results-ferrets item-list ul.pager, body.results-small-animals item-list ul.pager, body.results-birds item-list ul.pager {
	text-align: center;
	margin: 0 auto;
	width: 30%;
	clear: both;
	overflow: auto;
}  
  
.content .item-list ul.pager li, body.results-dogs .content item-list ul.pager li, body.results-cats .content item-list ul.pager li, body.results-rabbits .content item-list ul.pager li
, body.results-ferrets .content item-list ul.pager li, body.results-small-animals .content item-list ul.pager li, body.results-birds .content item-list ul.pager li {
	display: inline;
	width: auto;
	min-height: 10px;
	height: 10px;
	height: auto !important;
	margin-bottom: 0px;
	margin-left: 0;
}  

ul.pager li a {
	display: block;
	background: #9CC1E8;
	border: 2px solid #1452A5;
	color: #1452A5;
	font-weight: bold;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden;
}

ul.pager li a:hover {
	background: #fff
}

ul.pager li.pager-current {
	color: #1452A5; 
	margin-top: 2px;
}	

.sidebar .item-list ul li {
	margin: 5px;
	list-style: none;
}

body.about-us .content .item-list ul li {
	list-style: none;
}

body.contactpage .sidebar h3 {
	color: #6A6A6A;
	font-size:140%;
}

body.contactpage .sidebar .adopt {
	overflow: hidden;
	margin-bottom: 0px;
}

.sidebar {
	overflow: hidden;
}

.sidebar a {
	overflow: hidden;
}

	
	/* -----------------------------------------------------------------------------
news pagination */

dl.news dt {
	color: #72a8de;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 10px;
	float: none;
	clear: both;
	width: 98%;
	display: block;
}

dl.news dt span a {
	color: #1452a5;
	font-size: 140%;
	text-decoration: none;
}

dl.news dt span a:hover {
	color: #72A8DE;
}

dl.news dd {
	padding-bottom: 10px;
}

dl.news dd.spacer {
	border-bottom:2px solid #CCCACA;
	margin-bottom: 10px;
	display: block;
	margin-top:10px;
	padding-bottom: 0;
}

#top .content dl.news img {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
	clear: none;
	display: block;
}