/* Document Styles */
html {overflow: -moz-scrollbars-vertical;}
body {background-image: url('/images/backgroundTile.png'); font-family: arial;}

/* Header Styles */
#header {width: 852px; height: 100px; background-color: #fff; border-bottom: 1px solid #004188; overflow: hidden; margin: 0 auto;}
    #header #logo {padding: 30px 0 0 25px; float: left;}
    #header #petPortalButton {float: right; background-image: url(/images/petPortalButton.png); display: block; height: 100px; width: 400px;}
    #header #petPortalButton:hover {background-image: url(/images/petPortalButton_over.png);}

/* Menu Styles */
#menu {width: 852px; border-bottom: 1px solid #032348; margin: 0 auto; height: 30px;}
    #menu #emergencyInfo {background-image: url('/images/emergencyBackground.png'); width: 249px; height: 30px; float: left; font-size: 13px; overflow: hidden;}
        #menu #emergencyInfo span.label {font-weight: 600; font-size: 13px; display: block; float: left; margin: 7px 0 0 30px;}
            #menu #emergencyInfo span.label a {color: #d60a0a; text-decoration: none;}
            #menu #emergencyInfo span.label a:hover {color: #222; text-decoration: none;}
        #menu #emergencyInfo span.phoneNumber {color: #380606; font-size: 12px; display: block; float: right; margin: 8px 10px 0 0;}

