body {
	margin: 0px;
	padding: 0px;
	margin-bottom: 24px;	/* compensate for #attrib */
	background-color: #a55711;
	font-family: serif;
	z-index: 0;
/*	border: 1px solid red;	*/
}

th, td {
	font-family: sans-serif;
}

p {
	margin: 2px;
	padding: 6px 4px 0px 4px;
/*	border: 1px solid red; */
}

p.special {
	color: white;
	background-color: #2e6d36;
	font-family: sans-serif;
	font-size: 36px;
	font-weight: 900;
	line-height: 90%;
	text-align: center;
	white-space: nowrap;
}

p.thick {
	line-height: 150%;
}

p.banner {
	font-family: sans-serif;
	font-size: 30px;
	font-weight: 900;
	line-height: 100%;
	text-align: center;
	white-space: nowrap;
}

p.headline {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
}

p.headline a {
	color: white;
	margin-bottom: 1em;
}


p.subhead {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 900;
	line-height: 100%;
	text-align: center;
}

.leader {
	font-family: sans-serif;
	font-size: 120%;
	font-weight: 900;
	text-align: left;
}

.p80 {
	font-size: 80%;
}

p.navbar {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: 600;
	margin: 0;
	padding: 3px 0 2px 0;
	text-align: center;
	white-space: nowrap;
}

p.navbar a {
	border: 1px solid #333;
	margin: 2px 0px 1px 0px;
	padding: 2px 4px 1px 4px;
	background: #606020;
	text-decoration: none;
}

p.navbar a:link {
	color: white;
}

p.navbar a:visited {
	color: white;
}

p.navbar a:hover {
	background: #2e6d36;	/* green */
/*	background: #f8cc00;	*/
	color: black;
}

p.navsub {
	font-family: sans-serif;
	font-size: 10px;
	font-weight: 500;
	margin: 2px 0 2px 0;
	padding: 2px 0 2px 0;
	text-align: center;
	white-space: nowrap;
/*	border: 1px solid red;	*/
}

p.navsub a {
	border: 1px solid #333;
	padding: 1px 3px 1px 3px;
	background: #606020;
	text-decoration: none;
}

p.navsub a:link {
	color: white;
}

p.navsub a:visited {
	color: white;
}

p.navsub a:hover {
	background: #2e6d36;
/*	background: #f8cc00;	*/
	color: black;
}

.rateheader {
	font-family: sans-serif;
	background-color: #2e6d36;
	color: white;
	font-size: 120%;
	font-weight: 900;
	text-align: left;
}

table.frame tr.rateheader th {
	padding: 0px 4px;
}

table.frame tr.rate-even td {
	font-family: sans-serif;
	padding: 0px 4px;
	font-size: 120%;
	font-weight: 900;
}

table.frame tr.rate-odd td {
	font-family: sans-serif;
	padding: 0px 4px;
	font-size: 120%;
	font-weight: 900;
	background-color: #944600;
}

.rate {
	text-align: right;
}

.frame {
	border: 1px solid black;
}

dt {
	padding: 6px 0 0 16px;
	font-weight: 700;
}

dd {
	padding: 0 0 6px 0;
}

p.attrib {
	font-size: 60%;
	font-family: sans-serif;
	font-weight: bold;
	text-align: center;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #c78a55;
	padding: 0px;
	margin: 0px;
	opacity: 0.75;
	border-top: 1px dotted white;
	z-index: 1;
	}

p.attrib a {
	color: black;
	text-decoration: none;
}

p.attrib a:hover {
	background: #f8cc00;
	color: black;
}

#main {
	border: 1px black none;
	background-color: #ab5d11;
	width: 100%;
}

.film,
#film
{
	background: url(/images/film.png);
	background-repeat: repeat-y;
	opacity: 0.85;
	width: 126px;
	min-width: 126px;
	max-width: 126px;
	color: white;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 700;
	vertical-align: top;
	font-size: 50%;
}

.film img,
#film img {
	border: 1px black none;
/*	margin-left: 18px;	*/
	margin-top: 2px;
	margin-bottom: 2px;
/*	min-width: 86px;	*/
/*	min-height: 86px;	*/
	max-width: 86px;
	max-height: 86px;
}

.film img:hover,
#film img:hover {
	opacity: 0.70;
}

#image {
	vertical-align: top;
	text-align: center;
}

#image p.photo {
	font-family: serif;
	text-align: left;
}

#image img {
	text-align: center;
	margin-top: 20px;
	border: 12px black solid;
/*	background-color: black;	*/
/*	padding: 1em;				*/
/*  IE can't handles this, so I'm now using a "border" on the image */
}

#WD06 .WD06,
#sika .sika,
#redstag .redstag,
#exotic .exotic,
#elk .elk,
#boar .boar,
#fallow .fallow,
#buffalo .buffalo,
#turkey .turkey,
#goat .goat,
#whitetail .whitetail,
#ram_r .ram_r,
#ram_c .ram_c,
#ram_h .ram_h,
#ram_t .ram_t,
#home .home,
#rates .rates,
#info .info,
#cont .cont,
#faq .faq,
#dir .dir,
p.navbar a.pix
{
	background: #f8cc00;	/* yellow */
	color: black;			/* #a55711;	brownish */
}

/*	First: create a new CSS rule:
		#home .home, #about .about, #contact .contact { commands for highlighted navigation go here }
	Second: assign a class to each navigation item:
		<a href="#" class="home">Home</a><a href="#" class="about">About us</a>
	Third: insert an id into the <body id="x"> tag.
	From: http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml
*/