body {
	margin: 0; 
	padding: 0; 
	top: 0; 
	font-family: arial; 
	font-size: 14px; 
	line-height: 160%;
	background: url(images/background.jpg) repeat-x #59747B; 
}

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

.top {height: 150px; width: 820px; background: url(images/header.jpg) no-repeat; }

	
.menu {
	margin: 0 0 10px 50px;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu ul li {
	float: left;
	margin-left: 3px;
}

.menu ul li a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 20px 15px 0 15px;
	border-right: solid 1px #fff;
	text-decoration: none;
}

.menu ul li a.last {
	border: none;
}

.menu ul li a:hover {
	background: url(images/menu-paw.jpg) top center no-repeat;
}

.container {
	margin: 0 auto;
	width: 730px;
	background: #fff;
	padding: 20px;
}

/*Round the boxes*/
.container { -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; border-top-left-radius: 20px; }
.container { -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; border-top-right-radius: 20px; }
.container { -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; }
.container { -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; }

#leftcol {
	width: 120px;
	float: left;
}
		
.content {
	background: url(images/content-back.jpg) top left repeat-y;
	width: 570px;
	float: left;
	padding-left: 40px;
}

#maincol {
	min-height: 400px;
	background: url(images/paw-back.jpg) bottom right no-repeat;
}

.footer {
	width: 812px;
	margin: 0 auto;
	background: url(images/shadow.jpg) top center no-repeat;
	padding: 10px 0 30px 0;
	font-size: 12px;
	line-height: 120%;
}


#footer-content {
	width: 750px;
	margin: 0 auto;
	color: #FFFFFF;
}

#footer-content a {
	color: #fff;
	text-decoration: none;
}

#footer-content a:hover {
	text-decoration: underline;
}

ul {
	margin-top: 0;
	padding: 0 0 0 25px;
}

h1 {
	font-size: 22px;
	color: #BB5E09;
	margin: 0 0 10px 0;
	padding: 0;
}
	
	
h2 {color: #51686F; font-size: 16px; font-style: normal; font-weight: strong; margin: 0; margin-bottom: 2px; padding: 0;  }	
h3 {font-size: 16px; color: #536871; font-style: normal; margin: 15px 0 3px 0px; padding: 0; font-weight: bold; }
h4 {font-size: 14px; color: #536871; font-style: normal; margin: 15px 0 0px 0px; padding: 0; font-weight: bold; }

ul.services {list-style: none; margin: 0; padding: 0; }
ul.services li {margin-bottom: 8px; }
ul.services a {font-size: 16px; color: #536871; font-weight: bold; text-decoration: none; }
	ul.services a:hover {text-decoration: underline; }

p {margin: 0 0 8px 0; }

.small {font-size: 12px; }

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

.note {font-size: 12px;  color: #aaa; }


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; }

.alignright {
	float: right;
	margin: 0 0 12px 12px;
}

.alignleft {
	float: left;
	margin: 0 12px 12px 0;
}

.clear {clear: both; }

img {border: none; }

.bord {border: solid 1px #aaa; padding: 3px; background: #F4F5F7; }