/* CSS Document */




.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
.center {
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
}
body {
	background:#ffffff url(../images/sitewide/bg1.jpg) left top repeat-x;
	color:#616161;
	margin:0px;
	font-size:80%;
	font-family:Verdana, Arial, Tahoma;
}
h1 {
	font-size: 140%;
	font-weight:bold;
	color: #963;
	margin-top: 20px!important;
}
h2 {
	font-size: 120%;
	font-weight:bold;
	color: #963;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-top: 20px;
	padding-top: 10px;
}
h3 {
	font-size: 110%;
	font-weight:bold;
	color: #666;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	margin-top: 20px;
	padding-top: 10px;
	margin-right: 25%;
}
#mat {
	width:1000px;
	margin:0px auto;
	padding:0px;
}
.content-mat {
	width:950px;
	padding:0px 25px 20px 25px;
	margin:0px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.inside-content-mat {
	width:942px;
	float:left;
	background:#fff;
	border-right:4px solid #fff;
	border-left:4px solid #fff;
}
.left-side {
/*	width:725px; */ width:770px;
	float:left;
}

.left-side-full {
/*	width:725px; */ width:942px;
	float:left;
}

#tagline {
	background-image: url(../images/sitewide/tagline.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	margin:0px;
	width: 770px;
}
#tagline-fullpage{	background-image: url(../images/sitewide/tagline-fullpage.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	margin:0px;
	width: 942px;}

.boxed {
}

.boxed h2 {
	padding-left: 20px;
	background: url(../images/sitewide/paw.gif) no-repeat left bottom;
	font-size: 92%;
	color: #3A2403;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 10px; border: none;
}



/* Menu */

#menu {
	background-color: #f3f3f3;
	margin-top: -7px;
	position: relative;
}

#menu ul {
	list-style: none;
	background-image: url(../images/sitewide/menu-border.gif);
	background-repeat: repeat-x;
	margin-left: 10px!important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#menu li {
	background-image: url(../images/sitewide/menu-border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#menu a {
	text-decoration: none;
	color: #755904;
}

#menu a:hover {
	text-decoration: underline;
}



/*

#menu {
	width:678px;
	float:left;
	padding:18px 21px 16px 20px;
	margin:0px 0px 0px 0px;
	background-image: url(../images/sitewide/menu-bg-brown.jpg);
	background-repeat: repeat-x;
	font-weight:bold;
	color:#ffedd5;
	font-size: 12px;
}

#menu ul {
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#menu li {
	list-style-type:none;
	display:inline;
	border-right:1px solid #ffffff;
	padding:0px 12px 0px 12px;
	margin:0px 0px 0px 0px;
}
#menu li a {
	text-decoration:none;
	color:#fff;
}
#menu li a:hover {
	text-decoration:underline;
	color:#fff;
} */

#left-side-main {
	margin:0px;
	color:#333;
	text-align:left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 185px;
}

.nosidebars#left-side-main  {

	padding-left: 20px!important;
}

#left-side-main a {
	
	color:#006BB3;
}
#left-side-main a:hover {
	color: #6F4A00;


}
.sponsor-area {
	width:226px;
	float:left;
	padding:0px;
	margin:0px 9px 0px 0px;
}
.sponsor-title {
	width:111px;
	float:left;
	padding:102px 0px 0px 115px;
	margin:0px;
	background-image: url(../images/sitewide/raspberry-bg.jpg);
	background-repeat: no-repeat;
}
.sponsor-content {
	width:197px;
	float:left;
	margin:0px;
	padding:22px 15px 34px 14px;
	background-color: #680063;
	background-position: bottom;
}
.foster-area {
	width:226px;
	float:left;
	padding:0px;
	margin:0px 9px 0px 0px;
}
.foster-title {
	width:111px;
	float:left;
	padding:102px 0px 0px 115px;
	margin:0px;
	background-image: url(../images/sitewide/green-bg.jpg);
	background-repeat: no-repeat;
}
.foster-content {
	width:197px;
	float:left;
	margin:0px;
	padding:22px 15px 34px 14px;
	background-color: #006b54;
	background-position: bottom;
}
.donate-box {
	width:226px;
	float:left;
	padding:0px;
	margin:0px;
}
.donate-box-title {
	width:111px;
	float:left;
	padding:102px 0px 0px 115px;
	margin:0px;
	background-image: url(../images/sitewide/blue-bg.jpg);
	background-repeat: no-repeat;
}
.donate-box-content {
	width:197px;
	float:left;
	margin:0px;
	padding:22px 15px 34px 14px;
	background-color: #003f68;
	background-position: bottom;
}
.panel-right {
	width:170px;
	text-align: center;
	float:right; 
	background-color: #fff;
	margin-top: 0px;
	margin-right: -4px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
#adoptables-box a {
	text-decoration:none;

	
}
#adoptables-box a:hover {
	text-decoration:underline;
	color:#333;
	font-weight:bold;
}
#adoptables-box img  {
	margin-top: 10px;
	border: 2px solid #f2f2f2;
}
#adoptables-box a:hover img {
	border: 2px solid #06F;
}
#adoptables-box .border {
	border: 1px dotted #333;
	padding: 4px;
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
}

