@charset "UTF-8";

/*SITE-WIDE STYLES*/

* {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 1em;
}
hr {
	margin-top: 15px;
	margin-bottom: 15px;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	color: #cc6600;
	line-height: 24px;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	color: #cc6600;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #cc6600;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #cc6600;
	margin-bottom:1px;
}
a:link, a:visited {
	color: #0066a4;
	text-decoration: underline;
}
a:hover, a:active {
	color: #003366;
	text-decoration: underline;
}
img.padded_float {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
img {
	border:none;
}




/* MISC CUSTOM CLASSES*/

.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.tight {
	margin-bottom: 0.2em;
}
.nobreak {
        white-space: nowrap;
}
.rule {
	background-color: #999;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	font-size: 0px;
}





/*WRAPPERS*/

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#contentWrapper {
	width: 770px;
	float: left;
	padding: 15px;
}
#contentWrapper_Intr {
	width: 785px;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
}





/*HEADER*/

#header {
	height: 62px;
	width: 800px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #86a700;
	position: relative;
}
#header .logo {
	margin-top: 8px;
	margin-left: 15px;
}
#header ul {
	position: absolute;
	right: 0px;
	top: 38px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}
#header li {
	display: inline;
}
#header ul a {
	display: block;
	float: left;
	height: 17px;
	padding-top: 7px;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #86a700;

}
#home_util a {
	width: 40px;
	background-image: url(../images/btnUtil_home.gif);
	padding-left: 25px;
}
#contact_util a {
	width: 64px;
	background-image: url(../images/btnUtil_contact.gif);
	padding-left: 32px;
}

#sitemap_util a {
	width: 53px;
	background-image: url(../images/btnUtil_sitemap.gif);	
	padding-left: 28px;
}
#header ul a:hover, body.home #home_util a, body.contact #contact_util a, body.sitemap #sitemap_util a {
	background-position: 0px -24px;
}





/*MAIN BANNER*/

#banner_main {
	background-image: url(../images/bnr_main.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 198px;
	width: 321px;
	padding-top: 40px;
	padding-left: 55px;
	padding-right: 424px;
}
#banner_donate {
	background-color: #0066a4;
	background-image: url(../images/pnlDonateNow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 53px;
	width: 800px;
	margin-bottom: 2px;
}
#banner_donate h1 {
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	float: left;
	padding-top: 17px;
	padding-left: 22px;
	padding-right: 10px;
	font-weight: bold;
}
#banner_donate img {
}
#banner_donate form {
	padding-top: 10px;
}






/*CALLOUTS*/

.calloutHeader {
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}
#callout_left {
	float: left;
}
#callout_left a {
	display: block;
	height: 83px;
	width: 160px;
	background-image: url(../images/btnCallout_adopt.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	text-decoration: none;
	padding-left: 90px;
	padding-right: 16px;
	padding-top: 15px;
}
#callout_left a:hover, #callout_middle a:hover, #callout_right a:hover {
	background-position: 0px -98px;
}
#callout_middle {
	float: left;
}
#callout_middle a {
	background-image: url(../images/btnCallout_volunteer.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 83px;
	width: 160px;
	color: #333333;
	text-decoration: none;
	padding-top: 15px;
	padding-left: 90px;
	padding-right: 19px;
}
#callout_right {
	float: left;
}
#callout_right a {
	background-image: url(../images/btnCallout_mailingList.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 83px;
	width: 160px;
	color: #333333;
	text-decoration: none;
	padding-top: 15px;
	padding-left: 90px;
	padding-right: 15px;
}








/*LEFT PANEL*/

