body {
	font-family: verdana;
	font-size: 1em;
	background: #fff9ad;
		  background: #fff9ad;
		  background-image: url("../images/treeline.gif");
		  background-repeat: repeat-x;
	  background-position: bottom center;
}

h2 {
	margin: 0;
	padding: 0;
	color: black;
	text-align: center;
	font-size: large;
}
h3 {
	margin: 0;
	padding: 0;
	color: black;
}

h4 {
	margin: 0;
	padding: 0;
	color: black;
	text-align: left;
	font-size: small;
}

.content {
	padding: 10px;
}
.boldON 
{
	background-color:#f3f2e9;
}

#topheader {
	/* background: #2B4929;  superceeded by Thom 6/24 */
	background: #314c29;  
	
}
#top {
	background: #fff9ad;
}

#side {
	background: #F7A745;
}

#main {
	background: white;
}

html {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

body {
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#side {
	padding: 0;
	margin: 0;
	background: #fff9ad;
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 70px;
	width: 180px;
	overflow: hidden;
}

#sidetop {
	padding: 0;
	margin: 0;
	height: 30%;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	overflow: clip;
}
#sidetop img {
	position: absolute;
	width: 180px;
	height: 215px;
	top: 0;
	left: 0px;
}

#sidebottom {
	border: 3px solid #2B4929;
	padding: 2px;
	background: #F7A745;
	margin: 0;
	text-align: right;
	left: 0px;
	top: 32%;
	height: 66.5%;
	position: absolute;
	bottom:  73px;
	width: 170px;
	overflow: hidden;
}



#top {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 5px;
	height:  140px;
	right: 5px;
	overflow: hidden;
}

#topheader {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 5px;
	left: 0px;
	right: 0px;
	height: 100px;
	overflow: hidden;
	background: #2B4929;
}

#topBanner {
	position: absolute;
	top: 17px;
	left: 210px;
}

#topSubHeader {
	position: absolute;
	top: 55px;
	left: 308px;
}

/*-----------------  BUTTONS START HERE --------------------------------------*/

#topITP {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 90%;
	height: 100px;
	overflow: hidden;
}

#topButtons {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 102px;
	left: 194px;
	height: 100px;
	overflow: hidden;
}
#main {
	padding: 10px;
	margin: 0;
	position: absolute;
	top: 150px;
	left: 200px;
	right: 10px;
	bottom: 70px;
	border: 4px solid #F7A745;
	overflow: auto;

}


a#btnsignupin {
    display: block;
    width: 150px;
    height: 38px;
    background-image: url(../buttons/signup12.jpg);
    background-position: 0 0px;
    margin: 0 auto;
}
a#btnsignupin:hover {
    background-position: 0 -38px;
}
#altbtnsignup.alt { display: none; }

a#btnsignout {
    display: none;   /* The sign out button is hidden at the start */
    width: 150px;
    height: 38px;
    background-image: url(../buttons/signout12.jpg);
    background-position: 0 0px;
    margin: 0 auto;
}
a#btnsignout:hover {
    background-position: 0 -38px;
}
#altbtnsignout.alt { display: none; }

a#btnHome {
    display: block;
    width: 150px;
    height: 38px;
    background-image: url(../buttons/home12.jpg);
    background-position: 0 0px;
    margin: 0 auto;
}
a#btnHome:hover {
    background-position: 0 -38px;
}
#altbtnHome.alt { display: none; }


a#btnContact {
    display: block;
    width: 150px;
    height: 38px;
    background-image: url(../buttons/contact12.jpg);
    background-position: 0 0px;
    margin: 0 auto;
}
a#btnContact:hover {
    background-position: 0 -38px;
}
#altbtnContact.alt { display: none; }


a#btnContact:hover {
	    background-color: #ffffff;
}

a#btnhelp {
    display: block;
    width: 150px;
    height: 38px;
    background-image: url(../buttons/help12.jpg);
    background-position: 0 0px;
    margin: 0 auto;
}
a#btnhelp:hover {
    background-position: 0 -38px;
}
#altbtnhelp.alt { display: none; }

/*-----------------  BUTTONS END HERE --------------------------------------*/