/* @override 
	http://rvspca.org/css/lightbox-form.css
	http://rvspca.org/css/content.css
	http://rvspca/css/content.css
*/

/* @group Generic */

h1#page-title {
	color: #0b5f91;
	background: transparent url(/images/section_header_bg.png) no-repeat 0px 0px;
	font-size: 2.4em;
	line-height: 48px;
	font-weight: bold;
	height: 65px;
	padding: 27px 25px 0px 26px;
	margin: 0px 0px 25px;
}

#main-content {
	padding: 0px 22px 0px 26px;
	color: #333;
}

h1 {
	font-size: 2.2em;
	color: #b23514;
}

h2 {
	font-size: 1.6em;
	color: #b23514;
}

h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active {
	color: #b23514;
}

h3 {
	font-size: 1.2em;
	color: #555;
}

h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active {
	color: #555;
}

h2 a,
h3 a,
h4 a {
	text-decoration: none;
}

h2 a:hover,
h3 a:hover,
h4 a:hover {
	text-decoration: underline;
}

.photo img {
	border: 1px solid #000;
}

.photo p {
	margin-top: 3px;
	font-size: 1em;
	color: #555;
}

/* @group Sub Content */

#main-content-area-wrapper.with-sub-content #main-content {
	float: left;
	width: 461px;
}

#sub-content {
	float: right;
	width: 252px;
	margin-right: 16px;
	padding-top: 0px;
}

#sub-content .callout-wrapper {
	margin-right: 11px;
	margin-left: 7px;
}

#sub-content .photo p {
	margin: 0px 8px 5px;
	font-size: 1.1em;
	line-height: 1.4em;
}

#sub-content .photo {
	margin: 0px 0px 26px;
}

/* @end */

/* @end */

/* @group Front Page */

#fp p,
#fp td,
#fp li,
#fp input,
#fp label,
#fp textarea,
#fp th,
#fp h3,
#fp h2,
#fp h1 {
	font-family: Arial, Helvetica, sans-serif;
}


#fp #main-content-area-wrapper {
	float: none;
	width: 973px;
}

#fp #content-area {
	background: transparent url(/images/fp_footer_top_bg.gif) no-repeat 0% 100%;
}

#fp #page-without-footer {
	background-image: url(/images/fp_page_without_footer_bg.gif);
}

/* @group Featured Content */

#featured-content {
	width: 973px;
	height: 45em;
	color: #fff;
	position: relative;
}

#fp #success-lost-pet {
	float: left;
	width: 205px;
	position: absolute;
	bottom: 4px;
	left: 0;
}

#fp #success-stories-wrapper {
	position: relative;
}

#fp #success-stories-wrapper img {
	display: block;
}

#fp #success-stories {
	min-height: 120px;
	padding: 1px 0px 1px 10px;
	color: #666;
	width: 195px;
	background: transparent url(/images/ss_mid_bg.png) repeat-y 0px 0px;
}

#fp #success-stories h2 {
	font-weight: normal;
	font-size: 2.0em;
	margin: 0px;
}

#fp #success-stories p {
	font-size: 1.2em;
	color: #404040;
	font-weight: bold;
	text-align: left;
	margin: 8px 0 0px;
}

#fp #donate-wrapper {
	margin-top: -8px
}

#fp #donate {
	padding: 1px 0px 1px 10px;
	height: auto;
	width: 195px;
	background: transparent url(/images/ss_mid_bg.png) repeat-y 0px 0px;
}

#fp #donate-wrapper img {
	display: block;
}

#fp #donate h3 {
	margin: 0 0 8px;
	font-size: 1.4em;
	color: #b23514;
}

#fp #donate p.donate-now {
	float: right;
	width: 101px;
	margin: 0 0 3px;
}

#fp #ss-inside {
	padding: 0px 0px 5px 65px;
}

#fp #ss-inside h3 {
	font-size: 1.1em;
	margin-top: 0px;
}

#fp #ss-inside ul {
	list-style: none;
	padding: 0px;
	margin: 0 0 1em;
}

#fp #ss-inside li {
	margin: 1px 0;
	font-size: 1.1em;
}

#fp #ss-inside a {
	color: #404040;
}

#fp #ss-inside a:hover {
	color: #b23514;
}

#fp #ss-inside .more,
#fp #donate .more {
	background: transparent url(/images/bullet_ss.gif) no-repeat 100% .5em;
	font-size: 1.1em;
	padding-right: 7px;
}

