/* HTML Defaults */
body {
font: 82%/1.4em Arial, Helvetica, sans-serif;
color: #50666e;
background: #fff;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #0f85ad;
}
a:hover {
text-decoration: underline;
color: #00c0d1;
}
h1 {
font-size: 250%;
line-height: 1.12em;
font-weight: normal;
margin: 0;
}
h2 {
font-size: 150%;
line-height: 1.15em;
font-weight: normal;
color: #00c0d1;
}
h3 {
font-size: 130%;
line-height: 1.15em;
font-weight: normal;
color: #00c0d1;
}
h4 {
font-size: 100%;
font-weight: bold;
}
img {
border: none;
}
hr {
color: #bedce4;
background: #bedce4;
height: 1px;
padding: 0;
border: none;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
input, select, textarea {
font: 100% Arial, Helvetica, sans-serif;
color: #50666e;
}
/* Main Containers */
#container {
width: 100%;
min-width: 980px;
float: left;
}
.clear {
clear: both;
}
/* Header */
#header {
background: #b0eafe url(../images/header_bg.jpg) no-repeat left top;
min-height: 90px;
width: 100%;
float: left;
}
#headerinner {
padding-left: 230px;
}
#header p {
color: #1f8ba6;
margin: 0;
}
#header a {
text-decoration: underline;
color: #00c0d1;
}
#header a:hover {
color: #0f85ad;
}
#logo, #logo a {
height: 58px;
width: 440px;
float: left;
}
#logo {
background: url(../images/header_logo.png) no-repeat center top;
}
#logo a {
text-indent: -9999px;
}
#contact {
font-size: 92%;
line-height: 1.8em;
width: 565px;
float:left;
clear: left;
}
#contact p {
float: left;
white-space: nowrap;
margin-right: 8px;
}
#header .emergencies a {
text-decoration: none;
color: #fff;
background: #ffba00;
float: left;
padding: 0 4px;
}
#header .emergencies a:hover {
color: #fff;
background: #ffd45f;
}
#petportal, #petportal a {
height: 45px;
width: 173px;
}
#petportal {
float: right;
padding: 35px 5px 0 0;
}
#petportal a {
background: url(../images/petportal_bg.png) no-repeat center top;
display: block;
text-indent: -9999px;
}
#petportal a:hover {
background-position: center -45px;
}
/* Nav */
#nav {
font-size: 108%;
line-height: 2.6em;
background: #c8f0ff url(../images/nav_bg.png) repeat-x left top;
width: 100%;
float: left;
clear: both;
border-top: solid 1px #fff;
position: relative;
z-index: 5000;
}
#nav ul {
margin: 0;
padding: 0;
}
#nav li {
background: url(../images/nav_divider.png) no-repeat right top;
margin-right: 1px;
float: left;
list-style: none;
position: relative;
}
#nav a {
float: left;
padding: 0 7px;
}
#nav a:hover, #nav li:hover a {
text-decoration: none;
color: #fff;
background: #0f85ad;
}
#nav ul li ul {
line-height: 1.15em;
background: #0f85ad;
display: none;
width: 150px;
border-top: solid 1px #9bcedb;
border-right: solid 1px #9bcedb;
border-left: solid 1px #9bcedb;
position: absolute;
top: 2.6em;
left: 0;
z-index: 6000;
}
#nav ul li:hover ul, #nav ul li.sfhover ul {
display: block;
}
#nav ul li ul li {
background: none;
width: 150px;
margin: 0;
border-bottom: solid 1px #9bcedb;
}
#nav ul li ul li a, #nav ul li:hover ul li a {
color: #fff;
background: #0f85ad;
width: 136px;
padding: 5px 7px;
}
#nav ul li:hover ul li a:hover, #nav ul li.sfhover ul li a:hover {
background: #00c0d1;
}
/* Footer */
#footer {
font-size: 70%;
line-height: 1.15em;
color: #95acb2;
text-align: right;
clear: both;
padding: 10px 0;
border-top: solid 1px #bedce4;
}
#footer p {
margin: 0;
padding: 0 10px;
}
/* Content */
#content {
width: 100%;
float: left;
clear: both;
padding-bottom: 20px;
}
#side {
width: 220px;
float: left;
}
#side + #main {
margin-left: 220px;
}
.sidephoto, #sidenav, #sidenav dl, #sidenav dt, #sidenav dd, #sidenav p {
float: left;
clear: left;
}
#sidenav, #sidenav dl, #sidenav dt, #sidenav dd {
width: 220px;
}
#sidenav p, #sidenav h3{
width: 200px;
margin-left: 10px;
}
#sidenav dl {
color: #b3ecff;
background: #0f85ad;
margin: 0;
padding: 0;
}
#sidenav dt, #sidenav dd {
margin: 0;
padding: 0;
list-style: none;
border-bottom: solid 1px #9bcedb;
}
#sidenav dt {
font-size: 160%;
line-height: 1.15em;
}
#sidenav dd {
font-size: 115%;
line-height: 1.15em;
}
#sidenav dl a {
color: #fff;
width: 200px;
float: left;
padding: 5px 10px;
}
#sidenav dl a:hover {
text-decoration: none;
color: #fff;
background: #00c0d1;
}
#sidenav dl a.on {
color: #b3ecff;
}
#title {
color: #fff;
background: #0f85ad url(../images/title_bg.jpg) no-repeat right top;
height: 105px;
padding: 10px 330px 10px 30px;
}
#bodytext {
width: 100%;
float: left;
}
#bodytextinner {
padding: 10px 30px;
}
.biophoto {
font-size: 85%;
line-height: 1.2em;
text-align: center;
float: left;
margin: 0 1.5em 1.5em 0;
}
.bodyphoto {
font-size: 77%;
line-height: 1.2em;
text-align: center;
float: right;
margin: 0 0 1.5em 1.5em;
}
table.contact { /* for contact us page 6/04/09 AAM */
margin: 15px 0 15px 100px;
width: 50%;
}
table.emergency { /* for emergencies page 6/04/09 AAM */
margin: 15px 0;
}
table.contact th, table.contact td, table.emergency th, table.emergency td {
text-align: left;
padding: 2px 5px;
}
table.contact th {
width: 40%;
}
/* Front */
#front {
position: relative;
z-index: 1000;
}
#fronttitle {
background: #0f85ad url(../images/front_title.jpg) no-repeat right top;
height: 238px;
}
#fronttitle h1 {
font-size: 100%;
text-indent: -9999px;
}
#newsletter {
color: #fff;
padding: 10px 15px;
}
#newsletter form {
margin: 0;
}
#newsletter label {
font-size: 108%;
}
#newsletter input {
font-size: 77%;
border: none;
}
.newsletterinput {
background: #fff;
width: 205px;
margin: 0 3px;
padding: 4px;
}
.newsletterbutton {
font-weight: bold;
color: #fff;
text-align: center;
background: url(../images/newsletter_button.png) no-repeat center center;
height: 18px;
width: 53px;
}
#tools {
color: #fff;
background: #49adc7;
height: 80px;
padding-left: 370px;
border-top: solid 1px #fff;
}
#toolsinner {
width: 100%;
float: left;
}
#tools h2, #tools p {
line-height: 1.2em;
margin: 0;
padding: 0 10px 0 60px;
}
#tools a {
color: #fff;
}
#tools a:hover {
color: #a7ebf3;
}
#toolsinner div {
background-repeat: no-repeat;
background-position: left 5px;
width: 32%;
min-height: 55px;
float: left;
padding: 8px 0;
}
#mypet {
background-image: url(../images/mypet_bg.png);
}
#adoptions {
background-image: url(../images/adoptions_bg.png);
}
#store {
background-image: url(../images/store_bg.png);
}
#special {
width: 320px;
float: left;
padding: 100px 25px 0 25px;
}
#specialinner {
background: #fffae5;
padding: 10px;
}
#special h2, #special p {
margin: 0;
}
#special h2, #special strong {
color: #49adc7;
}
#special h2 {
font-size: 130%;
line-height: 1.15em;
}
#special p {
font-size: 115%;
line-height: 1.2em;
margin: .5em 0 0 0;
}
#special strong {
font-size: 185%;
line-height: 1.15em;
font-weight: normal;
}
a.specialbutton {
font-size: 75%;
line-height: 26px;
font-weight: bold;
text-decoration: none;
color: #fff;
background: url(../images/special_button.png) no-repeat center top;
display: block;
text-align: center;
height: 26px;
width: 142px;
}
a.specialbutton:hover {
text-decoration: none;
color: #fff;
background-position: center -26px;
}
#intro {
margin-left: 370px;
}
#intro p {
padding-right: 25px;
}
.download {
font-weight: bold;
}
.download img {
vertical-align: middle;
margin-right: 5px;
}
#frontvid { /* modify for picture instead of video 6/3/09 AAM */
background: url(../images/vid_bg2.png) no-repeat center center;
height: 240px;
width: 320px;
padding: 10px;
position: absolute;
top: 145px;
left: 15px;
}