body#home {
		background-color: #ffffff;
		color: #421800;
		font-family: Tahoma, sans-serif;
		/* font-family: Palatino, New York, MS Serif, Garamond, Georgia, Times New Roman, Times, serif; 
	    font-size-adjust: 0.46; */
	    font-size: .95em;
	    font-size-adjust: 0.55;
	    font-weight: normal;
	    margin: 0;
	    padding: 0;	 
	    height: 100%;
  	}
  	html {
  		margin: 0;
  		padding: 0;
  		height: 100%;
  	}
	div.maincol {
		position:relative;
		right: 0;
		top: 0;
		background-color: #ffffff;
		left: 0px;
		width: 100%;
		bottom: 0;
		float: left;
	}
	div.banner {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		vertical-align: top;
		text-align: left;
		background-color: #7a9875;
	}
	div.banner table {
		width: 50em;
	}
	td.branding {
		padding: .5em;
		margin-bottom: -.25em;
	}
	.heading {
		font-family: Palatino, serif; 
	    font-size-adjust: 0.46;
		font-size: 3em;
		padding: 0;
		margin: 0;
		margin-bottom: -.25em;
		text-align: left;
	}
    .reg {
		font-size: .3em;
		line-height: 3em;
		vertical-align: text-top;
    }
	.discover {
		margin-top: -1em;
		margin-left: 107px;
	}	
	td.address {
		vertical-align: top;
		padding-top: 1.5em;
	}
	address {
		font-size: .8em;
		text-align: center;
		display: block;
		margin: 0em;
		font-style: italic;
	}
	div.headernav {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		background-color: #cccca9;
		font-size: 1em;
	}
	.headernav ul {
		float: left;
		width: 100%;
		margin: 0 0 3px 0;
		padding: 0;
		list-style: none;
		background-color: #cccca9;
	}
	.headernav ul li {
		float: left;
		margin: 0;
		padding: .1em 1.1em;
		border-left: 1px solid #000;
		list-style: none;
		display: inline;
	}		
	.headernav ul li.first {
		border-left: none;
	}
	#home li.headernavlist-home {
		background-color: #8977ba;
	}
	#home li.headernavlist-home a {
		color: #fff;
		text-decoration: none;
	}
	a.roll {
		text-decoration: none;
		font-weight: bold;
		color: #421800;
	}
	a.roll:hover {
		text-decoration: underline;
		color: #000;
	}
	div.maincontent {
		background-color: #ffffff;
		left: 0;
		top: 0;
		right: 0;
		float: left;
		margin: 0;
		padding: 5px;
		width: auto;
	}
	html>body div.slogan {
		margin-bottom: 3em;
	}
	body#home div.maincontainer {
		position: relative;
		width: 400px;
		padding: 0;
		margin: 0;
		top: 0;
		left: 12em;
		margin-top: 1.25em;
		right: auto;
		bottom: auto;
	}
	body#home div.maincontainer#tree {
		height: 510px;
	}
	html>body#home div.maincontainer#tree {
		padding-top: 1.5em;
	}
	div.branches {
		position: absolute;
		float: none;
		display: block;
		color: #576c53;	
		width: 15em;
		z-index: 5;
	}
	div.treeheader {
		position: relative;
		width: 100%;
		text-align: center;	
	}
	html>body div.treeheader {
	/* position absolute so tree can underlap ArtisTree text.  Can't position absolute in IE because stacking doesn't work and text is cut off. */
		position: absolute;
		top: -2em;
		z-index: 7;
	}	
	.branchtit {
		font-size: 1.1em;
		font-weight: bold;
		display: inline;
	}
	.subsection {
		clear: both;
		margin: 15px 20px 0;
	}
	a.linkarea, a.linkarea img{
		border: none;
		text-decoration: none;
		cursor: pointer;
	}
	a.linkarea:link, a.linkarea:visited {
		color: #576c53;
	}
	a.linkarea:hover {
		color: #421800;
	}
	#aboutus {
		width: 710px;
		margin: 0 20px 20px;
		font-size: 0.9em;
		line-height: 1.5em;
	}
	div.footer {
		background-color: #ffffff;
		margin-top: 1em;
		text-align: center;
		position: relative;
	}
	div.footer a.roll {
		font-weight: normal;
	}
	div.footer, div.banner p {
		padding: 0 10px;
	}
	.footer ul {
		position: relative;
		margin-left: 0;
		padding-left: 0;
		display: inline;
	}
	.footer ul li {
		margin-left: 0;
		padding: .1em 3%;
		border-left: 1px solid #000;
		list-style: none;
		display: inline;
	}		
	.footer ul li.first {
		border-left: none;
	}