body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	}

#container_nav {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
	}

#toolbar {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	width: 800px;
	height: 39px;
	}

#topnav {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	width: 800px;
	height: 39px;
	background: transparent;
	visibility: hidden;
	}

/* Set the UL to have no list item and give it a height */
#topnav ul {
	margin: 0;
	padding: 0;
	border: none;
	width: 800px;
	list-style-type: none;
	z-index: 1;
	}

#topnav ul li {
	/* This allows each li to line up next to each other on a single line */
	display: inline;
	/* This allows each item to be horizontal */
	float: left;
	/* This will be used later for dropdowns */
	position: relative;
	}

#topnav ul li a {
	/* change each anchor item to a block so that it takes up space */
	display: block;
	text-decoration: none;
	/* WIN IE5 hack */
	height: 39px;
	}

/* Hide the text on the top nav bar */
#topnav ul li a span {
	display: none;
	}

/* On over move the viewable portion of the image up */
#topnav ul li a:hover {
	background-position: 0 -39px;
	}

/* No active state here so make sure it shows the default portion of the image */
#topnav ul li a:active {
	background-position: 0 0;
	}

/* Set each background image and make styles to set the selected state */


#leases a {
	background-position: 0 0;
	width: 128px;
	background-image: url(images/leases.jpg);
	background-repeat: no-repeat;
	}
#leases a:hover, #leases a:active, #leases .selected {
	background-position: 0 -39px;
	}

#timber a {
	background: url(images/timber.jpg) top left no-repeat;
	background-position: 0 0;
	width: 170px;
	}
#timber a:hover, #timber a:active, #timber .selected {
	background-position: 0 -39px;
	}

#realestate a {
	background: url(images/realestate.jpg) top left no-repeat;
	background-position: 0 0;
	width: 109px;
	}
#realestate a:hover, #realestate a:active, #realestate .selected {
	background-position: 0 -39px;
	}

#about a {
	background: url(images/aboutus.jpg) top left no-repeat;
	background-position: 0 0;
	width: 103px;
	}
#about a:hover, #about a:active, #about .selected {
	background-position: 0 -39px;
	}
	
#habitat a {
	background: url(images/habitat.jpg) top left no-repeat;
	background-position: 0 0;
	width: 173px;
	}
#habitat a:hover, #habitat a:active, #habitat .selected {
	background-position: 0 -39px;
	}
	
#contact a {
	background: url(images/contactus.jpg) top left no-repeat;
	background-position: 0 0;
	width: 87px;
	}
#contact a:hover, #contact a:active, #contact .selected {
	background-position: 0 -39px;
	}
	
#affiliates a {
	background: url(images/affiliates.jpg) top left no-repeat;
	background-position: 0 0;
	width: 81px;
	}
#affiliates a:hover, #affiliates a:active, #affiliates .selected {
	background-position: 0 -39px;
	}

/* keep rollover active while on dropdown */
#topnav li a:hover,
#topnav li:hover a,
#topnav li.sfhover a {
	background-position: 0 -39px;
	}

/* dropdown list styles */
#topnav li ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 39px;
	background-image: none;
	}

#topnav li > ul {
	top: auto;
	left: auto;
	}

* html #topnav li ul {
	display: block;
	left: -10000px;
	}

/* this rule is for IE-Mac. */
#topnav li.over #topnav li.sfhover {
	border-width: 0;
	}

#topnav li:hover ul, #topnav li.over ul, #topnav li.sfhover ul  { /* lists nested under hovered list items */
	display: block;
	left: 0;
	}

#topnav li ul li {
	margin: 0;
	padding: 0;
	/* for IE 5.x */
	margin-left: -16px;
	display: block;
	float: none;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-left: 1px solid #222222;
	/* Set the border to 0 for IE */
	border-right-width: expression("0");
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: 0;
	margin-top: 3;
	text-align: left;
	}

/* IE 5/6 Hack to fix a 3px gap under main category buttons */
* html #topnav li {
	margin: 0 0 -3px 0;
	}

/* IE 5.01 Hack, because IE 5.01 does not recognize the first style. This is thrown away then the other styles are applied */
#topnav li ul a {
	}

#topnav ul li ul {
	width: 140px;
	}

#topnav ul li ul a {
	color: #FFFFFF;
	background: #3D5549;
	padding: 3px 3px 3px 10px;
	height: auto;
	width: 125px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 125px;
	}

#topnav li ul a:hover {
	background-color: #A6703B;
	color: #FDF5E6;
	}

#leases ul, #leases ul li,
#timber ul, #timber ul li,
#realestate ul, #realestate ul li,
#about ul, #about ul li,
#habitat ul, #habitat ul li,
#contact ul, #contact ul li,
#affiliates ul, #affiliates ul li {
	background-color: #3D5549;
	}

/** Support for the "sfhover-fix.js" **/
* html #topnav ul iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}
/** end **/