/*

Site: 
Design: 
Build: 
URL: 

*/

/* = TENDENCI STYLES ****************************************************************************************/

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #274F32;}
.subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666;}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
div#skiptocontent {position: absolute; left: -9999px;}

/* ****************************************************************************************/
* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	background:url(/images/main-bg.jpg) repeat;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; } 
h1{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#274F32; padding-bottom:10px; } 
h2{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#003466; margin: 0 0 0 0; } 
#bodycontent h2{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#003466; margin: 0 0 0 0; background-color:none; } 

p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#575451; margin: 0 0 10px 0; line-height:13px;} 
a { color: #40aad1; font-weight:bold; text-decoration: none; } 
a:hover { color: #40aad1; text-decoration:underline; }
a:active { color: #40aad1; }
a:visited { color: #40aad1; }

/* STRUCTURE */

#top-bg {width: 100%; background: url(/images/top-bg.jpg) top center no-repeat; margin:0 auto; padding:0}

	#container {width: 950px; margin:0 auto; padding:0; display:block}

		#logo {width: 295px; height:168px; float:left; padding:0px; }
		
		#address-donate {width:270px; float:right; display:block;}
		
		#address {width: 270px; height:94px; float:right; padding:0px; text-align:right; }
		#donate {width: 162px; height:27px; float:right; padding:30px 0 0 0; }
		#donate a {font-size: 14px; color:#FFF; padding-left: 20px;}
		
		#content-area {width: 950px; margin:0 auto; background-color: #CFC8BE;}
			#nav {
	width: 943px;
	margin:0 auto;
	background:#074963 url(/images/nav-yellowbar.jpg) top no-repeat;
	height:44px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
			#below-nav-content{ width: 922px; margin: 0 auto; padding-bottom: 20px;}
				#below-nav-content h2 {background-color:#40AAD2; padding: 11px;width:230px; color: #FFF; margin-bottom:9px; }
				#below-nav-content h3 {color: #58933a; font-size: 14px; font-weight:bold; margin-bottom:9px;}
			
				#left-col{ width: 695px; float:left; }
				
					#stories-area{ 
					width: 695px; 
					float:left; 
					background:url(/images/stories-rt-bg.jpg) right top no-repeat; 
					padding: 15px 0 0 0;
					height:342px;
					}
					
					#special-programs{ width: 695px; float:left; background-color: #E3DED8; padding: 7px 0 20px 0; margin:30px 0  34px 0; }
					
						.programs { width: 125px; float:left; margin: 0 0 0 11px; height: 241px; position:relative;}
							.programs img {border: 3px solid #fff;}
							#below-nav-content .programs h3 { 
								font-family:Arial, Helvetica, sans-serif; 
								font-size: 12px; color:#ea821a; 
								padding: 11px 0 6px 0;
								margin:0px;
								line-height:13px;
								}
							.programs p {margin-bottom: 10px;} 
							.programs a {
								background-color:#fff; 
								padding: 9px;width:89px; 
								color: #40aad1; 
								position:absolute; 
								top: 220px; }
					
					#video-section { width: 437px; float:left; }
					
						#video { width: 380px; background:url(/images/video-bg.jpg) top left no-repeat; height: 288px; padding: 13px 0 0 57px; }
						
						#video-content {width: 435px; }
						
							
							#long-bonelink { 
							background:url(/images/video-bone.jpg) top left no-repeat; 
							width:315px; 
							height:32px;
							float:right;
							padding: 18px 0 0 30px;
							font-size: 14px;
							}
					
					#connect-section {width: 258px; float:left;}
					
						#social-media { width: 258px; float:left; }
						
							.socialmedia-thmbs {width: 52px; float:left; margin-right: 18px;}
							.socialmedia-thmbs a {font-size: 11px; color: #379fc5; }
							
						#volunteer {width: 258px;float:left;margin-top: 14px;}
						
							#volunteer img {margin-right: 10px; }
						
							#volunteer ul { margin:0px; padding: 0px; list-style:none;}
							#volunteer li { margin:0px; padding: 0px;}
							
							
						#online-store {width: 258px; float:left; margin-top: 14px;}
						
							#online-store img {margin-right: 10px; }
						
							#online-store ul { margin:0px; padding: 0px; list-style:none;}
							#online-store li { margin:0px; padding: 0px;}
							
					
						#faq {width: 258px; float:left; margin-top: 14px;}
						
							#faq-title { width: 150px; float:left;}
							#faq-more { width: 90px; float:left; text-align:right;}
							#faq-more a{ color: #58933a;}
							
							#faq-content {width:258px; float:left;}
							#faq-content ul { margin:0px; padding: 0px; list-style:none;}
							#faq-content li { margin:0px; padding: 0px; background-color: #fff; padding: 2px; width:234px;margin-bottom: 2px;} 
							#faq-content li a { margin:0px; padding: 0px; padding: 2px; width:234px; display:block;}
							#faq-content li a:hover { margin:0px; padding: 0px; background-color: #efeae3; padding: 2px; width:234px}
							
					
				#right-col {width: 227px; float:right;padding: 15px 0 0 0; }
					#right-col h2 {background-color:#58933a; padding: 11px;width:130px; color: #FFF; margin-bottom:9px; }
				
				.right-col-buttons { 
					width: 175px; 
					margin-left: 10px;
					float:left;
					}
					
					.right-col-buttons .spay {font-size:12px;}
					.right-col-buttons a{ 
					width: 175px; 
					height:32px; 
					display:block;
					background: url(/images/bone-btn.jpg) top left no-repeat;
					font-size: 14px;
					text-decoration:none;
					padding: 17px 0 0  30px;

					}
					
					.right-col-buttons a:hover{ 
					background: url(/images/bone-btn-hover.jpg) top left no-repeat;
					}
					
					#right-col-socialmedia {width: 170px; float:left; padding-left: 45px;}
					#right-col-socialmedia img {margin-right: 10px;}
					
					#pets-of-week{ width: 205px; float:left; padding: 10px 0 0 20px;}
					
						#pets-of-week img{ margin-bottom: 10px;}
					
					#pet-photos{ width: 205px; float:left; padding: 10px 0 0 20px; display:block;}
					
					#photo-feed img {border: 3px solid #fff; margin-right: 15px;}

			#footer {width: 918px; margin: 20px auto; background-color:#CFC8BE; padding: 17px 16px; }
			
				#footer-left { width: 610px;float:left;}
				#footer-left h2 { color: #58933a; padding-bottom:10px;}
				#footer-right { width: 295px;float:right; }
				#footer-right a {color:#8d8982; font-weight:normal;}


/**TEMPLATE*******************************************/
#bodycontent{ width: 655px; float:left; background-color: #fff; padding: 20px 20px 10px 20px; margin:30px 0  34px 0; min-height:930px; }

/* stories */
.stories{
			display: block;
			width: 663px;
			background: transparent url(/images/home/stories-bg.jpg) no-repeat top left;
			height:424px;
			overflow: hidden;
			clear:both;
			padding: 16px;
			position: relative;

			}
			
				.stories a{
				color:#063E53;
				padding: 0px;
				margin: 0px; font-weight: bold;
				}
			#slideshow {
				display: block;
				width: 663px;
				}
				
				#story-title {
	position:absolute;
	top: -21px;
	left: 3px;
	background-color:#40AAD2;
	color:#fff;
}
				.story-item {
					position: relative;
					width: 663px;
					}
					.story-item img {
						float: left;
						display: block;
						width: 417px;
						height: 285px;
						margin-right: 15px;
						border: 10px solid #fff;
						}
					.story-right {
						float: left;
						width:178px;
						padding: 15px 15px 15px 0;
						}
					.story-item h1 {
						padding: 10px;
						font-size: 18px;
						color:#fff;
						width: 245px;
						line-height: 22px;
						}
					.story-item p {
						color: #483421;
					
						}
						#link-wrap{
							margin-top: 10px;
						}
				#nav-stories {
	position: absolute;
	bottom: 128px;
	right: 25px;
	display: block;
	height: 35px;
	width: 192px;
	padding-left: 15px;/**
					background-color:#DFA561;**/
					
			
					}
					#nav-stories a {
						display: block;
						font-weight:bold;
						color: #262523;
						font-family:Arial, Helvetica, sans-serif;
						font-size: 16px;
						width: 23px;
						height: 23px;
						border: 1px solid #262523;
						padding-top: 5px;
						float: left;
						margin-right: 5px;
						text-align: center;
						text-decoration: none;
						}
						#nav-stories a.activeSlide {
							background: #40aad1;
							color:#fff;
							}
							
							#template-content{ width: 922px; margin: 0 auto; padding-bottom: 20px;}
				#template-content h2 { padding: 11px;width:230px; color:#C90;; margin-bottom:9px; }
	#pets-of-week-template{ width: 205px; float:left; padding: 10px 0 0 20px;}
					
						#pets-of-week-template img{ margin-bottom: 10px;}
				#pets-of-week-template h2{background-color:#40AAD2; padding: 11px;width:130px; color: #FFF; margin-bottom:9px; }
.clear { clear: both; }