/* Content stylesheet for leaseown.org */
/* Susan Bernstein, sbernstein @ tnc.org, 2007 */
/* sitenav.css -- accompanies sitenav.dwt template, which is applied to content */

/* Always show vertical scroll so that page doesn't move horizontally when menu is expanded or collapsed. Needed for FireFox; this is IE's default */
html {overflow: scroll;}	 

body, img {
	border: 0;
	padding: 0;
	margin: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#e4decd; /*lightest sand (dbd3bc) at 75% transparent */
	text-align:center;
}
#wrapper { 
	margin: 0 auto;
	width: 1000px;
	text-align:left;
/*	background:url(../images/fakecolumns_blue.gif) repeat-y;*/
	background:url(../images/fakecolumns.gif) repeat-y;
}
h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;	/* more specific contexts can override color */
}
a	{
	text-decoration: none;
}
a:link {
color: rgb(0,130,169);	/* marine */
}
a:visited {
color: rgb(25,45,82);	/* indigo */
}
a:hover {
	text-decoration: underline;
	}

#header {
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	height: 100px;
	}

#header img {
	display: block;
}
.clearright	{
	clear: right;
	}
.clearleft	{
	clear: left;
	}
.clear	{	/* Use on div at end of div that is being cleared */
	clear: both;
	}
	
/*=== ONE and TWO divs are PREV and NEXT, GUIDENEXT is link on bottom of each Field Guide page ===*/
#one {left: 650px; position: absolute; display:inline;}
#two {left: 800px; position: absolute;display:inline;}
#one a:link, #one a:visited, #one	a:hover, #one a:active {
	background-image: url(../images/arrow_new_left.gif); background-repeat:no-repeat; 
	background-position:center left;
	padding-left: 24px; color: #fbffe3; /* icicle at 100% bright*/
	}
#two a:link, #two a:visited, #two	a:hover, #two a:active {
	background-image: url(../images/arrow_new_right.gif); background-repeat:no-repeat;
	background-position:center right;
	padding-right: 24px; color: #fbffe3; /* icicle at 100% bright*/
	}
#pagecontent p#guidenext {
	background-image: url(../images/arrow_new_right_fg.png); background-repeat:no-repeat;
	background-position:center left;
	margin-left: 10px;padding-left: 35px;
	}

/* ================================================================================*/
	
#toplinks	{
	top: 0px;left:0; position: relative;
	width: 1000px;
	height: 23px;/*20px;*/padding-top: 2px;
	font-size: /*80%;*/75%;
	background-color:#aaac9f;	/* 	modified grey */
	color: #fbffe3; /* icicle at 100% bright*/
 }

#toplinks a	{
/*	text-decoration:underline;*/
	font-weight:bold;
	}
#toplinks a:link, #toplinks a:visited, #toplinks a:active  {
	color: #fbffe3; /* icicle at 100% bright*/
	}
#toplinks a:hover {
	color: #f2e9d0;		/* sand 1 at 95% bright*/
	}
#toplinks div {margin: 3px 0 2px 0;}

#toplinks div.navcontrol {
	left: 2px; position: absolute; margin-left:20px;max-width: 200px;display:inline;
/*	font-size: 100%;*/
	white-space: nowrap;
	}
#toplinks div.crumb	{
	left: 206px;
	position: absolute;
	margin-left:30px;
	min-width: 500px;
	display:inline;
	white-space: nowrap;
	}	
#toplinks div.helpplus	{ /* whatever is in the upper right nav */
	left: 930px; position: absolute; display:inline;
	text-align: right;
	white-space: nowrap;
	}

	
#leftbar	{
/* 	top:100px;	change: now starts right under header */
/*	position:absolute;*/
	width: 200px;	/* fixed width */
	float: left;
	/*background-color: #aaac9f;	 	modified grey */
	z-index:100;
	padding: 0;
}

#leftbar p {
	}
#leftbar h2, #leftbar h3 {
	padding-left: 10px;
	padding-right: 10px;
	color: rgb(9, 92, 34);	 /* mallard */
	}
#leftbar h2 {
	font-size: .8em;
	padding-bottom: .6em;
	}
#leftbar h3 {
	font-size: .7em;
	padding-bottom: .5em;
	}
#leftbar span.attention {	
	color: #A84019;	/* TNC Rust */
	}


span.left {
  float: left;
  text-align: left;
	color:#36402d;	/* everglade at 25% brightness */
  width: 49%;
 	padding-top: 4px;
 }

span.right {
  float: right;
  text-align: right;
	color:#36402d;	/* everglade at 25% brightness */
  width: 49%;
	padding-top: 4px;
  }


.hide {display: none;}
	

#content {		/* use this to hold page content controlled by content template*/
	top:120px;
/*	left: 200px;*/
	width: 80%;
/*	position:absolute;*/ /* either pos'n absolute, or float right, must be used */
	float: right; /* this works in IE */
	padding: 0;
	margin: 0;
	z-index:1;/* bkgrd img underlies topbuttons when they are used*/
		}

#footer {	
	clear: both; /* replace with div.clear inserted at end of prior container? */
	height: 30px;
	z-index:300;
	height: 35px; padding-top: 3px;
	font-size: 11px; line-height: 1.35; padding-bottom:2px;
	color: #a5997f;		/*sand 3 at 65% bright*/
	background-color: white; border-top: 1px solid #e4decd; /*lightest sand (dbd3bc) at 75% transparent */
	margin-left: 200px; text-align:center;
}
#footer a:link, #footer a:visited, #footer a:active  {
	color: #a5997f;		/*sand 3 at 65% bright*//*#fbffe3;  icicle at 100% bright*/
	text-decoration: underline; font-weight:bold;
	}
#footer a:hover{
	color:  #7f7662;		/*sand 3 at 50% bright*//*#f2e9d0;		 sand 1 at 95% bright*/
	text-decoration: underline;
	}
#footer .right {float:right;margin-right: 10px;}
.copyright {
	font-size: 9px; line-height: 2;
	}
#printfooter, #printheader {
	display: none;
	}
/* ------ for new test version ------- */
div.right {float: right;}
div.left {float:left;}
#footer.test {padding-top:0;}