body {font-family: arial; color: #1D1814; margin: 3px 0 0 0; padding: 0; font-size: 12px; letter-spacing: 1px; background: #eee; }

.surround {background: url(i/header.jpg) #0694AA no-repeat; width: 787px; margin-left: auto; margin-right: auto; padding: 0 0 20px 0; border: solid 1px #1D1814;  }

.menu {width: 168px; float: left; margin: 235px 0 0 10px; }
	.menu ul {margin: 0; padding: 0; list-style: none; }
	.menu ul li {margin-bottom: 10px; background: url(i/paw.gif) left no-repeat; }
	.menu ul a {background: url(i/linkBack.gif); color: #fff; font-size: 18px; text-decoration: none; display: block; padding: 0 0 0 30px; }
		.menu ul a:hover, .menu ul a.active {background-image: none; }

.content {min-height: 350px; margin: 70px 0 0 0; padding: 10px; float: left; background: url(i/backgroundCat.gif) bottom right no-repeat #DBDBDB; border: solid 2px #DEFDFF; width: 563px; }

.placeRound {margin: -75px -30px 10px 10px; float: right; }
		
.footer {background: url(i/paws.jpg) no-repeat top; color: #fff; padding: 80px 10px 10px 10px; }
	.footer a {color: #fff; text-decoration: none; }
		.footer a:hover {text-decoration: underline;  color: #cecece; }

.offsides {position: absolute; top: -999px; left: -999px; }	

.caption {border: solid 1px #0694AA; background: #DEFDFF; float: left; margin: 0 0 10px 0px; width: 200px; }
.caption span {margin: 0px 0 0 5px !important; background: #DEFDFF; padding: 1px 0 2px 5px; display: block; width: 190px; font-weight: bold; color: #1D1814; }
.caption img {margin-bottom: 2px; }

iframe {border: solid 1px #0694AA; height: 350px; width: 560px; }

	
.noMarg {margin: 0 !important; padding: 0 !important; }
.noMargT {margin-top: 0 !important; padding-top: 0 !important; }
	
.smMargR {margin-right: 5px; }	
.mdMargR {margin-right: 10px; }
.lgMargR {margin-right: 20px; }

.mdMargL {margin-left: 10px; }
.lgMargL {margin-left: 20px; }

.mdMargB {margin-bottom: 10px; }
.lgMargB {margin-bottom: 20px !important; }
	
.mdMargT {margin-top: 10px; }	
.lgMargT {margin-top: 20px; }

.left {float: left; }
.right {float: right; }
		
	
ul.tight {margin: 0 0 10px 20px; }	

.italic {font-style: italic; }

hr {background: none; border: none; border-bottom: solid 1px #426680; height: 1px; width: 530px; margin: 10px 0 10px 0px; }

.content p {margin-bottom: 10px; }

a {color: #5555FB; letter-spacing: 0; }
	a:hover {color: #999; }
	
p {margin: 0; padding: 0; }
		
h1 {color: #3A2C06; font-style: italic; font-family: arial; font-size: 18px; margin: 0 0 10px 0; font-weight: normal; background: url(i/h1cube.gif) no-repeat left; padding: 0; }		
h2 {color: #426680; font-family: arial; font-style: normal; font-size: 14px; margin-bottom: 5px; margin-top: 0; }		
		
img {display: block; }	
	img.bord {border: solid 1px #1D1814; }
		


label,input {display: block; margin: 3px 5px 0 0; }	
label {width: 100px; float: left; font-weight: bold; text-align: right; }
input {margin: 0 0 3px 0; padding: 0; }
	input.wide {width: 300px; }
	input.med {width: 200px; }
	input.small {width: 100px; }	
	
.clear {clear: both; }		



#slideshow {
    position:relative;
 
    height:300px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    border: solid 1px #000; 
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}