html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}

/* remember to define focus styles! */

:focus {
	outline: 0;}
	
html {
	height: 100%;
	background: url(../images/bg.gif);}
	
body {
	height: 100%;
	color: black;
	font-size: 0.8em;
	font-family: Arial, sans-serif;
	line-height: 1;
	background: url(../images/bggrass.gif) repeat-x top center;}

ol, ul {
	list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;}

caption, th, td {
	text-align: left;
	font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";}

blockquote, q {
	quotes: "" "";}
	
/*----------------------- General -----------------------*/

h1 {
	padding-bottom: 15px;
	color: #006800;
	font-size: 1.7em;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;}
	
h2 {
	margin-bottom: 15px;
	color: #000000;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;;
	text-transform: uppercase;}
	
h6 {
	padding-bottom: 5px;
	color: #006800;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;}
	
strong {
	color: #546738;
	font-weight: bold;}
	
em {
	font-style: italic;}
	
a {
	color: #546738;}
	
a:hover {
	color: #000000;}
	
.img {
	border: 5px solid #e4e9e4;}

.pushright {
	margin-right: 20px;}
	
.topborder {
	width: 100%;
	padding-top: 15px;
	border-top: 1px solid #e4e9e4;
	float: left;}
	
.topspace {
	margin-top: 20px;}
	
.bottomspace {
	margin-bottom: 10px;}
	
.birdarrow {
	padding-left: 15px;
	background: url(../images/birdarrow.gif) no-repeat left;}
	
/*----------------------- Quotes -----------------------*/
	
.boxed {
	padding: 15px 0;
	margin-bottom: 15px;
	border-top: 1px solid #e4e9e4;
	border-bottom: 1px solid #e4e9e4;
	float: left;}
	
blockquote {
	color: #546738;
	font-size: 1.1em;
	background: url(../images/quoteopen.gif) no-repeat top left;
	float: left;}
	
#content blockquote p {
	display: block;
	width: 330px;
	padding: 0 30px;
	background: url(../images/quoteclosed.gif) no-repeat bottom right;
	float: left;}
	
.quoteright {
	width: 100%;
	text-align: right;
	float: left;}
	
.quoteleft {
	width: 100%;
	padding-bottom: 5px;
	float: left;}
	
/*----------------------- Layout CSS -----------------------*/
		
.leftcontainer {
	width: 390px;
	background-color: #FFFFFF;
	float: left;}

.rightcontainer {
	width: 260px;
	padding-left: 25px;
	line-height: 0;
	background-color: #FFFFFF;
	float: right;}
	
.leftcontainer img,
.rightcontainer img {	
	border: 5px solid #e4e9e4;}
	
#wrap {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -290px;
	background: url(../images/bodybg.gif) repeat-y;}
		
#main {
	background: url(../images/mainbg.gif) no-repeat top;}
	
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;}

.clearfix {
    display: inline-block;}

html[xmlns] .clearfix {
    display: block;}

* html .clearfix {
    height: 1%;}
	
/*----------------------- Header -----------------------*/
	
#header {
	position: relative;
	width: 734px;
	height: 167px;
	margin: 0 23px;
	text-align: center;
	background: url(../images/banner.jpg) no-repeat;
	clear: left;}
	
.birdsleft {
	position: absolute;
	width: 65px;
	height: 64px;
	top: 174px;
	left: -93px;
	background: url(../images/birdsleft.gif) no-repeat;}
	
.birdsright {
	position: absolute;
	width: 65px;
	height: 64px;
	top: 174px;
	right: -93px;
	background: url(../images/birdsright.gif) no-repeat;}
	
/*----------------------- Navigation -----------------------*/
	
#nav {
	position: relative;
	width: 700px;
	margin: 0 auto;
	border: 3px solid #f8f8f8;
	clear: left;}

#nav ul {
	width: 640px;
	margin: 0 auto;
	overflow: hidden;}
	
#nav li {	
	padding-bottom: 11px;
	float: left;}

#nav li a {
	display: block;
	padding-top: 10px;
	color: #000000;
	text-align: center;	
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	cursor: pointer;}

#nav li a:hover {
	color: #026d00;}
	
body#home #home_tab a,
body#about #about_tab a,
body#zoo #zoo_tab a,
body#reindeer #reindeer_tab a,
body#calendar #calendar_tab a,
body#links #links_tab a {
	color: #015301;}
	
#home_tab,
#links_tab {
	width: 80px;}

#reindeer_tab,
#calendar_tab,
#about_tab {
	width: 110px;}
	
#zoo_tab {
	width: 140px;}
	
.navleaf {
	position: absolute;
	width: 38px;
	height: 34px;
	top: -3px;
	left: -9px;
	background: url(../images/navleaf.gif) no-repeat;}

/*----------------------- Body -----------------------*/
	
#content {
	width: 682px;
	margin: 0 auto;
	padding-top: 25px;
	line-height: 22px;
	font-size: 1.1em;
	background-color: #FFFFFF;}
	
#content p {
	padding-bottom: 15px;}
	
#content ul {
	padding-bottom: 20px;}
	
#content li {
	padding-left: 20px;
	background: url(../images/birdarrow.gif) no-repeat 0 5px;}
		
.package {
	position: relative;
	width: 644px;
	margin-top: 25px;
	padding: 15px 15px 5px 15px;
	border: 3px solid #e4e9e4;
	float: left;}
	
.packagetop {
	position: absolute;
	width: 680px;
	height: 9px;
	top: -3px;
	right: -3px;
	background: url(../images/packagetop.gif) no-repeat;}
	