.button {
	background-image: url(../images/sitewide/button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 15px;
	padding-top: 27px;
	margin: 0px;
	height: 75px;
	width: 160px;
	padding-left: 70px;
	text-align: left;
}
.button a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.button a:hover {
	color: #FFFFAE;
}
.footer-container {
	background:url(../images/sitewide/footer-bg.jpg) left top repeat-x;
	border-top:5px solid #000;
}
.footer {
	width:1000px;
	padding:5px 0px 30px 0px;
	margin:0px auto;
}
.footer-menu {
	padding:0px;
	margin:20px 0px 0px 0px;
	text-align:center;
	color:#000;
}
.footer-menu ul {
	margin:0px;
	padding:0px;
}
.footer-menu li {
	display:inline;
	list-style-type:none;
	margin:0px;
	border-right:1px solid #ffffff;
	padding:0px 10px 0px 10px;
}
.footer-menu li a {
	text-decoration:none;
	color:#fff;
}
.footer-menu li a:hover {
	text-decoration:none;
	color:#fff;
}
.banner {
	width:1000px;
	height: 230px;
	margin:0px;
	padding: 0px;
	text-align: left;
	background-image: url(../images/sitewide/header.jpg);
	background-repeat: no-repeat;
	display: block;
	background-position: left top;
	margin: 0px;
}
.location a {
	color: #333;
	font-size: .9em;
	font-weight: normal;
	color: #333;
}
.location {
	display: block;
	padding-left: 45px;
	padding-top: 7px;
	font-size: 14px;
	margin: 0px;
	color: #333;
}
.sponsor-link a {
	display: block;
	height: 30px;
	width: 150px;
	text-align: center;
	margin-top: 0px;
	color: #006BB3!important;
}
.sponsor-link a:hover {
	background-image: url(../images/sitewide/heart.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.pullout-basic-right {
	padding: 10px;
	float: right;
	width: 150px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 4px;
	border: 1px dotted #999;
	background-color: #FFF;
	font-size: 90%;
}
.pullout-basic-left {
	padding: 10px;
	float: left;
	width: 150px;
	margin-top: 4px;
	margin-right: 5px;
	margin-bottom: 4px;
	margin-left: 0px;
	border: 1px dotted #999;
	background-color: #FFF;
	font-size: 90%;
}
.right {
	display: block;
	float: right;
	width: 45%;
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#right {
	display: block;
	float: right;
	width: 45%;
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.pdf {
	margin: 4px;
	padding: 7px;
	width: 120px;
	display: block;
	float: right;
	color: #575757;
	background-color: #FFF;
	border: 1px solid #999;
	font-size: 90%;
}
.pdf img {
	margin: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.long-button-right a {
	height: 48px;
	width: 383px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF!important;
	background-image: url(../images/accents/long-button-right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-decoration: none!important;
	text-align: center;
	word-spacing: 4px;

}
.long-button-right a:hover {
	background-image: url(../images/accents/long-button-right-hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF!important;
}
/*	
	.printable {

	width: 110px;
	background-image: url(../images/accents/printer.gif);
	display: block;
	padding-left: 78px;
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
}	*/.printable {
	width: 170px;
	display: block;
	float: right;
	border: 1px dotted #999;
	margin-left: 15px;
	background-color: #FFF;
	margin-right: 10px;
	padding: 4px;
}

.printable img {
	margin-top: 5px;
	margin-left: -25px;
	float: left;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.seniors-furever a {
	float: right;
	padding-left: 120px;
	padding-top:200px;
	text-transform: uppercase;
	color: #03C;
	text-decoration: underline;
	background-color: #FFF;
	background-image: url(../images/accents/seniors-furever.jpg);
	background-position: left top;
	display: block;
	background-repeat: no-repeat;
	padding-bottom: 15px;
	width: 150px;
}

.seniors-furever a:hover {
	font-weight: bold; 	background-image: url(../images/accents/seniors-furever-over.jpg);
	background-position: left top;
}

#poem-right {
	padding: 8px;
	float: right;
	width: 60%;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	border: 1px solid #333;
	background-color: #B7C8BB;
	font-size: 90%;
	text-align: center;
}
#vert-menu ul {
	padding-left: 5px; margin-left: 0px;
}
#vert-menu li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#vert-menu .nobar {
	border-top-width: 0px;
	padding-bottom: 5px;
}
#vert-menu .nobar-base {
	border-bottom-width: 0px;
	padding-bottom: 5px;
}
#vert-menu a {
	background-image: url(../images/sitewide/menu-a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	margin-left: -20px;
	padding-top: 0px;
	padding-bottom: 8px;
	color: #333;
	text-decoration: none;
}

#vert-menu a:hover {
	background-image: url(../images/sitewide/menu-a-hover.gif);
	color: #714D00;
	text-decoration: underline;	
}

#left-nav {
	float: left; 	margin-top: -5px;
	margin-left: 0px; 	width: 170px;
	margin-right: 0px; padding: 0px;
}

#vert-menu {
margin: 0px; background-color: #CCC;
}

#vert-menu .menu-title {
	color: #FFF;
	background-color: #666;
	text-align: center;
	font-size: 90%;
	margin-top: -2px;
	position:relative;
	margin-left: -5px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}