#ss-badge {
	width: 86px;
	height: 86px;
	position: absolute;
	top: 45px;
	left: -19px;
	background: transparent url(/images/success_stories_badge.png) no-repeat 0px 0px;
}

#ss-badge span {
	padding: 33px 17px 35px 18px;
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	color: #fff;
}

#fp #adoption {
	float: right;
	position: relative;
	width: 248px;
	padding: 129px 10px 0px 48px;
}


#fp #adoption-inside {
	padding: 0px 0px 1px 13px;
	height: 150px;
}

#fp #adoption h1 {
	color: #fff;
	font-weight: normal;
	font-size: 2.5em;
	line-height: 1.1em;
	margin-top: 7px;
	font-family: Arial, Verdana, sans-serif;
}

#fp #adoption h2 {
	color: #fff;
	font-size: 1.2em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
}

#fp #adoption p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 2px 0;
}

#fp #adoption-callout-wrapper {
	position: relative;
	width: 100%;
}

#fp #adoption-callout {
	padding: 9px 13px 2px;
	width: 209px;
	background: transparent url(/images/adopt_callout_bg.png) repeat 0px 0px;
}

#fp #adoption-callout h2 {
	margin-top: 0px;
}

#fp #adoption-callout p {
	font-size: 1.1em;
	margin-top: 2px;
}

#fp #adoption-callout a {
	color: #fbaf28;
}

#fp #adoption-callout #ac-cards {
	position: absolute;
	bottom: -7px;
	right: -7px;
	z-index: 99;
}

/* @end */

/* @group Front Page Content */

#fp-content-wrapper {
	background: transparent url(/images/fp_content_mid_bg.gif) repeat-y 0% 0%;
	width: 100%;
}

#fp-content-top {
	background: transparent url(/images/fp_content_top_bg.gif) no-repeat 0% 0%;
	width: 100%;
}

#fp-content {
	background: transparent url(/images/fp_content_bot_bg.gif) no-repeat 100% 100%;
	width: 100%;
	color: #666;
}

#pet-calendar {
	float: left;
	width: 195px;
}

#pet-calendar .newsletter {
	padding: 13px;
}

#pet-calendar .newsletter a.more {
	float: right;
}

#pet-calendar .newsletter p {
	margin-bottom: 5px;
}

#pet-calendar .newsletter .text {
	width: 118px;
}

#pet-calendar .charity {
	background: url(/images/calendar-divider.png) no-repeat 50% 0;
	padding: 16px 13px 13px;
}

#pet-calendar .charity img {
	display: block;
	margin-bottom: 10px;
}

#fp .more {
	padding-right: 8px;
	background: transparent url(/images/bullet_fp_more.gif) no-repeat 100% .4em;
}

/* @end */

/* @group Social Media */

#social-media {
	float: right;
	width: 193px;
}

#social-media ul {
	margin: 14px 0 0;
	padding: 0;
}

#social-media li {
	display: inline;
	float: left;
	list-style: none;
	padding: 0;
}

#social-media h3 {
	float: left;
	font-size: 1.4em;
	margin: 18px 4px 0 0;
}

#social-media li a {
	background: url(/images/social-media.png) no-repeat 0 0;
	display: block;
	height: 32px;
	text-indent: -9999px;
	width: 28px;
}

#social-media li.twitter a {
	background-position: 0 -32px;
}

#social-media li.youtube a {
	background-position: 0 -64px;
}

#social-media li.myspace a {
	background-position: 0 -96px;
}

/* @end */

/* @group Sponsors */

#sponsors {
	background: url(/images/sponsor-bottom.png) no-repeat 0 100%;
	margin: 0px;
	padding: 0 0 9px;
	float: left;
	width: 185px;
}

#sponsors .top {
	background: url(/images/sponsors-top.png) no-repeat 0 0;
	padding: 8px;
}

#sponsors .top h2 {
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 1px;
	white-space: nowrap;
}

#sponsors .top p {
	margin: 1px 0 0;
}

#sponsors .main {
	background: url(/images/sponsor-main.png) no-repeat 0 0;
	padding: 2px 0 0 2px;
	width: 184px;
	height: 157px;
	position: relative;
}

#sponsors .main ul {
	padding: 0;
	margin: 0;
}

#sponsors .main ul li {
	display: none;
	list-style: none;
}

#sponsors .main ul li.first {
	display: block;
}

