body {margin: 5px 0 0 0; padding: 0; top: 0; font-family: arial; background: url(i/bodyBack.gif) ; }

.surround {width: 960px; margin-left: auto; margin-right: auto; }

.top {height: 182px; width: 960px; background: url(i/big-creek-animal-hospital.jpg) no-repeat; }

.menu {width: 126px; float: left; margin: 10px 20px 0 20px; }
	.menu ul {margin: 0; padding: 0; list-style: none; }
	.menu ul li {border-bottom: solid 2px #CCCCCC; }
	.menu ul li a {display: block; padding: 3px 0px 3px 25px; color: #000; text-decoration: none; font-family: "trebuchet ms"; font-weight: bold;}
	.menu a:hover, .menu a.active {color: #CC0000; background: url(i/menupaw.jpg) left no-repeat; }
		
.container {background: url(i/background.jpg) bottom no-repeat #fff; width: 960px; padding: 10px 0 80px 0px; float: left; }		
		
.content {padding: 0px 10px 20px 10px; width: 757px; float: left;  }		
		
.leftCol {width: 333px; margin-right: 10px; float: left; }

.rightCol {width: 360px; float: left; }

.paw {width: 360px; height: 350px; background: url(i/paw.jpg) bottom right no-repeat; }
	
.copy {padding: 10px 10px 0 10px; }	

.bottomMenu {background: #CC0001; color: #fff; padding: 3px 0 5px 0; }
	.bottomMenu ul {margin: 0 0 0 180px; padding: 0; }
	.bottomMenu ul li {float: left; border-right: solid 1px #fff; padding-right: 10px; margin-right: 10px; }
	.bottomMenu ul li.last {border: none; }
	.bottomMenu a {text-decoration: none; color: #fff; font-family: "trebuchet ms", arial; font-size: 14px; font-weight: bold; }
		.bottomMenu a:hover {text-decoration: underline; }
	
.footer {width: 950px; color: #666; font-size: 12px; margin: 0 auto 0 auto; padding: 10px 5px 10px 5px; }
	.footer a {color: #666; }

table {margin: 0 0 10px 20px; border-collapse: collapse; }
	td {border: solid 1px; width: 270px; padding: 3px; }
	td.label {width: 150px; }

.ad {border: solid 4px #CFCFCF; padding: 10px 70px 10px 70px; text-align: center; width: 300px; margin: 0 auto 0 auto; background: #fff; }
	.ad span {font-style: italic; }

.bigPicture {position: absolute; top: 100px; left: 100px; padding: 3px; background: #fff; border: solid 3px #6D5A5E; display: none; cursor: pointer; }
	.bigPicture span {position: absolute; top: 0px; left: 0px; cursor: pointer; background: url(i/x.gif) no-repeat; height: 25px; width: 50px; }

ul {list-style: none; margin: 0 0 10px 25px; padding: 0; }
	ul.list {list-style-image: url(i/paw.jpg); }
	ul.list li {font-weight: normal; }

ul.tour {list-style: none; margin: 0 0 0 30px; padding: 0; }
	ul.tour li {float: left; margin: 0 5px 5px 0; padding: 0; border: solid 1px #38474A; cursor: pointer; }
	ul.tour li img {margin: 0; padding: 0; height: 70px; width: 80px; border: none; display: block; }
	
ul.list {list-style-image: url(i/listpaw.jpg); }
	
#slideshow {
    position:relative;
    height:400px;
    left: 170px;  
    width: 504px; 
    
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #f7f7f7;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

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

#slideshow DIV IMG {
    height: 350px;
    width: 500px; 
    display: block;
    border: 0;
    margin-bottom: 10px;
    border: solid 2px #69565A;
}
	

h1 {font-size: 22px; color: #CC0000; height: 33px; font-family: "trebuchet ms", arial; font-weight: bold; letter-spacing: 1px; padding: 7px 0 0 5px; margin: 0 0 3px 0; }
	h1 span {position: absolute; top:-9999px; left: -9999px; }
h2 {font-size: 14px; color: #CC0000; font-style: normal; margin: 0; margin-bottom: 5px; padding: 0;  }	
h3 {font-size: 14px; font-style: normal; margin: 0 0 3px 0px; padding: 0; }

p {margin: 0 0 10px 5px; }

i {font-style: normal; }
.italic {font-style: italic; }

.note {font-size: 11px; color: #666; padding: 3px 0 0 3px; height: 7px; }

hr {background: #F7F7F7; border: none; border-bottom: dashed 1px #C7D6E9; width: 710px; margin-bottom: 20px; height: 1px; }

a {color: #3169B4; }
	a:hover {text-decoration: none; }

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

select {float: left; margin-right: 3px; margin-bottom: 3px; }
		
.offsides {position: absolute; top: -1000px; left: -1000px; }

.italic {font-style: italic; }

.mdMargR {margin-right: 10px; }
.mdMargL {margin-left: 10px; }

.lgMargL {margin-left: 20px; }
.xlgMargL {margin-left: 170px; }

.mdMargB {margin-bottom: 10px; }
.lgMargB {margin-bottom: 20px; }

.left {float: left; }
.right {float: right; }

.clear {clear: both; }

img {border: none; }

.bord {border: solid 1px #000; }


.petassure {width: 500px; text-align: right; font-size: 12px; color: #666; margin: 2px auto 10px auto;}
	.petassure a {text-decoration: underline; color: #666; }
	.petassure a:hover {text-decoration: none; }