.doglist-promo img  {
	margin-right: auto;
	margin-left: auto;
	border: none!important;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.poem {
	color: #333;
	margin-left: 15px;
}


/* PROMOS */

/* float top-right promo */
#promo a{

	position: absolute;
	top: 0px;
	right: 0px;

	text-align: center;
	color: #FFF;
	text-decoration: none;
	padding-top: 0px;
	font-size: 14px;

}

#mid-page-promo {
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	margin-top: -10px;
	position: relative;
}


/* left promo header */
.promo-header {
	color: #FFF;
	background-color: #333;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:  auto;
	display: block;

} .promo-header a {
	color: #FFF!important;
	text-decoration: underline!important;
}
/* left promo therapy */
#promo-mt em {

	color: #03C;
	text-decoration: underline;
	font-style: normal;
}

#promo-mt a {
	background-image: url(../images/promos/massagetherapy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	background-color: #dac4a0;
	display: block;
	width: 168px;
	padding-top: 215px;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	border: 1px solid #999;
	padding-bottom: 10px; 

}
#promo-mt strong {

}




/* left promo Serendipity Shop */

#promo-calendar em {

	color: #03C;
	text-decoration: underline;
	font-style: normal;
}

#promo-calendar a {
	background-image: url(../images/promos/calendar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	width: 168px;
	padding-top: 120px;
	font-size: 13px;
	color: #063;
	text-decoration: none;
	border: 1px solid #999;
	padding-bottom: 10px;
}
/* left promo Events */

#events-promo em {

	color: #03C;
	text-decoration: underline;
	font-style: normal;
}

#events-promo a {
	background-image: url(../images/promos/dog-wash-promo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	width: 168px;
	padding-top: 160px;
	font-size: 13px;
	color: #000;
	text-decoration: none;
	border: 1px solid #999;
	padding-bottom: 10px;

}
/* left promo recycle */

#recycle-promo em {

	color: #FFF; 
	text-decoration: underline;
	font-style: normal;
}

#recycle-promo a {
	background-image: url(../images/promos/recycle-promo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	width: 170px;
	padding-top: 15px; 		
	font-size: 13px;
	color: #FFF; 	height: 245px;
	text-decoration: none;

	padding-bottom: 10px;
}
/*  promo shelterchallenge */



#shelterchallenge-promo a {
	background-image: url(../images/promos/2010ShelterChallenge.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	width: 170px;
	font-size: 13px;
	color: #00C;
	text-decoration: none;
	padding-top: 222px;
	padding-bottom: 0px;
}

/*  promo fosters needed */



#fosters-needed-promo a {
	background-image: url(../images/promos/fosters-needed.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	width: 168px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	padding-top: 327px;
	padding-bottom: 4px;

	padding-right: 0px;
	padding-left: 0px;
}
#fosters-needed-promo a:hover strong {
	text-decoration: underline;
	color: #03C;

}
/*  promo featured dog */



#featured-dog-promo a {
	background-image: url(../images/promos/promopet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	width: 168px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	padding-top: 154px;
	padding-bottom: 4px;
	border: 1px solid #000;
}
#featured-dog-promo a:hover {
	text-decoration: underline;
}

.fd-girl#featured-dog-promo {
	background-color: #FFE1FF;
}
.fd-boy#featured-dog-promo {
	background-color: #C1D6FF;
}

/*  remember  */



#remember-kathy a {
	background-image: url(../docs/kathy/kathy-sm.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	width: 168px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	padding-top: 185px;
	padding-bottom: 4px;
	border: 1px solid #999;

}


/* left promo Facebook */
.facebook a {
	background-color: #FFF;
	background-image: url(../images/promos/facebook.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-left: 50px;
	font-weight: normal;
	color: #3a5593;
	text-decoration: none;
	display: block;
	margin-left: 0px;
	
}

.facebook a:hover {
	background-image: url(../images/promos/facebook-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #7755a5;
	text-decoration: underline;
}


.view-adoptables {
	padding: 0px;
	height: 178px;
	width: 170px;
	position: relative;
	background-image: url(../images/sitewide/view-adoptables.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -170px;
	margin-left: -5px;
}
.white-pf-cover
{
	padding: 0px;
	height: 130px;
	width: 170px;
	position: relative;
	display: block;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: -120px;
margin-left: -5px;
	background-image: url(../images/sitewide/wholelist-link-pf.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.photo-border-lav {
	border: 4px solid #A98CFF;
}
.photo-border-grey {
	border: 4px solid #333;
}
.photo-border-green {
	border: 4px solid #8FB699;
}
.photo-border-brown {
	border: 4px solid #867062;
}