/* Notes: 
  color for block header = B7CB72
*/

/* To highlight Current Page */
body#home a#homenav .t,
body#stay a#staynav .t,
body#play a#playnav .t,
body#services a#servicesnav .t,
body#phpbb a#phpbbnav .t,
body#join a#joinnav .t,
body#adopt a#adoptnav .t,
body#emergency a#emergencynav .t,
body#forum a#forumnav .t
{
 /*color: #BA4B1C;  */
color: #6F735E;
}

.grn, p.grn {
color: #686C47;
}

.rb {
color:#BA4B1C;
font-weight:bold;
font-style:italic;
font-size: 14px;
}

#nd {
display: none;
}

/*♥ or ♥ or ♥ in unicode */
.heart, .heart a, .heart a:link, .heart a:visited , .heart a.visited {
font-family:'arial unicode MS', arial, geneva, sans-serif;
font-size:16px; 
color:#BA4B1C;
display: inline;
}

.heartsm, .heartsm a, .heartsm a:link, .heartsm a:visited , .heartsm a.visited {
font-family:'arial unicode MS', arial, geneva, sans-serif;
font-size:12px; 
color:#BA4B1C;
}

.adopted {
position: relative;
background-image: url('/images/adopted.png');
background-repeat: no-repeat;
background-position: top left;
}

img.adopt{
border: solid 2px #B5B893;  
float: left;
margin-left:0px;
margin-top:5px;
}

img.adoptRt{
border: solid 2px #B5B893;  
float: right;
margin-left:5px;
}

img.adoptLeft{
border: solid 2px #B5B893;  
float: left;
margin-right:5px;
display: block;
}

td.adopt {padding-top: 15px; vetical-align: top;}
td.adopt p {padding-bottom: 13px;}

img.framed{
border: solid 2px #B5B893; 
}

td.adopt4
{ width: 25%;
  padding-right: 8px;
}

.heart a:hover, .heart a:hover {
color:#ffffff;
}

#pages{  
    display: block;  
    text-align: center;  
    margin-top: 10px;  
    margin-bottom: 60px;  
    font-size:80%;  
    }  
#pages a{  
    text-align:center;  
    padding:5px 10px;  
    margin:0 2px 0 2px;  
    border:1px solid #6C7388;  
    }  
#pages a a:hover{  
    background:#6C7388;  
    }  

.current{ background:#CED1B8; }



#inline-list ul, #inline-list li {
	display: inline;
	margin: 0px 8px 0 0;
	padding: 0;
	list-style: none;
        background-image: none;
}

#tall-list {
position: absolute;
float: right;
right: 5px; top: 2px;
width:170px;
background-color: #EEEFE6;
}
#tall-list ul, #tall-list li {
	display: block;
	margin: 0px 8px 0 0;
	padding: 0;
	list-style: none;
        background-image: none;
}


.hero  {
font-size:14px;
font-weight: bold;
}


.nodisp {display:none;}

.adopt a, .adopt a:link, .adopt a:visited , .adopt a.visited, .adopt a:hover {
font-weight: bold;
}

.adopt a:hover {
color:#BA4B1C;
}

p.close { margin-top: 0.5em; margin-bottom: 0.8em;} 
p.ident {margin-left:10px;}

p.Kristen
{
font-family:"Kristen ITC",Arial, Helvetica, Sans-Serif;
}


/*Default links */
a, a:link, a:visited, a.visited, a:hover, a.hover
{
  text-decoration: none;
  font-weight: normal;
  color: #325C91;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  color: #BA4B1C;
}


.pet-BlockHeader a, .pet-BlockHeader a:link, .pet-BlockHeader a:visited 
{
text-align: center;
margin:0;
color: black;
text-decoration: none;
}

.pet-BlockHeader a:hover 
{
text-align: center;
margin:0;
color: #BA4B1C;
text-decoration: none;
}

.pageLead
{
font-size: 14px;
color: #181910;
line-height:125%;
}

.pageLead a, .pageLead a:link, .pageLead a:visited 
{
font-weight: normal;
/*color: #BA4B1C; */
color: #325C91;
text-decoration: none;
}

.pageLead a:hover 
{
color: #181910;
text-decoration: none;
}

.news, p.news
{
  line-height: 155%;
}

/*Attention links */
a.att:link,  a.att:visited,  a.att:hover
{
  text-decoration: underline;
  font-weight: normal;
  color: black ;
 
}
/* :hover - adds special style to an element when you mouse over it. */
a.att:hover
{
  color: #BA4B1C;
}

/*small text links */
.sm { font-size: 9px; }
.sm10 {font-size: 10px;}

a.sm:link,  a.sm:visited,  a.sm:hover,
a.sm10:link,  a.sm10:visited,  a.sm10:hover
{
  text-decoration: underline;
  font-weight: normal;
}
/* :hover - adds special style to an element when you mouse over it. */
a.att:hover
{
  color: #BA4B1C;
}