/* Main Styles */
#body {overflow: hidden; width: 852px; background-color: #0c2138; margin: 0 auto; position: relative;}
    #body #content {float: left; width: 603px; overflow: hidden;}
    #body #innerContent {float: left; width: 603px; overflow: hidden;}
        #body #innerContent .data {background-color: #eee; padding: 5px; border-top: 1px solid #ccc; line-height: 18px; overflow: hidden; min-height: 505px;}
            #body #innerContent .data strong {color: #375678;}
            #body #innerContent .data p {padding: 10px; font-size: 12px;}
            #body #innerContent .data p.news {padding: 10px; font-size: 12px; text-align: justify;}
            #body #innerContent .data p.docInfo {width: 440px; float: left; text-align: justify;}
            #body #innerContent .data ul {padding: 10px 30px;}
            #body #innerContent .data ul li {font-size: 12px; list-style-type: circle;}
            #body #innerContent .data img.profilePic {float: left; margin: 17px 10px 10px; border: 1px solid #aaa;}
            .minicon {position: relative; top: 2px; margin: 0 5px 0 0;}
            #body .data fieldset {}
                #body .data fieldset label {display: block; font-size: 12px; margin: 10px;}
                #body .data fieldset input.entry {border: 1px solid #ccc; margin: 0 10px; padding: 3px 4px; width: 200px;}
                #body .data fieldset textarea {border: 1px solid #ccc; margin: 0 10px; padding: 3px 4px; display: block; width: 200px; height: 100px;}
                #body .data fieldset input.action {margin: 10px; padding: 3px 4px; background-color: #222; color: #fff;}
        
        #body #innerContent .links {background-color: #eee; padding: 5px; border-top: 1px solid #ccc; line-height: 18px; overflow: hidden; min-height: 505px;}
            #body #innerContent .links a {display: block; font-size: 12px; background-image: url('/images/externalIcon.png'); background-repeat: no-repeat; padding: 0 0 0 20px; background-position: 0 2px; margin: 0 0 5px 10px;}
            #body #innerContent .links a:hover{display: block; font-size: 12px;}
        
        #body #innerContent h1 {font-size: 16px; padding: 10px; background-color: #fff;}
                
    #body #innerContent #subMenu {background-color: #eee; padding: 7px 10px; font-size: 11px; border-top: 1px solid #ddd; overflow: hidden;}
        #body #innerContent #subMenu input {background-color: #032a55; color: #fff; padding: 4px; cursor: pointer;}
        #pageLinks {float: left; color: #bbb;}
        #pageLinks span {color: #222; float: left; margin: 5px 0 0;}
        #pageLinks a {color: #032852; text-decoration: underline; background-color: #ddd; border: 1px solid #ccc; padding: 4px 6px; display: block; float: left; margin: 0 3px;}
        #pageLinks a:hover {color: #000; background-color: #fff;}
        #body #innerContent #subMenu input:hover {background-color: #000; color: #fff; padding: 4px;}
    #body #innerContent .searchResult {background-color: #032852; overflow: hidden; margin: 1px 0; }
        .adoptPhoto {float: left; width: 81px; height: 81px; padding: 9px;}
        .adoptPhoto img {border: 1px solid #fff;}
        .adoptInfo {float: left; width: 500px;}
        .noListings {margin: 10px 10px 10px;}
        #body #innerContent .searchResult span {color: #fff; font-size: 11px; margin: 10px 10px 5px 0; display: block; float: left;}
        #body #innerContent .searchResult p {color: #8dbbef; font-size: 11px; padding: 0; display: block; line-height: 18px; clear: both;}
    
    #contactForm {float: left;}
    #googleMap {float:right; border: 1px solid #ccc; margin: 7px 5px 7px 0;}
    #altBanner {margin: 0; padding: 0; width: 593px;}
    
    /* Side Panel Styles */
    #body #sidePanel {float: left;}
        #body #sidePanel #businessHours {background-image: url('/images/businessHoursBackground.png'); width: 249px; height: 94px;}
        #body #sidePanel #businessHours span.label {color: #fff; font-size: 13px; display: block; padding: 12px 0 0 15px;}
        #body #sidePanel #businessHours span.hours {color: #bfdbfb; font-size: 13px; display: block; padding: 2px 0 0 15px;}
        #body #sidePanel #businessHours span.emergency {color: #ffd1d1; font-size: 13px; display: block; padding: 2px 0 0 15px;}
    #body #sidePanel #sideBanner {width: 248px; height: 462px; border-right: 1px solid #fff; overflow: hidden;}
        #body #sidePanel #sideBanner span.label {color: #004ca2; margin-top: 310px; display: block; font-size: 13px; font-weight: 600; padding: 0 20px;}
        #body #sidePanel #sideBanner p {color: #111; font-size: 11px; padding: 0 20px; margin: 10px 0 0; text-align: justify;}
            #body #sidePanel #sideBanner p a {color: #416289; text-decoration: none;}
            #body #sidePanel #sideBanner p a:hover {color: #000; text-decoration: underline;}
            #body #sidePanel #sideBanner #button {margin: 8px 0 0 5px; background-image: url('/images/checkoutpupskits.png'); width: 238px; height: 27px;}
            #body #sidePanel #sideBanner #button:hover {background-image: url('/images/checkoutpupskits_on.png');}
            #body #sidePanel #sideBanner #button a {display: block; width: 238px; height: 27px;}
    #body #sidePanel .kidPuppy {background-image: url('/images/LOAFSBannerBackground.png'); }
    
    /* Front Page Styles */
    #mainBanner {height: 180px;}
    #introText {background-color: #013066; margin: 1px 0; color: #fff; text-align: justify; padding: 10px 15px; font-size: 13px;}
    #latestNews {background-color: #E9F1FB; height: 153px; width: 301px; float: left; margin: 0 1px 0 0;}
        #latestNews .label {font-size: 15px; font-weight: 600; display: block; padding: 12px 14px 0;}
        #latestNews p {font-size: 11px; padding: 5px 15px; text-align: justify;}
        #latestNews a {float: right; display: block; font-size: 11px; padding: 0 15px 0 0;}
    #photoOne {background-color: #c7ddf5; height: 152px; width: 301px; float: left;}
    #photoTwo {background-color: #c7ddf5; height: 152px; width: 301px; float: left; margin: 1px 1px 0 0;}
    #photoThree {background-color: #c7ddf5; height: 152px; width: 301px; float: left; margin: 1px 0 0;}

/* Footer Styles */
#footer {background-color: #13161b; width: 812px; margin: 0 auto; overflow: hidden; padding: 20px;}
    #footer #siteMap {float: left; font-size: 11px;}
        #footer #siteMap a {color: #5a7ca2; text-decoration: none; display: block; float: left; margin: 0 10px 0 0;}
        #footer #siteMap a:hover {color: #fff; text-decoration: none;}
    #footer #copyright {color: #6889ae; font-size: 11px; float: right;}
	#footer #address {float: left; font-size: 11px; color: #456181; display: block; margin: 0 0 0 50px;}
 
/* Hover Menu Styles */
#navHolder {width: 603px; overflow: none; float: left; background-image: url('/images/menuBackTile.png'); background-position: right; background-repeat: repeat-y; background-color: #004FA9;}
#navigation {}
.nav {list-style: none; margin: 0; padding: 0;}
.nav ul {list-style: none; margin: 0; padding: 0;}
.nav {z-index: 100; position: relative;}
.nav li {float: left; margin: 0; padding: 0; position: relative;}
.nav li.first a {width: 60px; text-align: center;}
    .nav li a {display: block; color: #fff; float: left; font-size: 13px; padding: 7px 9px 7px 10px; cursor: pointer; margin: 0 1px;  text-decoration: none;}
    .nav li a:hover {background-image: url('/images/menuTile.png');}
#navigation li:hover a {}
#navigation li:hover ul a {background: #303030; color: #fff; border-bottom: 1px solid #292929;padding: 4px 6px;}
#navigation li.sfHover ul a {background: #3C89E1; color: #959595;}
#navigation li:hover ul a:hover {background: #E7F0FA; color: #000;}
#navigation li.sfHover ul a:hover {background: #ccc; color: #000;}
.nav ul {list-style: none; margin: 0; position: absolute; top: -999em; left: -1px;}
.nav li:hover ul {top: 30px;}
.nav li.sfHover ul {top: 30px;}
.nav ul li {float: none;}
.nav ul a {width: 120px;}
.nav ul a:hover {}

/* New Menu Styles */
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;}
.sf-menu{float:left;}
.sf-menu ul{position:absolute;top:-999em;width:10em;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;background-image: url('/images/menuTile.png');}
.sf-menu li{float:left;position:relative;background-image: url('/images/menuTileHover.png');}
.sf-menu a{display:block;position:relative;text-decoration:none;padding: 8px 12px 7px 12px; font-size: 12px;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:30px;z-index:99;}
.sf-menu a,.sf-menu a:visited{color:#fff;}
.sf-menu li li{background:#222;}
.sf-menu li li li{background:#222;}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{outline:0;}
.sf-menu a.sf-with-ul{min-width:1px;}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
a > .sf-sub-indicator{top:.8em;background-position:0 -100px;}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;}
.sf-menu ul a > .sf-sub-indicator{background-position:0 0;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0;}
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;}

a#facebook {background: url('/images/facebook.png') no-repeat; display: block; float: right; color: #777; font-size: .8em; padding: 0 0 0 20px; margin: 45px 0 0; text-decoration: none;}
a#facebook:hover {color: #111; text-decoration: underline;}