html, body { margin:0; padding:0; }
body { font: 12px arial, sans-serif; text-align:center; padding: 0; margin-top: 5px; margin-bottom: 5px;  background-position: bottom; background-repeat: no-repeat; background-image: url(images/treefooter2.jpg);  }
p { margin:0 10px 10px }
a { padding:5px; text-decoration:none; color:#000000; }
div#header { background-color: #FFFFFF; height: 176px; }
div#header h1 { height:80px; line-height:80px; margin:0; padding-left:0px; }
div#container { text-align:left; background-color: #FFFFFF; }
div#content p { line-height:1.4; }
div#navigation { width: 886px; height: 41px; }
div#navigation ul { padding:0; }
div#navigation li { margin-bottom:5px; }
div#extra { background-color: #FFFFFF; }
div#footer { border: solid #CCCCCC 1px; }
div#footer p { padding:10px; margin: 0; }
div#container { width:886px; margin:0 auto; padding-left: 1px; padding-right: 1px; padding-top: 1px; }
div#content { float:right; width:675px; background-color: #FFFFFF; border: solid #CCCCCC 1px; margin-top: 5px; margin-bottom: 5px;}
div#navigation { float:none; width:886px; }
div#extra { float:left; clear:left; width:200px; padding: 5px 0px 5px; border: solid #CCCCCC 1px; margin-top: 5px; margin-bottom: 5px; }
div#footer { clear:both; width: 885px; }
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; }

.fade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	}

	.fade:hover {
	opacity: 0.5;
	}



div.navbar {
	width: 886px;
	height: 41px;
	border: 0px solid black;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	text-align: center;
	align: middle;
	background-image:url('images/navbar.gif'); 

}



.bmenu{
    padding: 0px;
    margin: 0 0 10px 0;
    
}
.bmenu span{
    font-size: 15px;
    display: inline;
    
}
.bmenu span a{
	display: inline;
	
	text-shadow: 0px 0px 1px #FFFFFF;
	color: #FFFFFF;
	padding: 0px 30px;
	margin: 0px;
	
	letter-spacing: 0px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin-left: auto;
	margin-right: auto;
}
.bmenu:hover span a{
	text-shadow: 0px 0px 10px #FFFFFF;
	color: transparent;
	
}
.bmenu span a:hover{
	
	text-shadow: 0px -1px 1px #00ff00;
}





a:hover {
  color: white ;
  background-color: transparent ;
  text-decoration: none ;
}












#menu ul{
  list-style: none;
}

#menu li{
  display: inline;
}


.divfooter {
	background-image:url(images/treefooter.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#000000;
}


.image {
	background-image: url(images/treefooter1.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 100%;
}










.maincontent {
   
    position:relative;
    background-color: #d9dad4;
    margin:auto;
}




#footer11 {/* footer now sits at bottom of window*/
    background-repeat: no-repeat;
    margin: auto;
	height: 50px;
	background-image: url(images/treefooter2.jpg);
	
	bottom: 0px;
	
    position:static;/* stacking context for cartoon */
}


.divbg {
	background-repeat: no-repeat;
	background-image: url(images/headerbg.gif);
	width: 887px;
	height: 178px;
	padding: 0px;
}
	











a.navbarlink:link {
COLOR: #FFFFFF;
}
a.navbarlink:visited {
COLOR: #FFFFFF;
}
a.navbarlink:hover {
COLOR: #00FF00;
}
a.navbarlink:active {
COLOR: #00FF00;
}


a.contact:link {
COLOR: #000000;
}
a.contact:visited {
COLOR: #000000;
}
a.contact:hover {
COLOR: #0000FF;
}
a.contact:active {
COLOR: #0000FF;
}






.imagewrapper { position: relative; height: 500px; } /* height is for display purposes only */
.bottomImage { position: absolute; bottom: 0; }