/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body {
	font-size: 11px;
	line-height: 18px;
	margin: 0px;
	text-align: center;
	background: #3D3D3D url(../_images/bg.gif) top left repeat-x;
	color: #444444;
	font-family: Lucida Grande, Helvetica, Verdana, sans-serif;
}

#wrap{
	margin: auto;
	width: 740px;
	background: #fff;
	border-left: 5px solid #2c2c2c;
	border-right: 5px solid #2c2c2c;
	border-bottom: 5px solid #2c2c2c;
}

	#masthead {
		background: #171717 url(../_images/title.jpg) 0 0 no-repeat;
		float: left;
		height: 72px;
		width: 220px;
		display: block;
		margin-left: 20px;
	}

	#head{
		background: #222 url(../_images/head.gif) top left no-repeat;
		height: 72px;	
		position: relative;
	}
	
		#menu{
			float: right;
			padding: 24px 11px 0 0;
		}
		
		#logo{
			position: absolute;
			top: 5px;
			left: -10px;
			height: 72px;
			width: 47px;
			text-indent: -9999em;
			background: url(../_images/logo.png) top left no-repeat;
		}
		
			#menu li{
				float: left;
				height: 48px;	
			}
			
			#menu li a{
				float: left;
				height: 42px;
				text-indent: -9999em;	
			}
			
			#home-link{
				width: 55px;
				background: url(../_images/n1.gif) top left no-repeat;
			}
			#about-link{
				width: 59px;
				background: url(../_images/n2.gif) top left no-repeat;
			}
			#shelters-link{
				width: 78px;
				background: url(../_images/n3.gif) top left no-repeat;
			}
			#testimonials-link{
				width: 107px;
				background: url(../_images/n4.gif) top left no-repeat;
			}
			#faq-link{
				width: 41px;
				background: url(../_images/n5.gif) top left no-repeat;
			}
			#contact-link{
				width: 73px;
				background: url(../_images/n6.gif) top left no-repeat;
			}
			
			#menu li:hover, #menu li.active{
				background: url(../_images/nh.gif) center bottom no-repeat;
			}
			
			#menu li:hover a, #menu li.active a{
				background-position: bottom left;
			}
			
	
	
	#page{
		padding: 1px 0 0 0;
		text-align: left;
		background: url(../_images/pbg.jpg) top left no-repeat;
	}
		
		#page h1{
			text-indent: -9999em;
			height: 69px;
			margin: 70px 0 20px 18px;
			background: url(../_images/h1.png) top left no-repeat; 
		}
		
		.title-box{
			font-size: 18px;
			color: #fff;
			padding-right: 120px;
			width: 620px;
		}
		
			.title-box a{
				display: block;
				xbackground: url(../_images/more-bg.gif) bottom left no-repeat;
				padding: 9px 135px 9px 16px;
				line-height: 24px;
				color: #fff;
				text-decoration: none;
				background: #990033;
			}
		
		#map-box{
			height: 325px;
			padding: 0 120px 0 0;
			overflow: hidden;	
		}
		
		#content{
			padding: 30px 120px 30px 0;	
			overflow: hidden;
		}
		
			.content-col{
				float: left;
				padding-left: 30px;
				width: 250px;
				padding-right: 30px;
			}
			
			.content-wide {
				padding: 30px;
				width: 450px;
			}
			
			#content h2{
				font-size: 18px;
				font-weight: bold;
				color: #990033;
				font-family: Helvetica, arial, verdana, sans-serif;
				margin-bottom: 10px;
			}
			
			#content h3{
				font-size: 16px;
				font-weight: bold;
				color: #990033;
				font-family: Helvetica, arial, verdana, sans-serif;
			}
			
			#content a{
				color: #990033;	
			}
			
			#content p{
				padding-bottom: 1em;	
			}
			
				#content p a{
					color: #990033;
					border-bottom: 1px dotted #990033;
				}
				
				#content p a:hover {
					border-bottom: 1px solid #990033;
				}
				
				#content p.cc img {
					margin-top: 10px;
					}
				
			
			#content ul{
				padding: 0 0 1em 3px;	
			}
			
			#content ul li{
				padding-left: 14px;
				background: url(../_images/bull.gif) left center no-repeat;
				background-position: 0 3px;
			}
			
			#content a.read-more{
				float: right;
				padding: 3px 7px 3px 7px;
				color: #fff;
				font-weight: bold;
				background: #990033;
				font-size: 1.1em;	
				margin-right: -30px;
				display: inline;
				border-bottom: none;
			}
				#content a.read-more:hover {
					border-bottom: none; 
					background: #990033;
				}
				
				.faq .read-more {
					margin: 0 0 18px 20px!important;
				}
			
			.info-left {
				width: 260px;
				margin-left: 20px;
				margin-right: 20px;
				float: left;
			}
			
			.info-right {
				width: 280px;
				float: right;
				margin-right: 20px;
			}
			
				.p50 aboutpage-pad { margin: 18px 0; }
				.p50 p { padding: 0 10px; }
				.p50 li { margin-bottom: 18px; }
				.p50 ul b { display: block; }
				.p50 img { margin: 18px 0; }

				.p50 a.more_btn { 
					margin: 0;
					}
					
				.p50 a.more_btn img { 
					margin: 15px 0 1px; 
					}

				a.more_btn h4 {
					width: 210px;
					margin-bottom: 18px;
					padding-left: 10px;
					color: #fff;
					background: #990033;
				}
				
				#content a.more_btn h3 {
					width: 390px;
					margin: 36px 0 18px;
					padding: 10px;
					color: #fff;
					background: #990033;
				}
				
					#content a.more_btn:hover h3 {
						background: #358F87;
					}


				.p50 a.more_btn:hover h4 { 
					background: #358F87;
					width: 270px;
					}

		
		h3.intouch{
			
		}
		
			.intouch a{
				padding: 15px 0 0 16px;
				display: block;
				color: #fff;
				font-size: 18px;
				background: url(../_images/consult.gif) top left no-repeat;
				height: 36px;
			}

			.intouch a:hover{
				background: url(../_images/consult.gif) bottom left no-repeat;
			}


