body {background: #fff; font-family: arial; font-size: 14px; letter-spacing: 1px; margin: 0; padding: 0; }

.surround {width: 779px; margin-left: auto; margin-right: auto; background: url(i/background.gif) bottom no-repeat #5D87C3; padding: 5px 0 140px 8px; }

.top {width: 787px; height: 138px; background: url(i/header1.jpg) no-repeat; }

.menu {height: 40px; }
	.menu ul {margin: 0 0 0 4px; padding: 0; list-style: none; }
	.menu ul li {float: left; margin: 5px 0 0 2px; padding: 0 1px 0 0; color: #fff; height: 20px; background: url(i/menuCube.gif) center top no-repeat; }
		.menu ul li.dog {background: url(i/menuDog.gif) no-repeat center top; }
		.menu ul li.cat {background: url(i/menuCat.gif) no-repeat center top; }
		.menu ul li.cow {background: url(i/menuCow.gif) no-repeat center top; }
		.menu ul li.horse {background: url(i/menuHorse.gif) no-repeat center top; }
		.menu ul li.noback {background: none; }
		.menu ul li.last {padding: 0; }
		.menu ul li p {padding: 16px 0 0 0; margin: 0; font-size: 12px; }
	.menu ul li a {display: block; padding: 17px 0 0 0; text-decoration: none; font-family: arial; font-size: 12px; color: #fff; background: url(i/aBack.gif); letter-spacing: 0;  }
		.menu ul li a:hover, .menu ul li a.active {color: #fff; background: none; }
		
.page {width: 746px; padding: 0 10px 0 15px; background: url(i/leftBack.gif) left top repeat-y #F4F4F1; }

.leftCol {width: 172px; float: left; }

.content {float: left; padding: 0px 0 0 10px; width: 555px; }	

.column {width: 270px; }

.footer {width: 772px; color: #fff; font-size: 14px;  letter-spacing: 1px; padding-top: 5px; }

.linkBox {width: 130px; }

.box {padding: 5px; border: solid 1px #666; }

.smLeftCol {float: left; width: 150px; margin-bottom: 10px; }
	.smLeftCol img {margin-left: auto; margin-right: auto; }
.smRightCol {float: left; width: 380px; margin-bottom: 10px; }


ul.aligned {margin: 0 0 20px 15px; padding: 0; }
ul.links {margin: 0 0 0 5px; padding: 0; list-style: none; }
	ul.links li {margin-bottom: 10px; }

.noMarg {margin: 0 !important; padding: 0 !important; }
.noMargT {margin-top: 0 !important; padding-top: 0 !important; }
	
.mdMargR {margin-right: 10px; }

.mdMargL {margin-left: 10px; }
.lgMargL {margin-left: 20px; }

.mdMargB {margin-bottom: 10px; }
.lgMargB {margin-bottom: 20px; }

.mdMargT {margin-top: 10px; }
.lgMargT {margin-top: 20px; }

.left {float: left; }
.right {float: right; }

.floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}
		
.indentsm {margin-left: 20px; }		
		
p {margin: 0; padding: 0; }		

.italic {font-style: italic; }

hr {color: #339999; }

.content p {margin-bottom: 10px; }

a {color: #339999; }
	a:hover {color: #666; }
		
h1 {font-family: arial; font-style: italic; font-size: 22px; margin: 0 0 10px 0; }		
h2 {font-family: arial; font-style: normal; font-size: 16px; margin-bottom: 5px; margin-top: 0; }		
h3 {font-family: arial; font-size: 14px; margin: 0 0 5px 0; }
		
img {display: block; }		
	img.bord {border: solid 1px #5D87C3; }
		
		
.clear {clear: both; }		

.petassure {width: 787px; text-align: right; font-size: 10px; color: #000; margin-left: auto; margin-right: auto; padding: 5px 0 10px 0; margin-bottom: 15px; }
	.petassure a {text-decoration: none; color: #000; letter-spacing: 1px; }
	.petassure a:hover {text-decoration: underline; }
