#header {
	
}

#content {
	border-top: 0 !important;
}


.homepage-column {
	margin-bottom: 4px;
}

#tertiary-content {
	margin: 0;
	/*border-top: 1px solid #336600;*/
	width: 927px;
}

/** Homepage content **/
#main_image {
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding-top: 1px;
	width: 681px;
	border-top: 6px #336600 solid;
	float: left;
}

	#main_image h1 {
		position: absolute;
		top: 15px;
		left: 19px;
		z-index: 100;
		color: #FFFFFF;
		background: url(/display_images/buttons/blue_arrow_heading.gif) center right no-repeat;
		padding-right: 20px;
		letter-spacing: -1px;
	}
	
		#main_image h1 a {
			text-decoration: none;
			color: #FFFFFF !important;
		}
	
	#main_image h2 {
		position: absolute;
		top: 225px;
		left: 19px;
		z-index: 100;
		color: #000 !important;
		width: 300px;
		text-transform: none;
	}
	
		#main_image h2 p {
			color: #000 !important;
		}

#donate_link {
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 560px;
	width: 120px;
	height: 120px;
	z-index: 110;
	/*background: url(/display_images/homepage_donate_off.gif) no-repeat;*/
}

	#donate_link a img {
		background: url(/display_images/buttons/homepage_donate_off.png) no-repeat;
		width: 120px;
		height: 120px;
	}
	#donate_link a:hover img {
		background: url(/display_images/buttons/homepage_donate_on.png) no-repeat;
		width: 120px;
		height: 120px;
	}

	#main_image h1, #main_image h2 {
		font-size: 1.8em;
	}


/** Featured content **/

#featured_content_container {
	width: 100%;
	overflow: hidden;
	margin: 20px 0 0px;
	color: #333;
}

	#featured_content_container h2, #kidsTeaserContainer h2 {
		float: left;
		width: 105px;
		text-transform: uppercase;
		color: #444 !important;
		font-size: 1.0em;
		letter-spacing: 0;
		margin: 0;
		padding: 0;
	}

	#featured_dog, #featured_cat, #lostLine {
		float: left;
		width: 200px;
		padding-right: 20px;
		overflow: hidden;
	}
	
	#featured_cat, #lostLine {
		padding-left: 20px;
	}
	
	#lostLine {
		border-right: 0 !important;
		padding-right:0 !important;
		width:200px;
	}
	
		#lostLine h2 {
			width: 100%;
			padding-bottom: 19px;
		}
		
		#lostLine p {
			font-size: 0.8em;
			line-height: 1.2em;
			padding-bottom: 8px;
		}
		
		#lostLine p strong {
			font-size: 1.19em;
			font-color: #000 !important;
		}
	
	.heading_container {
		border-bottom: solid 3px #336600;
		padding-bottom: 7px;
		overflow: hidden;
	}

/** Kids teaser area **/

#kidsTeaserContainer {
	overflow:hidden;
	position: relative !important;
	width: 216px;
	min-height: 158px;
	padding-left: 31px
}

    #kidsTeaserContainer div {
        padding: 0 0 9px;
    }

	#kidsTeaserContainer .heading_container {
		margin-bottom: 13px;
		position:relative;
		width:209px;
		z-index:10;
	}

    #kidsTeaserContainer p, .kidscontent p {
		padding:0;
        margin:0 0 5px;
		color:#222;
		width: 115px;
    }
	
	.kidscontent ul li {
		background: url(/display_images/buttons/blue_bullet.gif) 0 6px no-repeat;
		padding-left: 10px;
		padding-bottom: 2px;
		font-size: 0.9em;
	}
    
	.kidsTeaserImage {
		float:right;
		position:absolute;
		z-index: 1000;
		top: 14px;
		left: 142px
	}




	
	/* Rollover effect for main teaser areas ===================================== */
		#featured_dog:hover div.heading_container,
		#featured_dog.over div.heading_container,
		#featured_dog.alwaysover div.heading_container,
		#featured_cat:hover div.heading_container,
		#featured_cat.over div.heading_container,
		#featured_cat.alwaysover div.heading_container,
		#kidsTeaserContainer:hover div.heading_container,
		#kidsTeaserContainer.over div.heading_container,
		#kidsTeaserContainer.alwaysover div.heading_container {
			border-bottom: solid 3px #FF9900;
		}
		
		#featured_dog:hover h2,
		#featured_dog.over h2,
		#featured_dog.alwaysover h2,
		#featured_cat:hover h2,
		#featured_cat.over h2,
		#featured_cat.alwaysover h2,
		#kidsTeaserContainer:hover h2,
		#kidsTeaserContainer.over h2,
		#kidsTeaserContainer.alwaysover h2 {
			color: #000 !important;
		}
	
	.animalDetails {
		clear: both;
		padding-top: 15px;
	}
	
	.animalDetails dl {
		margin:0 0 0 12px;
		float: left;
	}
	
		h3 a.titleLink {
			font-size: 1.14em;
			font-weight: bold;
			padding-left: 12px;
		}
	
		.animalDetails dt {
			font-weight: bold;
			color: #000;
			width:auto;
			float: left;
			clear: left;
			padding:0;
			margin:0;
		}
	
		.animalDetails dt.plusrow {
			margin-top:5px;
		}
		
		.animalDetails dd {
			float: left;
			clear: left;
			color: #333;
			padding:0;
			margin:0;
			width:80px;
			margin-bottom: 5px;
		}
	
	
		.animalDetails img {
			float: left;
			width: 95px;
			border: 1px solid #CFCFCF;
			padding: 5px;
			background: #fff;
		}
	
	