/*-- content styles additional --*/
.cite {
	font-weight: bold;
	margin: -5px 0 10px;
}

blockquote {
	float: right;
	width: 220px;
	margin: 18px 0 18px 20px;
	padding: 20px 30px 20px 0;
	border-top: 5px solid #990033;
	border-bottom: 5px solid #990033;
}
	blockquote.faq {
		margin: 18px -140px 18px 20px!important;
	}


dt {
	font-weight: bold;
}

dd {
	margin-bottom: 18px;
}

.hr {
	margin-top: 18px;
	padding-bottom: 18px;
	border-top: 1px solid #990033;
	clear: both;
}

.testimonials .read-more {
	margin: 0 193px 18px 0 !important;
}

.quote {
	padding-left: 20px;
	background: url(../_images/bg_quote.gif) left top no-repeat;
}



/*-- footer --*/
#footer{
	margin: auto;
	width: 740px;
	padding: 20px 0 0 0;
	height: 85px;	
	color: #6B6B6B;
	font-size: 11px;
}

	#footer ul{
		float: left;	
	}
	
	#footer ul li{
		float: left;
		padding-right: 10px;
	}
	
	#footer ul li a{
		float: left;
	}
	
	#footer a{
		color: #A1A1A1;	
	}
	
	#footer p{
		float: right;
	}
	
	#footer a:hover{
		color: #fff;
	}
	
.clearfix { clear: both; }
.aboutpage p { margin: 0 30px; }
.aboutpage-pad { margin: 0 20px 18px; }
.aboutpage-pad-ul { margin: 0 30px; }
.aboutpage .entry { float: right; margin-bottom: 18px;  }