.packagebottom {
	position: absolute;
	width: 680px;
	height: 9px;
	bottom: -3px;
	right: -3px;
	background: url(../images/packagebottom.gif) no-repeat;}
		
.includedanimals {
	position: relative;
	width: 650px;
	padding: 15px;
	background-color: #e4e9e4;
	float: left;}
	
.includedtop {
	position: absolute;
	width: 680px;
	height: 25px;
	top: -20px;
	right: 0;
	background: url(../images/includedtop.gif) no-repeat;}

.includedbottom {
	position: absolute;
	width: 680px;
	height: 23px;
	bottom: -14px;
	right: 0;
	background: url(../images/includedbottom.gif) no-repeat;}
	
.includedanimals img {
	width: 80px;
	height: 80px;
	margin-right: 15px;
	border: none;
	float: left;}
	
.includedanimals .end {
	margin-right: 0;}
	
/*----------------------- Home -----------------------*/

.highlight {
	position: relative;
	margin-top: 40px;
	float: left;}
	
.rainforest {
	position: absolute;
	width: 206px;
	height: 23px;
	top: -23px;
	right: 10px;
	background: url(../images/home/rainforest.gif) no-repeat;}

/*----------------------- Calendar -----------------------*/

#calendar #content p {
	padding-bottom: 8px;}
	
#calendar .package {
	margin-top: 70px;}
	
#calendar .firstmonth {
	margin-top: 50px;}

.firstevent {
	width: 100%;
	float: left;}

.event {
	width: 100%;
	padding-top: 8px;
	border-top: 1px solid #e4e9e4;
	float: left;}
	
.date {
	width: 22%;
	color: #546738;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	float: left;}
	
.title {
	width: 78%;
	float: left;}
	
.july {	
	position: absolute;
	width: 680px;
	height: 50px;
	top: -53px;
	right: 5px;
	background: url(../images/calendar/july.gif) no-repeat;}
	
.august {	
	position: absolute;
	width: 680px;
	height: 50px;
	top: -53px;
	right: 5px;
	background: url(../images/calendar/august.gif) no-repeat;}
	
.september {	
	position: absolute;
	width: 680px;
	height: 50px;
	top: -53px;
	right: 5px;
	background: url(../images/calendar/september.gif) no-repeat;}
	
.october {	
	position: absolute;
	width: 680px;
	height: 50px;
	top: -53px;
	right: 5px;
	background: url(../images/calendar/october.gif) no-repeat;}
	
/*----------------------- Links -----------------------*/

.link {
	width: 100%;
	padding-top: 10px;
	float: left;}

.leftlink {
	width: 80%;
	padding-top: 8px;
	float: left;}
	
.rightlink {
	width: 20%;
	padding-top: 5px;
	float: right;}
		
/*----------------------- Footer -----------------------*/
	
#footer {
	width: 100%;
	height: 290px;
	margin: 0 auto;
	clear: left;}
	
.push {	
	height: 290px;}
	
.leaves {
	width: 100%;
	height: 179px;
	background: url(../images/leaves.gif) no-repeat center;}
	
.footerbar {
	position: relative;
	margin: 0 auto;
	width: 700px;
	height: 52px;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.1em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	border: 3px solid #f8f8f8;}
	
.qualifications {
	position: absolute;
	width: 760px;
	top: 0;
	left: 0;
	padding-top: 20px;
	text-align: center;
	z-index: 2;}
	
.arrow {
	margin-left: 10px;
	padding-left: 20px;
	background: url(../images/arrow.gif) no-repeat 0 5px;}
	
.snake {
	position: absolute;
	width: 127px;
	height: 29px;
	top: -1px;
	right: 52px;
	background: url(../images/snake.gif) no-repeat right top;
	z-index: 1;}
	
.usda {
	position: absolute;
	width: 88px;
	height: 61px;
	top: -27px;
	left: 20px;
	background: url(../images/usda.gif) no-repeat right top;
	z-index: 1;}
	
/*----------------------- Copyright -----------------------*/
	
#copybar {
	width: 682px;
	margin: 0 auto;
	padding-top: 23px;}
	
.copyright {
	color: #FFFFFF;
	font-size: 0.85em;
	float: left;}
	
.design {
	color: #FFFFFF;
	font-size: 0.85em;
	float: right;}
	
	
/*----------------------- Button CSS -----------------------*/

.btn { 
	text-align: center; 
	line-height: normal; 
	display: block; 
	position: relative; 
	background: #ffffff; 
	padding: 7px 8px 5px 8px; 
	color: #546738; 
	font-weight: bold;
	font-size: 0.85em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-decoration: none; 
	text-transform: uppercase;
	cursor: pointer; 
	float: right;}

.btn * {
	font-style: normal; 
	background-image: url(../images/btn.png); 
	background-repeat: no-repeat; 
	display: block; 
	position: relative;}

.btn i { 
	background-position: top left; 
	position: absolute; 
	margin-bottom: -8px;  
	top: 0; 
	left: 0; 
	width: 12px; 
	height: 12px;}

.btn span { 
	background-position: bottom left; 
	left: -8px; 
	padding: 0 0 5px 17px; 
	margin-bottom: -5px;}

.btn span i { 
	background-position: bottom right; 
	margin-bottom: 0; 
	position: absolute; 
	left: 100%; 
	width: 16px; 
	height: 100%; 
	top: 0;}

.btn span span { 
	background-position: top right; 
	position: absolute; 
	right: -16px; 
	margin-left: 17px; 
	top: -7px; 
	height: 10px;}

* html .btn span,
* html .btn i { width: auto; background-image: none; cursor: pointer; } /* IE6 */

.btn:hover {
	color: #000000;}