/** Slider layout **/
.accordion{
	width:200px;
	margin:0 0 0 30px;
	float:left;
}
#sections {
	border-top: 1px solid #336600;
}
	#sections li{
		
	}
		#sections li.newcats, #sections li.newdogs {
			border-top: 1px dotted #B0B0B0;
		}
			
		#sections li h3 { /* h3s act as the accordion toggles*/
		    background: #EDEDED url(/display_images/icons/open.gif) 11px 10px no-repeat;
			color:#336600;
		    height:28px;
			cursor:pointer;
			margin:0;
			padding:0;
			line-height:28px;
			font-size:1.1em;
			padding-left:26px;
		}
			#sections li h3 a {
				color: #336600;
				text-decoration: none
			}
			#sections li h3 a:hover {
				color: #336600;
				text-decoration: underline
			}
			#sections li h3.selected {
			    background: #EDEDED url(/display_images/icons/close.gif) 11px 10px no-repeat;
			    height:28px;
			}
		
		#sections li h4 {
			font-size:1.2em;
			color:#222;
			margin-bottom:3px;
		}
			#sections li .news h4 {
				margin:0;
				font-size:.9em;
				text-transform:uppercase;
				color:#999;
				font-weight:bold;
			}

		#sections li img {
			padding:0;
			margin:0px 10px 15px 0;
			float:left;
			border: 1px solid #C9C9C9;
		}

		#sections li p {
			padding:0;
			margin:0 0 10px 0;
			color:#222;
			line-height: 1.4em;
		}
		
			#sections li.featured p {
				padding:0;
				margin:0 0 10px 0;
				color:#222;
				line-height: 1.2em;
				font-size: 0.9em !important;
			}

		#sections li a {
			color: #336600 !important;
			/*text-decoration: none;*/
		}
			#sections li a:hover {
				color: #336600 !important;
				/*text-decoration: underline;*/
			}
		#sections li .accordion-content {
			padding:0 10px;			
		}
			.accordion-content .news, .accordion-content .ourshop {
				width:100%;
				overflow:hidden;
			}
			.accordion-content .news{
				margin-top:10px;
			}
			.accordion-content .ourshop{
				border-top:1px dotted #bebebe;
			}
				.accordion-content .ourshop.first{
					border-top:0 !important;
				}
				.accordion-content .ourshop h4{
					font-size: 1.1em !important;
					padding: 8px 0 2px 0;
				}
					.accordion-content .ourshop.first h4{
						padding-top:10px !important;
					}
				
				#sections li .accordion-content .ourshop img {
					margin:0px 10px 12px 0 !important;
				}
			
			
				.accordion-content .ourshop.withnews h4{
					font-size: 1.1em !important;
					padding: 10px 0 2px 0;
				}
				
				#sections li .accordion-content .ourshop.withnews p {
					padding:0;
					margin:0 0 10px 0;
					color:#222;
					line-height: 1.4em;
					font-size: 1em !important;
				}
				
				#sections li .accordion-content .ourshop.withnews img {
					margin:0px 10px 15px 0 !important;
				}
				
			.accordion-content .datebox {
				border:2px solid #aeaeae;
				margin:5px 15px 15px 0;
				padding:0;
				width:26px;
				display:block;
				float:left;
			}
				.accordion-content .datebox .date {
					font-size:1.3em;
					color:#7a7a7a;
					font-weight:bold;
					background-color:#fff;
					text-align:center;
					padding:1px 0 0;
				}
				.accordion-content .datebox .month {
					font-size:.8em;
					color:#fff;

					background-color:#336600;
					text-align:center;
					text-transform:uppercase;
					padding:0;
				}
					
			.accordion-content .dogs, .accordion-content .cats {
				width:100%;
				overflow:hidden;
				margin:10px 0;
			}
				#sections li .accordion-content .dogs img, #sections li .accordion-content .cats img{
					margin-bottom:0;
				}
				.accordion-content .dogs h4, .accordion-content .cats h4 {
					font-size: 1.1em !important;
					padding: 5px 0 2px 0;
				}
				.accordion-content dl dt{
					float: left;
					width: 30px;
					font-size: 0.9em;
					padding: 0 !important;
				}
				.accordion-content dl dd{
					float: left;
					margin: 0 0 8px;
					font-size: 0.9em;
					width: 85px;
					padding: 0 !important;
				}
				

	
	

		
/*slideshow*/
#slideshow #story_navList{
	display:none;
}
#slideshow{	
	width: 100%;
	/*background: black url('/display_images/flash.gif') top left no-repeat;*/
	margin-bottom: 20px;
} 
#slides{
	position: relative;
	height: 212px;
	overflow: hidden;
	width:100%;
}
#slides .story {
	position: absolute;
	top: 0;
	display: none;
	width:100%;
}

#slides #story1,
#slides #slideshowSlide1  {
	display: block;
}