html, body {  font-family:cursive; height:100%; }
A { cursor: url(/pics/site/paw_blk.png), pointer; }
P { margin-bottom: 0.08in }
UL { list-style-image: url(/pics/site/paw_blk.png); }

* { margin: 0;
   font-size:12px;
 }
.bld { font-size: 14px; font-weight: 800;}
.bld_red { color:red; font-size: 14px; font-weight: 800;}
.bld_blu { color:darkblue; font-size: 14px; font-weight: 800;}
.sml_red { color:red; font-size: 10px; font-weight: 200;}
.line { 
  position: absolute;
  width: 800px;
  height: 1em; 
  border-bottom: solid blue 2px; 
  top: 112px; 
  left: 0px; 
}
.center-panel { 
  position: absolute; 
  overflow: auto;
  top: 123px; 
  left: 145px; 
  width: 535px;
  height: 450px;
  z-index: 1; 
  }
.left-panel { 
  position: absolute; 
  top: 160px; 
  left: 0px; 
  z-index: 1; 
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -85px; /* the bottom margin is the negative value of the footer's height */
}
.anim { 
  position: absolute; 
  height: 85px; 
  width: 600px; 
  top: 45px; 
  left: 110px; 
  z-index: 2; 
}
.hidden {
  display:none;
}
#season-top { 
  width: 130px; 
  height: 40px; 
  position: absolute; 
  top: 0px; 
  left: 340px; 
}
#home-img { 
  display: block;
  position: relative; 
  top: 0px; 
  left: 0px; 
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  height: 200px
}
#logo { 
  width: 96px; 
  height: 90px; 
  position: absolute; 
  top: 2px;
  left: 22px;
}
#hounddog { 
  width: 100px; 
  height: 60px; 
  position: absolute; 
  top: 56px; 
  left: 692px; 
}
#ad1 { 
  width: 120px; 
  height: 120px; 
  position: absolute; 
  top: 123px; 
  left: 680px; 
}
#ad2 { 
  width: 120px; 
  height: 120px; 
  position: absolute;  
  top: 253px; 
  left: 680px; 
}
#ad3 { 
  width: 120px; 
  height: 120px; 
  position: absolute; 
  top: 383px; 
  left: 680px; 
}
#ad4 {
  width: 120px; 
  height: 90px;
  position: absolute;
  top: 385px;
  left: 7px; 
  border: 1;
}
#ad5 {
  width: 120px; 
  height: 20px;
  position: absolute;
  top: 485px;
  left: 7px; 
  border: 0;
}
#banner { 
  width: 500px; 
  height: 78px; 
  position: absolute; 
  top: 12px;
  left: 155px;
}
#hands {
  width: 145px; 
  height: 220px;
  position: absolute;
  top: 123px;
  left: 0px;
  border: 0;
}
#angels {
  width: 145px; 
  height: 35px;
  position: absolute;
  top: 346px;
  left: 0px;
  border: 0;
}
#puppy {
  width: 90px; 
  height: 55px;
  position: absolute;
  z-index: 2;
}
img.help { width:16px; height:16px; border:0 }
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}