#sponsors .main a.image {
	background: #ffffff no-repeat 50% 50%; 
	display: block;
	height: 130px;
	text-indent: -9999px;
	width: 184px;
}

#sponsors .main p {
	margin: 0 0 0 10px;
}

#sponsors .main p a.more {
	background-image: url(/images/arrow-blue.gif);
	background-position: 100% 50%;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	bottom: 10px;
}

/* @end */

/* @group Featured Event */

#events {
	padding: 1px 20px;
	float: left;
	width: 545px;
}

#events h2 {
	font-weight: normal;
	font-size: 1.9em;
	margin: 12px 0 8px;
}

#events h2 span {
	color: #666;
	position: static;
	float: right;
	font-size: 0.58em;
	width: 312px;
	margin-top: 7px;
}

#events h2 span a.more:link,
#events h2 span a.more:visited {
	color: #666666;
	text-decoration: underline;
}

#events h2 span a.more:hover {
	color: #b23514;
}

#events a.more {
	background-position: 100% 50%;
	margin-right: 4px;
}

#featured-event {
	float: left;
	width: 216px;
	color: #666;
}

#featured-event img {
	border: 1px solid #fff;
	display: block;
}

#featured-event h2 {
	color: #184a7d;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 0;
}

#featured-event p {
	font-size: 1.1em;
}

#featured-event a:link,
#featured-event a:visited {
	color: #666;
}

#featured-event a:hover {
	color: #b23514;
}

#featured-event p.youtube {
	background: url(/images/icon-youtube.png) no-repeat 0 50%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 0 8px 27px;
	margin: 0;
}

#featured-event p.youtube a.more {
	background-position: 100% 50%;
}

/* @end */

/* @group What's New */

#whats-new {
	width: 312px;
	float: right;
	position: relative;
}

#whats-new .view-all {
	position: absolute;
	top: 13px;
	right: 10px;
	padding-left: 10px;
	background: transparent url(/images/bullet_fp_view_all.gif) no-repeat 0px 50%;
	color: #666;
}

#whats-new h2 {
	margin: 0px 0px 5px;
}

#whats-new ul {
	list-style: none;
	margin: -12px 0 0;
	padding: 0px;
}

#whats-new li {
	font-size: 1.0em;
	margin: 12px 0;
}

#whats-new li img {
	border: 1px solid #fff;
	float: left;
	margin-right: 10px;
}

#whats-new h3 {
	color: #184a7d;
	font-size: 1.1em;
	line-height: 1em;
	margin-top: 0px;
}

#whats-new h3 a {
	font-size: 1em;
	color: #184a7d;
}

#whats-new .date {
	font-weight: normal;
	color: #666;
}

#whats-new p {
	font-size: 1.1em;
	margin-bottom: 5px;
}

#whats-new a.more {
	margin-left: 3px;
}

/* @end */

/* @group Newsletter */

#newsletter h2 {
	font-size: 1em;
	color: #184a7d;
}

#newsletter .more {
	background-position: 100% 3px;
}

/* @end */

/* @group Contact Us */

#contactForm {
	margin: 20px 0px;
}

#contactForm label {
	padding-bottom: 3px;
	display: block;
}

#contactForm textarea {
	width: 480px;
}

/* @end */

/* @end */



/* @group Staff List */

.staff-list {
	list-style: none;
	padding: 0px;
	margin: 15px 0px;
}

.staff-list li {
	padding: 10px 0px 29px;
	margin: 0px 0px 20px;
	border-bottom: 1px solid #efefef;
}

.staff-list li h3 {
	margin-top: 0px;
}

.staff-list li img {
	display: inline;
}

/* @end */

/* @group Animal Gallery Landing Page */

.animal-gallery h1 {
	float: left;
	width: 461px;
	margin: 0px 25px 0px 0px;
	padding-top: 15px;
}

.animal-gallery .blurb {
	padding-top: 25px;
	font-size: 1.1em;
	margin-top: 0px;
}

.animal-gallery .blurb a:link,
.animal-gallery .blurb a:visited,
.animal-gallery .blurb a:active {
	color:  #b23514;
}

.animal-category {
	width: 243px;
	float: left;
	margin-bottom: 20px;
	position: relative;
}

.animal-category .photo-frame {
	padding: 32px 32px 32px 31px;
	width: 180px;
	height: 372px;
	position: relative;
}

.animal-category .category-image {
	border: 1px solid #000;
}

.animal-category h2 {
	text-align: center;
}

.animal-category .button {
	display: block;
	width: 138px;
	margin: 38px auto 40px;
}

