body {margin: 0; padding: 0; top: 0; font-family: "arial narrow", arial; background: #eee; }

.surround {width: 787px; margin-left: auto; margin-right: auto; background: url(i/background.gif); }

.container {background: url(i/header.gif) no-repeat top; }

.top {height: 100px; width: 787px; }

.menu {width: 129px; float: left; margin-bottom: 20px; }
	.menu ul {list-style: none; margin: 0 0 0 3px; padding: 0; }
		.menu ul li {display: block; padding: 0; margin: 0; }
		.menu ul a {letter-spacing: 2px; font-family: arial; text-decoration: none; color: #fff; display: block; padding: 3px 0 0 17px; margin: 1px 0 0 0; height: 22px; width: 109px; }
		.menu ul a:hover, .menu ul a.active {background: #fff; color: #21344F; }
		
.content {float: left; padding: 10px 10px 10px 10px; width: 630px; }		
	.content.narrow {width: 450px; }
.footer {width: 747px; margin-right: auto; margin-left: auto; border-top: solid 5px #3E6F6F; background: #21344F; color: #fff; padding: 5px 20px 7px 20px; margin-bottom: 10px; }
	.footer a {color: #fff; }
		.footer a:hover {text-decoration: none; }
	.footer p {margin: 0; padding: 0; font-size: 12px; font-family: arial; letter-spacing: 1px; }

h1 {font-size: 22px; font-style: italic; font-weight: normal; letter-spacing: 1px; }
h2 {font-size: 18px; font-style: italic; margin: 0; margin-bottom: 5px; padding: 0;  }		

p {margin: 0 0 10px 0; }

hr {background: #fff; border: none; border-bottom: dashed 1px #ddd; width: 300px; float: left; margin-bottom: 20px; }

img {border: none; }

a {color: #3E6F6F; }
	a:hover {text-decoration: none; }

label,input {display: block; margin: 3px 5px 0 0; }	
label {width: 100px; 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; }

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

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

.clear {clear: both; }

img {border: solid 1px #21344F; }
.noBord {border: none !important; }


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