#panel_left {
	float: left;
	width: 175px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#navigation {
	float: left;
	width: 175px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 160px;
	text-align: right;
	padding-right: 5px;
	margin-right: 10px;
}
#navigation a:hover {
	background-color: #d7ebf8;
}
body.about #about a,
body.sponsors #sponsors a, 
body.donations #donations a, 
body.adopt #adopt a, 
body.volunteer #volunteer a,
body.rescues #rescues a, 
body.crittercorner #crittercorner a, 
body.petstories #petstories a, 
body.mailinglist #mailinglist a, 
body.wishlist #wishlist a, 
body.news #news a, 
body.events #events a, 
body.shelter #shelter a, 
body.fixpinellas #fixpinellas a, 
body.helpthemheal #helpthemheal a, 
body.blackcat #blackcat a,
body.just_for_kicks #just_for_kicks a, 
body.georgethegoose #georgethegoose a, 
body.contact #contact a, 
body.sitemap #sitemap a  {
	background-color: #ebebeb;
}
#address {
	float: left;
	text-align: right;
	width: 161px;
	padding-top: 10px;
	padding-right: 15px;
	font-size: 10px;
	line-height: 1.5em;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#panel_paypal {
	float: left;
	text-align: right;
	width: 161px;
	padding-top: 10px;
	padding-right: 15px;
	font-size: 10px;
	line-height: 1.5em;
	color: #666666;
}




/*BODY*/

#body_3column {
	float: left;
	width: 319px;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 1.5em;
	position: relative;
}
#body_2column {
	float: right;
	width: 604px;
	line-height: 1.5em;
	position: relative;
}
#body_text {
	padding: 30px;
}





/*INTERIOR BANNER PHOTOS*/

#banner_photo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#banner_border {
	background-color: #0066a4;
	height: 5px;
}
#banner_subnav {
	background-color: #0066a4;
	height: 30px;
	background-image: url(../images/banner_subnav_gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;
}
#banner_subnav a {
	color:#66CCFF;
	text-decoration:none;
}
#banner_subnav a:hover, #banner_subnav li.current a {
	color:#FFFFFF;
}
#banner_subnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-transform: uppercase;
	font-weight: bold;
}
#banner_subnav li {
	display: inline;
	margin-right: 20px;
}






/*SUB NAV2*/

#subnav2 {
	height: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-bottom: 20px;
	background-image: url(../images/border_1px.gif);
	background-repeat: repeat-x;
	background-position: 0px 29px;
	font-family: Arial, Helvetica, sans-serif;
}
#subnav2 ul {
	list-style-type: none;
}
#subnav2 li {
	display: inline;
}
#subnav2 a {
	display: block;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	color: #666666;
	height: 24px;
}
#subnav2 a:hover {
	color: #CC6600;
	text-decoration: none;
	background-image: url(../images/subnav_accent.gif);
	background-repeat: repeat-x;
	background-position: 0px -2px;
}
div.faces1 #faces1 a,
div.faces2 #faces2 a,
div.faces3 #faces3 a,
div.faces4 #faces4 a,
div.faces5 #faces5 a,
div.faces6 #faces6 a,
div.faces7 #faces7 a,
div.faces8 #faces8 a,
div.faces9 #faces9 a,
div.faces10 #faces10 a,
div.faces11 #faces11 a,
div.faces12 #faces12 a,
div.faces13 #faces13 a,
div.faces14 #faces14 a,
div.faces15 #faces15 a,
div.faces16 #faces16 a,
div.faces17 #faces17 a,
div.faces18 #faces18 a,
div.faces19 #faces19 a,
div.faces20 #faces20 a
 {
	color: #CC6600;
	background-image: url(../images/subnav_accent.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}









/*RIGHT PANEL*/

#panel_right {
	float: left;
	width: 215px;
}
#footer .sheltercare {
	position: absolute;
	top: 10px;
	right: 0px;
}
.panelTab {
	background-color: #cc6600;
	background-image: url(../images/pnlTab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 25px;
	width: 205px;
	margin-bottom: 2px;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 7px;
	padding-left: 10px;
}
.panelText {
	padding: 10px;
	background-image: url(../images/pnlGradient.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 11px;
}
.panelPhoto {
	height: 109px;
	width: 215px;
	margin-bottom: 2px;
}






/*FOOTER*/

#footer {
	clear: both;
	width: 800px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	font-size: 10px;
	color: #666666;
	padding-top: 10px;
	line-height: 1.5em;
	padding-bottom: 10px;
	position: relative;
}
.back {
	position: absolute;
	right: 20px;
	top: -40px;
	font-size: 10px;
}
.date {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .2em;
}







/*HOMEPAGE A-SPOT*/

#muttMarch {
	margin-bottom: 15px;
	background-color: #CC6600;
	background-image: url(../images/bnr_MuttMarch.jpg);
	background-repeat: no-repeat;
	padding-top: 146px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#muttMarch a:link, #muttMarch a:visited {
	color: #FFFFFF;
}
#muttMarch a:hover {
	text-decoration: underline;
}





