/* HTML Defaults */

body {
	font: 82%/1.4em Arial, Helvetica, sans-serif;
	color: #74716c;
	background: #fff;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #009fa9;
}
a:hover {
	text-decoration: underline;
	color: #c49250;
}
h1 {
	font-size: 230%;
	line-height: 1.12em;
	font-weight: normal;
	margin: 0;
}
h2 {
	font-size: 150%;
	line-height: 1.15em;
	font-weight: normal;
	color: #c49250;
}
h3 {
	font-size: 120%;
	line-height: 1.15em;
	font-weight: normal;
	color: #bc8641;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	color: #c49250;
}
img {
	border: none;
}
hr {
	color: #a4dede;
	background: #a4dede;
	height: 1px;
	padding: 0;
	border: none;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input, select, textarea {
	font: 100% Arial, Helvetica, sans-serif;
	color: #74716c;
}

/* Main Containers */

#container {
	width: 100%;
	min-width: 980px;
	float: left;
}
.clear {
	clear: both;
}

/* Header */

#header {
	background: url(../images/header_bg.png) repeat-x left top;
	height: 178px;
	width: 100%;
	float: left;
}
#headerinner {
	background: url(../images/headerinner_bg.jpg) no-repeat left top;
	height: 178px;
	padding-left: 148px;
}
#header p, #header ul {
	margin: 0;
}
#header ul {
	padding: 0 15px;
}
#header a:hover {
	text-decoration: none;
}
#header ul li {
	float: left;
	list-style: none;
	position: relative;
}
#header ul li a {
	float: left;
}
#topnav ul li ul, #nav ul li ul {
	background: #009fa9;
	display: none;
	height: auto;
	width: 190px;
	padding: 0;
	border-top: solid 1px #4dcdd3;
	border-right: solid 1px #4dcdd3;
	border-left: solid 1px #4dcdd3;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 7000;
}
#topnav ul li:hover ul, #topnav ul li.sfhover ul, #nav ul li:hover ul, #nav ul li.sfhover ul {
	display: block;
}
#topnav ul li ul li, #nav ul li ul li {
	line-height: 1.15em;
	background: none;
	width: 190px;
	margin: 0;
	border-right: none;
	border-bottom: solid 1px #4dcdd3;
}
#topnav ul li ul li a, #topnav ul li:hover ul li a, #nav ul li ul li a, #nav ul li:hover ul li a {
	color: #fff;
	background: #009fa9;
	width: 170px;
	padding: 5px 10px;
}
#topnav ul li:hover ul li a:hover, #topnav ul li.sfhover ul li a:hover, #nav ul li:hover ul li a:hover, #nav ul li.sfhover ul li a:hover {
	background: #00c8cf;
}
#logo, #logo a {
	height: 61px;
}
#logo {
	background: url(../images/header_logo.png) no-repeat left top;
	border-bottom: solid 1px #a4dede;
}
#logo a {
	display: block;
	text-indent: -9999px;
	width: 475px;
}
#topnav, #nav {
	font-size: 100%;
}
#topnav {
	position: relative;
	z-index: 6000;
}
#topnav, #topnav ul {
	height: 46px;
}
#topnav ul li {
	line-height: 46px;
}
#topnav ul li a {
	padding: 0 15px;
}
a.emergencies {
	color: #c49250;
}
a.emergencies:hover {
	color: #009fa9;
}
#header ul li#petportal, #header ul li#petportal a {
	height: 46px;
	width: 145px;
}
#header ul li#petportal {
	float: right;
}
#header ul li#petportal a {
	background: url(../images/petportal_bg.png) no-repeat center top;
	display: block;
	text-indent: -9999px;
	padding: 0;
}
#header ul li#petportal a:hover {
	background-position: center -46px;
}
#nav, #nav ul {
	height: 35px;
}
#nav {
	position: relative;
	z-index: 5000;
}
#nav ul li {
	line-height: 35px;
	border-right: solid 1px #4dcdd3;
}
#nav ul li a {
	color: #fff;
	padding: 0 8px;
}
#nav ul li a:hover, #nav ul li:hover a {
	text-decoration: none;
	color: #fff;
	background: #00c8cf;
}
#newsletter {
	color: #fff;
	padding: 8px 25px 0 25px;
}
#newsletter form {
	margin: 0;
}
#newsletter label {
	font-size: 108%;
	line-height: 1.15em;
}
#newsletter input {
	font-size: 77%;
	border: none;
}
.newsletterinput {
	background: #fff;
	width: 205px;
	margin: 0 4px;
	padding: 3px 4px;
	border: none;
}
.newsletterbutton {
	font-size: 77%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: url(../images/newsletter_button.png) no-repeat center center;
	height: 18px;
	width: 53px;
	border: none;
}

/* Footer */