p.small, .small ul, li.small {
font-size: 11px;
}

.cs h2
{	
font-size: 18px;
text-align: center;
color: #BA4B1C;
}

.favs, .favs a, .favs a:visited, .favs a:hover
{	
font-size: 14px;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #4A4C4C; /*#535555;  #515438; #BA4B1C; */
margin: 3px;
}

.favs a:hover{
text-decoration: underline;
}

.favssub
{	
font-size: 12px;
text-align: center;
margin: 3px;
color:  #4A4C4C; /*#BA4B1C; */
}

/* begin Button */
.pet-button-wrapper .pet-button
{
	display:inline-block;
	width: 125px;
	outline:none;
	border:none;
	background:none;
	line-height:35px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
	vertical-align: middle;
}

.pet-buttonXw-wrapper .pet-button
{
	display:inline-block;
	width: 220px;
	outline:none;
	border:none;
	background:none;
	line-height:35px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
	vertical-align: middle;
}

.pet-buttonw-wrapper .pet-button
{
	display:inline-block;
	width: 160px;
	outline:none;
	border:none;
	background:none;
	line-height:35px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
	vertical-align: middle;
}

.pet-button img, .pet-button-wrapper img,
.pet-buttonw-wrapper img, .pet-buttonXw-wrapper img
{
  margin: 0;
}

.pet-button-wrapper, .pet-buttonw-wrapper, .pet-buttonXw-wrapper
{
	display:inline-block;
	vertical-align: middle;
	position:relative;
	height: 35px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}

.firefox2 .pet-button-wrapper, .firefox2 .pet-buttonw-wrapper, .firefox2 .pet-buttonXw-wrapper
{
	display:block;
	float:left;
}

.pet-button-wrapper .pet-button, .pet-buttonw-wrapper .pet-button, .pet-buttonXw-wrapper .pet-button
{
	display:block;
	height: 35px;
        font-size: 13px;
	white-space: nowrap;
	text-align: center;
	padding: 0px; !important;
	line-height: 35px;
	text-decoration: none !important;
	font-weight: normal;
/*	color: #3A4319 !important; */
	color: black;
}

input, select
{
  vertical-align: middle;
  font-size: 13px;
}

.pet-button-wrapper.hover .pet-button, .pet-button:hover,
.pet-buttonw-wrapper.hover,  .pet-buttonXw-wrapper.hover
{
        color: #B63E0A /*#BA4B1C*/; !important; 
	text-decoration: none !important;
}

.pet-button-wrapper.active .pet-button, .pet-buttonw-wrapper.active .pet-button, 
.pet-buttonXw-wrapper.active .pet-button
{
	color: #F8FAE5 !important;
}

.pet-button-wrapper .l,   .pet-button-wrapper .r,
.pet-buttonw-wrapper .l,  .pet-buttonw-wrapper .r,
.pet-buttonXw-wrapper .l, .pet-buttonXw-wrapper .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 105px;
	background-image: url('/images/Button.png');
}

.pet-button-wrapper .l, .pet-buttonw-wrapper .l, .pet-buttonXw-wrapper .l
{
	left:0;
	right:9px;
}

.pet-button-wrapper .r, .pet-buttonw-wrapper .r, .pet-buttonXw-wrapper .r
{
	width:407px;
	right:0;
	clip: rect(auto, auto, auto, 398px);
}

.pet-button-wrapper.hover .l,   .pet-button-wrapper.hover .r,
.pet-buttonw-wrapper.hover .l,  .pet-buttonw-wrapper.hover .r,
.pet-buttonXw-wrapper.hover .l, .pet-buttonXw-wrapper.hover .r
	top: -35px;
}

.pet-button-wrapper.active .l,   .pet-button-wrapper.active .r,
.pet-buttonw-wrapper.active .l,   .pet-buttonw-wrapper.active .r,
.pet-buttonXw-wrapper.active .l, .pet-buttonXw-wrapper.active .r
{
	top: -70px;
}

/* end Button */
/* begin 2Column LayoutCell */
.pet-contentLayout .pet2-content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 762px;
}
.pet-contentLayout .pet2-content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 982px;
}
/* end 2Colmn LayoutCell */

.emerg{ /* Division for drop down boxes */
  padding: 3px 10px; 15px; 
  width:96%; 
  border: 1px solid  #DDE2C7;
  text-align: justify;
}

/*  table for our lists of data */

table.center {margin:auto; border:0;  }

table.list { border-collapse: collapse; /*border: 1px solid #839E99; */
	    border:0;
            background: #EEEFE6; width:100%;  
          }