/*GALLERY*/

table.thumbnails {
	width: 500px;	
}

table.thumbnails td {
	padding: 5px;
	width: 90px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
table.thumbnails img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#photo_caption {
	float: left;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#photo_nav {
	text-align: right;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
}
#gallery_text {
	width: 500px;
}
#gallery_photo {
	width: 500px;
}
#thumbnails {
	width: 500px;
}
.important {
	font-weight: bold;
	color: #CC0000;
}
.home h1 {
	line-height:24px;
	margin-bottom:10px;
	font-size: 21px;
}
.disclaimer {
	font-size: 10px;
}
.button a, .button a:link, .button a:visited {
	background-color: #1A75AD;
	display: block;
	color: #FFFFFF;
	border: 2px solid #609FC6;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.button a:hover {
	text-decoration: none;
	background-color: #006699;
}





/* GALLERY */

.thumbnail_strip ul {
	list-style-type: none;
}
.thumbnail_strip li {
	display: inline;
}
.thumbnail_strip a {
	display: block;
	float: left;
	height: 90px;
	width: 132px;
	background-image: url(../images/photo_frame.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 5px;
	margin-right: 5px;
}
.thumbnail_strip {
	margin-bottom: 15px;
	padding-bottom: 15px;
	width: 450px;
}
#neuter {
	background-image: url(../images/bnr_Neuter.jpg);
	background-repeat: no-repeat;
	height: 55px;
	padding-top: 180px;
	padding-left: 15px;
	line-height: 22px;
}
#neuter a {
	color: #FFF;
	text-decoration: none;
}
#neuter a:hover {
	text-decoration: underline;
}
table.sponsors td {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}




/*LISTS*/

ul.list {
	margin-bottom: 2em;
	margin-left: 25px;
}
.list li {
	margin-bottom: 0.5em;
}
ul.list ul {
	margin-left: 30px;
}
.pdf_icon {
	margin-bottom: -2px;
}
#sidebar {
	float: right;
	width: 200px;
	padding-left: 20px;
	background-image: url(../images/vert-rule.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 400px;
}
#column_left {
	float: left;
	width: 300px;
}
#fido_idol {
	background-image: url(../images/logo_fidoIdol-big.jpg);
	background-repeat: no-repeat;
	height: 194px;
	width: 347px;
	position: relative;
}
.featured-list td {
	padding-top: 3px;
	padding-bottom: 3px;
}


/* JUMP NAV*/

#jump-links {
	line-height:30px;
	margin-bottom:20px;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
#jump-links a {
	margin:0px 10px 0px 10px;
}


a.callout-wishlist {
	background-image:url(../images/btnImmediateNeeds-BG.gif);
	line-height: 1.5em;
	background-repeat: no-repeat;
	min-height: 52px;
	width: 255px;
	padding-top: 49px;
	padding-left: 64px;
	display:block;
	color:#000;
	text-transform:none;
}

a:link.callout-wishlist, a:visited.callout-wishlist, a:hover.callout-wishlist {
	color:#000;
	text-decoration:none;
}