body{
	margin:0;
	padding:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#666;
	background:#b8caa0;}
	
img {border:0;}

img.gallery {
		border:2px solid #839865;
		padding: 2px;}

form, fieldset{
	margin:0;
	padding:0;
	border:0;}
	
input,textarea,
select{
	font:100% Verdana, Geneva, Arial, sans-serif;
	vertical-align: middle;}
	

#wrapper{
	width:900px;
	margin:0 auto;
	padding:0;}
	
#header{
	height:1%;
	overflow:hidden;
	background:#fff;
	margin:0;}
	
#portal-box{
	height:1%;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:0;
	border-bottom:1px solid #fff;}
	
.portal-button{
	background:url(../images/button-petportal.gif) no-repeat;	
	margin:0;
	float:right;
	display:inline;
	overflow:hidden;
	width:130px;	
	height:24px;
	text-indent:-9999px;}
	
.portal-button p{
	text-align:right;
	padding:4px 10px 0 0;
	margin:0;
	font-size:13px;
	color:#FFF;}
	
.portal-button p a{
	color:#FFF;
	text-decoration:none;}
	


.header-box{
	overflow:hidden;
	height:1%;
	border-bottom:10px solid #e3e68a;}
	
	
.logo{
	background:url(../images/bg-logo.gif) no-repeat;
	margin:27px 0 0 22px;
	float:left;
	display:inline;
	overflow:hidden;
	width:143px;	
	height:137px;
	text-indent:-9999px;}
	
.logo a{
	height:100%;
	display:block;}
	
	
	
	
.header-wrap{
	float:right;
	text-align:right;
	padding:37px 22px 0 0;
	font-size:15px;}
	
	
	
.header-wrap h1{
	margin:0 0 5px;
	background:url(../images/text-clay-county.gif) no-repeat;
	width:512px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;}
	
	
.header-wrap h1 a{display:block;}


.header-wrap address{
	font-style:normal;
	margin:0 0 7px;}
	
	
.header-wrap address strong{
	background:url(../images/bullet-header.gif) no-repeat 0 50%;
	padding:0 8px 0 12px;}
	
	
.header-wrap span{
	font-weight:bold;
	display:block;
	margin:0 8px 0 0;}
	
.header-wrap strong:first-child{background:none;}

#header img{float:right;}


#nav-dynamic{
	margin:3px 0 0 0;
	padding:0 0 0 65px;
	background:#97ac7a;}

#nav{
	list-style:none;
	padding:20px 0 18px;
	margin:3px 0 0;
	text-align:center;
	background:#97ac7a;
	font-size:14px;
	font-weight:bold;}
	
#nav li{
	display:inline;
	background:url(../images/separator-nav.gif) no-repeat 0 50%;
	padding:0 12px 0 13px;}
	
#nav li:first-child{
	background:none;
	padding-left:0;}
	
#nav li a{
	color:#fff;
	text-decoration:none;}
	
#nav li a:hover{text-decoration:underline;}

#main{
	overflow:hidden;
	height:1%;
	margin:0 0 28px;}
	

	
* html .box{height:269px;}