td.list, th.list {padding: 3px 5px 8px 5px; line-height:150%; font-size: 11px; }
th.list { background: #839E99; color: #fff; font-weight: bold; text-align:center; padding:4px; vertical-align: top; }
tr.listodd { background: #DBE6DD; }
th.listodd { background: #6E8D88; }
.list td a, .list td a:link { color: #325C91; font-weight: bold; text-decoration:none; }
.list td a:visited { color: #466C8E; }
.list td a:hover,.list td a:focus { color:#BA4B1C; font-weight: bold;/*color: #1E4C94;*/ }
.list th a, .list th a:link { color:#E6ECEE /*#325C91*/; font-weight: bold; text-decoration:none; }
.list th a:hover, .list th a:focus td a:hover,.list td a:focus { color:#BA4B1C; font-weight: bold; }


table.tabdata { border-collapse: collapse; /*border: 1px solid #839E99; */
	    margin: auto; border:0;
            background: #EEEFE6; width:100%;  
          }
td.tabdata, th.tabdata {padding: 3px 3px 5px 3px; vertical-align: top; line-height:150%; font-size: 11px;}
th.tabdata { background:#7A9EAE; /*#839E99;*/ color: #fff; font-weight: bold; text-align:left; padding-right: .5em; vertical-align: top; font-size: 13px;}
tr.tabdataodd { background: #DBE6DD; }
th.tabdataodd { background: #6E8D88; }
.tabdata td a, .tabdata td a:link { color: #325C91; font-weight: bold; text-decoration:none; }
.tabdata td a:visited { color: #325C91; }
.tabdata td a:hover, .tabdata td a:focus { color:#BA4B1C; font-weight: bold;}
.tabdata th a, .tabdata th a:link { color:#0E478C /*#E6ECEE*/ /*#325C91*/; font-weight: bold; 
                                    text-decoration:none; }
.tabdata th a:hover, .tabdata th a:focus { color:#BA4B1C; font-weight: bold;}
.tabdata th + td { padding-left: .5em; }

.tabdata img
{
  margin-left:10px;
  border: solid 2px #B5B893;
}

img.dogmap
{
  margin-left:12px;
  margin-bottom: 7px;
  border: solid 2px #445D7A;
}

img.fb, img.fb a, img.fb a:visited, img.fg a:hover{
border:none;
}

table.join { 
border-collapse: collapse; 
margin: auto; 
border:0;
background: transparent; 
width:100%;  
}

td.join, td.join a, td.join a:visited, td.join a:hover  {
vertical-align: top;
width: 50%;
padding-left: 20px;
padding-bottom: 5px;
text-align: left;
font-weight: bold;
}

table.local { 
border-collapse: collapse; 
margin: auto; 
border:0;
background: transparent; 
width:100%;  
}

td.local  {
vertical-align: top;
width: 33%;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
}

.local img, img.local {
 border: solid 2px #B5B893;
 margin-bottom: 3px;
 width:100px;
}


.hp img, img.hp {
 margin-bottom: 2px;
 width:60px;
 margin-left: auto;
 margin-right: auto;
}

.hp:hover img {
border: solid 2px #BA4B1C; 
}


.borderit, .borderit a, .borderit a:link, .borderit a:visited , .borderit a.visited, .borderit a:hover,
.borderit2, .borderit2 a, .borderit2 a:link, .borderit2 a:visited , .borderit2 a.visited, .borderit2 a:hover {
font-size: 11px;
font-weight: bold;
}

.borderit img{
border: solid 2px #B5B893;  
}

.borderit2 img{
border: solid 2px white;  
}

.borderit:hover img, .borderit2:hover img{
border: solid 2px #BA4B1C; 
}

.borderit:hover, hp:hover {
color: red; /* irrelevant definition to overcome IE bug */
}

ul
{
	list-style-type: none;
	color: #2A2B1C;
	margin:0;
	padding:0;
}

ul li
{ 
  line-height: 125%;
  line-height: 1.25em;
  padding: 0px 0 0px 12px;
  background-image: url('/images/BlockContentBullets.png');
  background-repeat: no-repeat;
}



/* Fancy zoom css */
#ZoomPrev, #ZoomNext {
  text-decoration:none;
  border:0;
}
  #ZoomPrev span,
  #ZoomNext span {
    position: absolute;
    top: 30%;
    background: #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    text-decoration: none;
    border: 0;
    font-size: 1.4em;
    padding: 4px 10px;
  }
  #ZoomPrev span {
    left: 0;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    padding-left: 20px;
  }
  #ZoomNext span {
    right: 0;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    padding-right: 20px;
  }
  #ZoomPrev:hover span,
  #ZoomNext:hover span {
    :opacity: 0.8;
    :filter: alpha(opacity=80);
  }

*/
@media handheld {
 body
 {
	background-color: white;
        background-image:none;
  }
}