.animal-gallery .photo-frame-br,
.animal-gallery .photo-frame-tr {
	width: 100%;
	position: relative;
}

#dogs .animal-icon {
	position: absolute;
	bottom: -30px;
	right: 15px;
}

#cats .animal-icon {
	position: absolute;
	bottom: -30px;
	right: 2px;
}

#other .animal-icon {
	position: absolute;
	bottom: -35px;
	right: 21px;
}

/* @group Adopt a Pet */

.step {
	min-height: 103px;
	height: auto !important;
	height: 103px;
	position: relative;
	margin-bottom: 30px;
	padding: 0px 207px 0px 46px;
}

.step-icon {
	position: absolute;
	left: 0px;
	top: 0px;
}

.step h2 a {
	background: transparent url(/images/bullet_adoption_steps.gif) no-repeat 100% 7px;
	padding-right: 10px;
}

.step-thumb {
	position: absolute;
	right: 20px;
	border: 1px solid #666;
}

/* @end */

/* @group Merchandise List */

#merchandise-list {
	list-style: none;
	margin: 35px 0px;
	padding: 0px;
}

#merchandise-list li {
	margin: 0px 0px 24px;
	padding: 0px 0px 25px;
	border-bottom: 1px solid #efefef;
}

#merchandise-list img {
	float: left;
	margin: 0px 15px 10px 0px;
}

#merchandise-list .merchandise-details {
	margin-left: 255px;
}

/* @end */

/* @group Cards */

#card-page #main-content {
	padding-top: 50px;
}

#card-page h1 {
	margin: 0px;
	padding: 0px;
}

#card-page .frame {
	padding: 31px 22px;
}

#card {
	position: relative;
}

#card-header {
	padding-left: 137px;
	padding-bottom: 15px;
	width: 545px;
}

#card-header h1 {
	float: left;
	margin: 0px 25px 10px 0px;
}

#card-header p {
	font-size: 1.1em;
	margin: 0px;
}

#card-content {
	background: #e3eff7 url(/images/card_content_bg.jpg) no-repeat 100% 23px;
	border: 1px solid #b5bbbf;
	padding: 26px 229px 55px 55px;
	color: #4a566e;
	width: 396px;
	font-weight: bold;
}

#card-content h2 {
	margin: 0px 0px 10px;
	color: #4a566e;
	font-size: 2.5em;
}

#card-content p {
	font-size: 1.2em;
	margin-bottom: 10px;
}

#card-color {
	position: static;
	text-transform: uppercase;
}

#card-category-wrapper {
	padding: 0px 8px 9px 0px;
	margin-bottom: 20px;
	width: 388px;
	background: #e8eff7 url(/images/card_category_bg.gif) no-repeat 100% 100%;
}

#card-category {
	border: 1px solid #cecece;
	background-color: #fff;
	padding: 17px 37px 17px 72px;
	font-weight: normal;
	color: #000;
	position: relative;
}

#card-category h3 {
	margin: 0px;
	color: #4a566e;
	font-size: 1.3em;
}

#card-category ul {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
}

#card-category ul li {
	padding-left: 14px;
	background: transparent url(/images/bullet_card_category.gif) no-repeat 0px 8px;
}

#card-image {
	position: absolute;
	top: 10px;
	left: -35px;
}

.purple {
	color: #923798;
}

.orange {
	color: #f3932a;
}

.green {
	color: #91ac52;
}

#card-tennis-ball {
	position: absolute;
	right: -77px;
	bottom: -36px;
}

#header-cards {
	position: absolute;
	left: 0px;
	top: -10px;
}

/* @end */

/* @end */

/* @group Success Stories */

.thumb-large {
	background: #000 url(none) no-repeat 50% 50%;
	width: 89px;
	height: 90px;
	margin: 0px 0px 2px 0px;
	border: 1px solid #000;
	display: block;
}

.thumb-small {
	background-color: #000;
	width: 27px;
	height: 27px;
	margin: 0px 2px 0px 0px;
	border: 1px solid #000;
	display: block;
	float: left;
	overflow: hidden;
}

/* @end */

/* @group Ways to Help */

.way-to-help {
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 25px;
}

.way-to-help .inside {
	margin-left: 250px;
}

.help-thumbnail {
	float: left;
	width: 240px;
}

.help-thumbnail img {
	display: block;
	margin: 0px auto;
}

.way-to-help img {
	border: 0px;
}

/* @end */