.page-dogcat{
	padding:0;
	background:url(../images/header-dogcat.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-dogcat2{
	padding:0;
	background:url(../images/header-dogcat2.jpg) no-repeat;
	width:900px;
	height:195px;}	
	
.page-store{
	padding:0;
	background:url(../images/header-store.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-cruelty{
	padding:0;
	background:url(../images/header-cruelty.jpg) no-repeat;
	width:900px;
	height:195px;}
	
	
.page-jakescout{
	padding:0;
	background:url(../images/header-jakescout.jpg) no-repeat;
	width:900px;
	height:195px;}
	
	
.page-litter{
	padding:0;
	background:url(../images/header-litter.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-donate{
	padding:0;
	background:url(../images/header-donate.jpg) no-repeat;
	width:900px;
	height:195px;}

.page-involved{
	padding:0;
	background:url(../images/header-involved.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-articles{
	padding:0;
	background:url(../images/header-articles.jpg) no-repeat;
	width:900px;
	height:195px;}

.page-events{
	padding:0;
	background:url(../images/header-events.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-lostfound{
	padding:0;
	background:url(../images/header-lostfound.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-wildlife{
	padding:0;
	background:url(../images/header-wildlife.jpg) no-repeat;
	width:900px;
	height:195px;}

.page-lowcost{
	padding:0;
	background:url(../images/header-low-cost-clinic.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-humane-edu{
	padding:0;
	background:url(../images/header-humane-edu.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-therapy{
	padding:0;
	background:url(../images/header-therapy.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-disaster{
	padding:0;
	background:url(../images/header-disaster.jpg) no-repeat;
	width:900px;
	height:195px;}
	
.page-petcredit{
	padding:0;
	background:url(../images/header-pet-credit.jpg) no-repeat;
	width:900px;
	height:195px;}
	
P.page-name {
	font-size:40px;
	font-weight:bold;
	text-align:right;
	color:#3572af;
	margin:0;
	padding:50px 30px 0 0;}
	
	
	
	
/* -- EDIT THIS STYLE TO CHANGE HOMEPAGE HEADER IMAGE -- */	
	
	
	
.box{
	overflow:hidden;
	height:1%;
	background:url(../images/hogs-for-dogs-ad.jpg) no-repeat;
	padding:60px 228px 0 0;
	position:relative;
	min-height:269px;}

.title-box{float:right;}


/* -- EDIT THIS STYLE TO MOVE THE TAGLINE HOOK AROUND -- */	



.wrap-box{
	position:absolute;
	top:210px;
	right:550px;
	width:290px;}
		
.date{
	font-style:normal;
	font-size:24px;
	color:#FFF;
	letter-spacing:-1px;
	line-height:37px;}
	
	
.find{
	float:left;
	padding:0 38px 0 0;
	color:#FFF;
	font-size:18px;
	text-decoration:underline;
	line-height:21px;}
	
.find:hover{text-decoration:none;}

#twocolumns{
	overflow:hidden;
	height:1%;
	background:url(../images/bg-twocolumns.gif) repeat-y;}
	
#sidebar{
	float:left;
	width:234px;
	background:#f2f2da;
	padding:40px 18px 0 16px;}
	
.form-mail{
	background:#e4e4c6 url(../images/bg-form-mail.gif) no-repeat;
	margin:0 0 15px 0;}
	
.form-mail .holder{
	background:url(../images/bg-form-mail-holder.gif) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
	padding:30px 0 10px 22px;}
	
.form-mail h3.join{
	background:url(../images/text-join.gif) no-repeat;
	margin:0 0 6px;
	width:166px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;}
	
.form{margin:0 0 15px;}

.text{
	width:137px;
	border:1px solid #999;
	margin:0;
	padding:1px 3px;}
	
.btn-go{
	background:url(../images/btn-go.gif) no-repeat;
	width:39px;
	height:22px;
	border:0;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
	margin:0 0 0 10px;}
	
.form-mail a{
	text-decoration:underline;
	font-size:14px;
	color:#666;
	line-height:18px;}
	
.form-mail a:hover{text-decoration:none;}

.ad{margin:0 0 14px;}

.ad img{display:block;}

.ad-donate {
	margin:0 auto;
	padding:0 0 30px 0;
	text-align:center;}

.social-networks{
	overflow:hidden;
	height:1%;
	padding:0 0 0 36px;}
	
.social-networks span{
	display:block;
	color:#3572af;
	font-size:14px;
	margin:0 0 10px 5px;}
	
.social-networks ul{
	list-style:none;
	padding:0;
	margin:0;
	height:1%;
	overflow:hidden;}
	
.social-networks ul li{
	float:left;
	padding:0 13px 0 0;
	width:44px;}
	
.social-networks ul a{
	float:left;
	height:64px;
	width:44px;
	text-indent:-9999px;}
	
.social-networks .twitter{background:url(../images/ico-twitter.gif) no-repeat;}
.social-networks .facebook{background:url(../images/ico-facebook.gif) no-repeat;}
.social-networks .myspace{background:url(../images/ico-myspace.gif) no-repeat;}

.social-networks img{
	margin:0 13px 0 0;
	float:left;}
	
#content{
	width:526px;
	float:right;
	background:#fff;
	padding:39px 61px 0 45px;
	line-height:22px;
	min-height:900px;}
	
#content P a{
	color:#2c637d;}

#content P a:hover{
	color:#000;}
	
* html #content{height:790px;}

#content p{margin:0 0 22px;}


#content li a{
	color:#3572af;
	font-size:16px;
	line-height:26px;}


.content-list{
	list-style:none;
	margin:0 0 22px 37px;
	padding:0;}
	
.content-list li{
	background:url(../images/bullit-content.gif) no-repeat 0 10px;
	padding:0 0 0 7px;}
	
.content-list li a{
	color:#2c637d;}
	
.content-list li a:hover{
	color:#000;}
	
	

		
.news ul {
	margin:20px 0 20px 0;}
	
.news li {
	color:#839865;
	font-size:16px;
	line-height:20px;
	margin: 0 0 20px 0;}
	
.news li a {
	color:#839865;}
	
	
	

table.needs {
	margin: 0 0 10px 20px;
	border:2px solid #CCC;
	padding:2px;}
	

	
	
table a {
	color:#666;}

.store-item{
	color:#3572af;
	font-size:24px;
	line-height:26px;
	font-weight:bold;}
	
.price{
	color:#3572af;
	font-size:18px;}

P.description{
	line-height:16px;
	margin:0;
	padding:0 0 -15px 0;}
	
P.hours{
	line-height:20px;
	margin: 0 0 30px 0;}
	
h2{
	margin:0 0 31px 0;
	color:#839865;
	font-size:28px;
	line-height:38px;}	
	
.h2b{
	margin:0 0 40px 0;
	padding:0;
	color:#3572af;
	font-size:24px;
	line-height:32px;}
	
.h2b a{
	color:#3572af;}
	
h3 {
	color:#839865;
	font-size:18px;
	line-height:24px;
	margin:30px 0 5px 0;}
	
h3 a {
	color:#839865;}
	
.h3b{
	color:#839865;
	font-size:18px;}
	
h4 {
	color:#839865;
	font-weight:bold;
	font-size:12px;}
	
.footnote {
	font-size:11px;}
	
.back-to-top{
	text-align:right;
	margin-top:20px;
	text-transform:uppercase;}
	
	
.event-date{
	color:#3572af;
	font-size:15px;
	line-height:22px;
	font-variant:small-caps;}
	
.event-item{
	color:#3572af;
	font-size:16px;
	font-weight:bold;
	line-height:22px;}
	
.event-item a{
	color:#3572af;}
	
li.list {
	margin:0 0 20px 0;}
	
li.donate {
	margin:0 0 10px 0;}
	
.content-box{
	border:3px solid #97ac7a;
	margin:30px 0 0;
	padding:16px 10px 14px 0;
	line-height:20px;}
	
.content-box p{
	color:#666;}
	
.content-box h2{
	margin:0 0 31px;
	color:#839865;
	font-size:24px;
	text-align:center;}
	
.content-box ul{
	list-style:none;
	margin:0 0 22px 40px;
	padding:0;
	font-size:14px;}
	
.content-box li{
	background:url(../images/bullet-content-box.gif) no-repeat 0 8px;
	padding:0 0 0 10px;
	margin:0 0 20px;}
	
#content .content-box{
	color:#97ac7a;
	text-decoration:none;}
	
.content-link{
	font-size:16px;
	color:#97ac7a;
	text-decoration:none;}
	
.content-box li strong{color:#97ac7a;}
#content .content-box li p{margin:0;}
.content-box .find-more{
	background:url(../images/bg-link-list.gif) no-repeat 100% 50%;
	padding:0 30px 0 0;
	display:inline-block;}
	
form.store{
	background-color:#f2f2da;
	padding:10px 0 15px 0;}
	
	
.heading {
	color:#839865;
	font-size:16px;
	font-weight:bold;
	text-align:center;}
	

img.right {
	float: right;
	margin: 0 0 10px 20px;
	border:2px solid #CCC;
	padding:2px;}
	
img.left {
	float: left;
	margin: 0 10px 10px 0;
	border:2px solid #CCC;
	padding:2px;}
	
hr.rule {
	margin: 30px 0 30px 0;}
	


#footer{
	text-align:center;
	color:#666;
	margin:0 0 30px;}
	
.nav-footer{
	list-style:none;
	margin:0 0 17px;
	padding:0;
	font-size:12px;}
	
.nav-footer li{
	background:url(../images/separator-footer.gif) no-repeat 0 50%;
	padding:0 5px 0 7px;
	display:inline;}
	
.nav-footer li:first-child{background:none;}

.nav-footer a{
	color:#666;}
	
.nav-footer a:hover{
	color:#000;}

.contact-info{
	list-style:none;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:14px;}
	
.contact-info li{
	display:inline;
	background:url(../images/bullet-footer.gif) no-repeat 0 50%;
	padding:0 3px 0 10px;}
	
.contact-info li:first-child{background:none;}

.contact-info address{
	font-style:normal;
	display:inline;}
	
#footer p{
	margin:12px 0 0;
	font-size:12px;}
	
#footer p a{
	color:#666;}
	
#footer p a:hover{
		color:#000;}