#footer, #footerfront {
	font-size: 92%;
	line-height: 1.3em;
	background: url(../images/footer_bg.png) repeat-x left top;
	height: 72px;
	width: 100%;
	float: left;
	clear: both;
	padding: 15px 0;
}
#footer {
	border-top: solid 4px #00bcc4;
}
#footer p, #footerfront p {
	white-space: nowrap;
	margin: 0;
	padding: 0 20px;
}
#contact {
	width: 855px;
	float: left;
}
#contact p {
	height: 62px;
	float: left;
	border-right: solid 1px #a4dede;
}
#contact p.aaha {
	border-right: none;
}
#copyright {
	font-size: 83%;
	line-height: 1.2em;
	width: 250px;
	float: right;
}

/* Content */

#content {
	background: #f8f2eb;
	width: 100%;
	float: left;
	clear: both;
}
#side {
	width: 250px;
	float: right;
}
#side + #main {
	margin-right: 250px;
}
.sidephoto, #sidenav, #sidenav dl, #sidenav dt, #sidenav dd {
	float: left;
	clear: left;
}
#sidenav, #sidenav dl, #sidenav dt, #sidenav dd {
	width: 250px;
}
#sidenav dl {
	color: #d9b57b;
	margin: 0;
	padding: 0;
	border-top: solid 1px #a4dede;
}
#sidenav dt, #sidenav dd {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: solid 1px #a4dede;
}
#sidenav dt {
	font-size: 154%;
	line-height: 1.15em;
}
#sidenav dd {
	font-size: 115%;
	line-height: 1.15em;
}
#sidenav dl a {
	width: 230px;
	float: left;
	padding: 7px 10px;
}
#sidenav dl a:hover {
	text-decoration: none;
}
#sidenav dl a.on {
	color: #d9b57b;
}
#title {
	color: #f2e7d8;
	background: #00bcc4 url(../images/title_bg.png) repeat-x right top;
	padding: 10px 20px;
}
#bodytext {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
}
#bodytextinner {
	padding: 10px 20px;
}

/* Front */

#front {
	color: #fff;
	background: #00bcc4 url(../images/front_bg.png) repeat-x left top;
	width: 100%;
	float: left;
}
.frontphoto {
	float: right;
}
#frontmain {
	padding-right: 346px;
}
#frontmaininner {
	width: 100%;
	float: left;
}
#front h1 {
	font-size: 185%;
	line-height: 1.2em;
	color: #f2e7d8;
	padding: 20px;
	border-bottom: solid 1px #4dc2c9;
}
#intro {
	margin-left: 360px;
}
#intro p {
	margin-bottom: 0;
}
#frontvid {
	width: 320px;
	float: left;
	padding: 10px 20px;
}
.download {
	font-size: 115%;
	background: url(../images/bullet_front.png) no-repeat 10px center;
	padding: 5px 10px 5px 22px;
	border: solid 1px #4dd7db;
}
.download a, .download a:hover {
	color: #fff;
}
#tools {
	height: 123px;
	clear: both;
	margin-left: 20px;
	border-left: solid 1px #4dd7db;
}
.tool {
	background-repeat: no-repeat;
	background-position: 5px 10px;
	height: 105px;
	width: 24%;
	float: left;
	padding: 8px 0;
	border-top: solid 1px #4dd7db;
	border-right: solid 1px #4dd7db;
	border-bottom: solid 1px #4dd7db;
}
#forms {
	background-image: url(../images/icon_forms.png);
}
#gallery {
	background-image: url(../images/icon_gallery.png);
}
#stories {
	background-image: url(../images/icon_stories.png);
}
#adoptions {
	background-image: url(../images/icon_adoptions.png);
}
#tools a, #tools a:hover {
	color: #f2e7d8;
}
#tools h2 {
	font-size: 120%;
}
#tools h2, #tools p {
	line-height: 1.2em;
	margin: 0;
	padding: 0 10px .2em 48px;
}

#carecredit {

	width: 100%;
	float: left;
	padding: 5px 0px 10px 0px;
}

.photos {

	width: 460px;

	float: left;

	margin: 0 0 0em 0em;
}

.photos2 {

	width: 460px;

	float: right;

	margin: 0 0 2em 2em;
	
	padding: 0 0px;
}

.biosLF {
	float: left;
	margin-right: 15px;
	
}
.biosRT {
	float: right;
	margin-left: 15px;
	
}

.photos3 {

	width: 300px;

	float: left;

	margin: 0 0 0em 0em;
}



.LbiosLF {
	float: left;
	margin-right: 15px;
	
}
.RbiosRT {
	float: right;
	margin-left: 15px;
	
}



    #facebook {
    	background: transparent;
    	height: 40px;
    	width: 145px;
    	padding-top:9px;
    	border: 0px solid #000000;
    	float: left;
    	
    }
    
    #facebook a {
    	background-image: url(../images/facebook13.jpg);
    }
    
    
    
