body {background: #F4F4EF; font-family: arial; letter-spacing: 1px; top: 0; margin: 5px 0 0 0; padding: 0; color: #971B8D; font-size: 12px; }

.surround {background: url(i/background.jpg) top #27C4BD no-repeat; width: 787px; margin-left: auto; margin-right: auto; padding: 0 0 0px 0; border: solid 1px #BFA896; }

.header {background: url(i/animals.gif) top right no-repeat; color: #fff; height: 128px; width: 787px; padding: 0 0 0 0; }	

.menu {background: #9CD6E4; border: solid 1px #2393AF; border-right: none; padding: 7px 0 7px 10px; margin: -1px 0 10px 40px; }
	.menu ul {margin: 0; padding: 0; list-style: none; }
	.menu ul li {float: left; }
	.menu ul a {color: #1D4568; font-size: 14px; padding: 0 10px 0 10px; text-decoration: none; float: left; }
		.menu ul a:hover, .menu ul a.active {color: #971B8D; background: url(i/arrow.gif) no-repeat left; }
		
.container {width: 767px; margin: 0 0 0 10px; }
	.contents {border: solid 2px #9CD6E4; border-top: none; border-bottom: none; width: 723px; padding: 5px 20px 5px 20px; background: #fff; }		

.tips {display: none; cursor: pointer; position: absolute; margin-top: -250px; margin-left: 200px; width: 300px; padding: 0 10px 0px 10px;  background: #FFE5FE; border: solid 2px #670830; }	
	
.offsides {position: absolute; top: -999px; left: -999px; }				
			
ul.noned {margin: 0 0 0 15px; list-style: none; padding: 0; }			
			
.pod {float: left; width: 230px; }			
			
hr {background: #fff; border: none; border-bottom: 1px solid #9CD6E4; }			
			
.form {display: block; }	

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; }
	
select {float: left; margin-right: 3px; margin-bottom: 3px; }				

.footer {width: 767px; margin-top: 10px; border-top: 2px solid #2393AF; background: #27A5C4; padding: 0px 10px 0px 10px; }		
	.footer p {padding: 7px 0 3px 0; color: #fff; letter-spacing: 1px; font-weight: bold; }
			
h1 {font-weight: normal; font-style: italic; margin: 0 0 10px 0px; font-size: 22px; }		
h2 {font-weight: bold; font-size: 12px; margin: 0px 0 5px 0px; }	
	
img {display: block; border: none; }
	img.bord {border: solid 1px #610D2F; }			
			
p {margin: 0 0 7px 0; }		
span {font-style: italic; }	
.underline {text-decoration: underline; }
			
a {text-decoration: underline; color: #01100D; }		
	a:hover {text-decoration: none; color: #000; }	

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

.lgMargR {margin-right: 20px; }
.lgMargL {margin-left: 20px; }

.smMargT {margin-top: 5px; }
.mdMargT {margin-top: 15px; }
			
.mdMargB {margin-bottom: 10px; }			
.lgMargB {margin-bottom: 15px; }			
			
.left {float: left; }
.right {float: right; }			
			
.clear {clear: both; }			

.petassure {width: 770px; text-align: right; font-size: 10px; color: #000; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 20px; }
	.petassure a {text-decoration: none; color: #061013; letter-spacing: 1px; }
	.petassure a:hover {text-decoration: underline; }