/**************************************************/
/*	Preservation Ranch 
*	October 31, 2008
*	Author: Irina Goreva - <igoreva [at] solutionset.com>
*	SolutionSet  http://www.solutionset.com
*		
*	Additional Styles Organization:
*					The Landscape landing page Content Header and Columns
*					Locations Navigation Menu
* 					Locations Map and Thumbnails
* 					Left Column Locations-Overview Content and Images
*					PromoBox Modules 
*							Right Column PromoBox Modules
*
*
*
***************************************************/

a, a:visited {
	color: #4e5c15;
	text-decoration: none;
}
a:hover {
	color: #4e5c15;
	text-decoration: underline;
}
:-moz-any-link:focus {
  outline: none;
}
#content h3 {
	font-family: Georgia, Arial;
	font-size: 28px;
	font-weight: normal;
	color: #4E5C15;
	padding-bottom: 40px;
}
h4,#content .promo h3 {
	color: #4e5c15;
	font-family: Georgia, Arial;
}
h2 {
	font-family: Georgia, Arial;
	color: #738E56;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 20px;
}
span.h6 {
	font-weight:bold;
	color:	#5b3a2d;
}
.promo h6 {
	margin-bottom:	0.5em;
}
/*e.g. for accessibility quick links*/
.hide {
	height: 			0;
	width: 				0;
	overflow: 			hidden;
	position: 			absolute;
}
img, div { behavior: url("/assets/js/iepngfix/iepngfix.htc");}
.hr {
    height: 			1px;
	background: url(../images/hr.gif) left top repeat-x;
	margin:				0 0 16px 0;
}
.topHl {
	background: url(../images/hr.gif) left top repeat-x;
	padding-top:	16px;
}
 /* layout
--------------------------------------------------------------------*/
body#home {
    background-color: #fbfcf1;
}
#container {
	position: relative; 
	margin: 0 auto; /* center, not in IE5 */	
    background: url(../images/bg-body.gif) 0 0 repeat;
    height: auto;
}
#content .yui-b { /*left nav*/
	float:left;		
	width:196px;
	padding: 40px 10px 20px 10px;
}
#content #yui-main .yui-b { /*content*/
	margin-left:217px;
	float:none;
	width:auto; /*20px + 667px + 20px*/
	padding: 25px 20px 0 20px;
}
.yui-g  {
	margin-bottom:2em;
}
.yui-gb {
	margin-bottom:2em;
}
.yui-gc  {
	margin-bottom:2em;
}
/* two col grid */
.yui-gc .yui-u {
	width:197px;
	margin: 0 0 0 20px;
}
.yui-gc .yui-u.first {
	/* EDITED WIDTH: 450px */
	width:650px;
	margin: 0 0 0 0;
}
/* two even col grid */
.yui-g .yui-u {
	width:317px;
	margin: 0 0 0 20px;
}
.yui-g .yui-u.first {
	width:330px;
	margin: 0 0 0 0;
}
/* two col wide grid */
#content.wideVl #yui-main .yui-b { /*content*/
	margin-left:0px;
	float:none;
	width:auto; /*20px + 667px + 20px*/
	padding: 25px 20px 0 20px;
}
#content.wideVl .yui-gc .yui-u.first {
	width:667px;
	margin: 5px 0 0 0;
}

/* three col grid */
.yui-gb .yui-u {
	width:177px;
	padding: 0 0 0 20px; /*IE6 fix for links*/
	margin: 0;
}
.yui-gb .yui-u.first {
	width:273px;
	padding: 0;
	margin: 0;
}

 /* header
--------------------------------------------------------------------*/
#hdr {
    margin: 0;
    width: 100%;
    height: 128px;
    background: url(../images/bg-hdr.gif) center top repeat-x;
	position: relative; 
	z-index: 30;
}
#hdr .yui-t {
	position:			relative;
}
#hdr h1 {
	position: 			absolute;
	top:				31px;
	left:				0;
	margin: 			0; 
}
#hdr h1 a {
	display:			block;
	width:				216px;
	height:				92px;
    outline: 			none;
	text-indent:		-5000px;
	text-decoration:	none;
	background:			url(../images/logo.gif) 100% 0 no-repeat;
}

 /* Site Aids
--------------------------------*/
#siteaids {	
	float: 				left;
	margin:				-18px 10px 0 0;
	list-style-type:	none;
	padding-left:       240px;
}
#siteaids li {
	display:			inline;
}
#siteaids li a,
#siteaids li a:visited {
	margin:				0 0 0 0;
	font-size:			93%;
	color: 				#5b3a2d;
}
 /* Search
--------------------------------*/
#search {
	float: 				left;
	margin:				4px 12px 0 0;	
	padding-left:       664px;
}
#search input.type_text {
	width:				130px;
	height: 			18px;
	_line-height:		18px;
	padding:			0 0 0 5px;
	margin-right: 		4px;
	float: 				left;
	border: 			0;
}
#search input.type_submit {
	width:				18px;
	height:				18px;
    outline: 			none;
	text-indent:		-5000px;
	text-decoration:	none;
	background:			url(../images/btn_search.gif) 0 0 repeat-y;
	cursor:				pointer;
	float: 				left;
	border: 			0;
}
#search input.type_submit:hover {
	background:			url(../images/btn_search.gif) 0 18px repeat-y;
}
 /* Main Nav Setup
--------------------------------*/
#mainnav {
	list-style-type:	none;
	position:			absolute;
	left:				216px;
	top:				31px;
	width:				708px;
	margin: 			0;
}
#mainnav li {
	float: 				left;
	display: 			inline;
	position:			relative;
}
#mainnav li a,
#mainnav li a:visited {
	width: 177px;
	height: 92px;
	display: block;
	text-indent: 		-6000px;
    outline: 			none;
	text-decoration:	none;
	background-image: url(../images/top_nav.png);
	background-repeat: repeat-y;
	background-color: #f1f2e4;
	background-position: 0 0;
	margin-bottom: 6px;
}
#mainnav li.top.hover a,
#mainnav li a:hover,
#mainnav li a.selected {
	background-position: 0 -92px;
}
#mainnav li#landscape a {
     background-position: -177px 0;}
#mainnav li#landscape.hover a,
#mainnav li#landscape a:hover,
#mainnav li#landscape a.selected {
	background-position: -177px -92px;
} 
#mainnav li#tradeOff a {
	background-position: -354px 0;
}
#mainnav li#tradeOff.hover a,
#mainnav li#tradeOff a:hover,
#mainnav li#tradeOff a.selected {
	background-position: -354px -92px;

}

#mainnav li#ourPartners a {
	background-position: -531px 0;
}
#mainnav li#ourPartners.hover a,
#mainnav li#ourPartners a:hover,
#mainnav li#ourPartners a.selected {
	background-position: -531px -92px;

}

/* sub main nav */
#mainnav li ul {
	position:			absolute;
	top: 				93px;
	left:				0px;
	width: 				238px;
	background-color: 		#d1d09e;
	margin: 			 0 0 0;
	padding: 			16px 0 20px 0;
	z-index: 			5000;
	display: none;
}
#mainnav li ul li {
	float: none;
}
#mainnav li ul li a,
#mainnav li ul li a:visited {
	display: block;
	width: 210px;
	height: 17px;
	padding: 6px 14px 6px 14px;
	color: #4e5c15;
	font-size: 108%;
	text-indent: 0px;
	background-image: none;
	background-color: transparent;
	margin-bottom: 0px;
}
#mainnav li ul li a:hover {
	color: #5b3a2d;
	text-decoration: none;
	background-color: transparent;
}
#mainnav li:hover ul, 
#mainnav li.over ul { 
	 /*  display the other topics when
	     their parent is hovered */
	 display: 			block;
	 z-index: 			5000;
}

 /* lhSash subnav 
--------------------------------------------------------------------*/
#lhSash h2 {
	font-size:			108%;
	margin-bottom:		10px;
	color: 				#4e5c15;
}
.subnav {
	list-style-type:	none;
	width:				196px!important;
	margin: 			 0;
}
.subnav ul {
	margin: 			0;
	display: 			none;
}
.subnav li.selected ul {
	display: 			block;
}
.subnav li {
	list-style:			none;
	*height: 1%; /*IE6-7 fix*/
}
.subnav li a,
.subnav li a:visited {
	display: 			block;
	width:				176px;
		background: url(../images/arrow_green.gif) 5px 5px no-repeat;

	padding-left:		20px;
	font-size:			108%;
	color: 				#4e5c15;
	margin-bottom:		10px;
}
.subnav li a:hover,
.subnav li.selected a {	
	background: url(../images/arrow_green.gif) 5px 5px no-repeat;
	text-decoration: none;
	color: 				#5b3a2d;
}
.subnav li.selected li a,
.subnav li.selected li a:visited {
	display: 			block;
	width:				161px;
	padding-left:		35px;
	font-size:			85%;
	color: 				#5b3a2d;
}
.subnav li.selected li a:hover,
.subnav li.selected li a {	
	background: none;
	color: 				#5b3a2d;
}
.subnav li ul li.selected a {
	font-weight:bold;	
}
.subnav li ul li.selected li a {
	font-weight:normal;	
}
/* content
--------------------------------------------------------------------*/
#content {
	background: url(../images/bg-main-nav.gif) left top repeat-y;
	position:relative;
	top:-4px;
	z-index: 10;
}
body#home #content {
	background-image: none;
} 
#content p,
#contant li {
	font-size:	93%;
	line-height: 16px;
} 
#content p.intro {
	font-size: 108%;
	margin-bottom: 20px;
}
#content.bgVl  {
	background: url(../images/bg-main-nav-vl.gif) left top repeat-y;
} 
#content.wideVl  {
	background: url(../images/bg-main-nav-wide-vl.gif) left top repeat-y;
} 
#content.bgVl #yui-main,
#content.wideVl #yui-main   {
	background: url(../images/bg-main-vl.gif) right top no-repeat;
} 
#content.bgImg #yui-main  {
	background: url(../images/visions_bg.png) 217px top no-repeat;
} 
#content.bgImg66 #yui-main  {
	background: url(../images/tradeOff_bg.png) 217px top no-repeat;
} 
#content.bgImg67 #yui-main  {
	background: url(../images/about_bg.png) 217px top no-repeat;
}
#content.bgImg1 #yui-main  {
	background: url(../images/vision_bg1.gif) 217px top no-repeat;
} 
#content.bgImg11 #yui-main  {
	background: url(../images/vision_bg11.gif) 217px top no-repeat;
} 
#content.bgImg2 #yui-main  {
	background: url(../images/vision_bg2.gif) 217px top no-repeat;
} 
#content.bgImg21 #yui-main  {
	background: url(../images/vision_bg21.gif) 217px top no-repeat;
} 
#content.bgImg3 #yui-main  {
	background: url(../images/vision_bg3.gif) 217px top no-repeat;
}  
#content.bgImg31 #yui-main  {
	background: url(../images/vision_bg31.gif) 217px top no-repeat;
} 
#content.bgImg4 #yui-main  {
	background: url(../images/vision_bg4.gif) 217px top no-repeat;
} 
#content.bgImg41 #yui-main  {
	background: url(../images/vision_bg41.gif) 217px top no-repeat;
} 
#content.bgImg5 #yui-main  {
	background: url(../images/vision_bg5.gif) 217px top no-repeat;
} 

/* vision pages */
.color1 h1 {
	font-family: Georgia, Arial;
	font-weight: bold;
	font-size: 15px;
	color: #362F2D;
}
.color1 h2 {
	color: #738E56;
	font-family: Georgia, Arial;
	font-size: 20px;
}
.color1 h4 {
	color:#738E56;
}
.color2 h2 {
	font-family: Georgia, Arial;
	font-weight: bold;
	font-size: 15px;
	color: #362F2D;
}

.color2 h4  {
	color:#7C6984;
	font-family: Georgia, Arial;

}
.color3 h2 {
	font-family: Georgia, Arial;
	font-weight: bold;
	font-size: 15px;
	color: #362F2D;

}
.color3 h4  {
	color:#a88839;
}
.color4 h2 {
	font-family: Georgia, Arial;
	font-weight: bold;
	font-size: 15px;
	color: #362F2D;

}
}
.color4 h4  {
	color:#267071;
}
.color1, .color2, .color3, .color4 {
	min-height: 132px;	
	_height: 132px;	
	position: relative;
}
.yui-gc.color1, .yui-gc.color2 , 
.yui-gc.color3, .yui-gc.color4 {
	margin-bottom: 0;
	padding-bottom: 1em;
	min-height: 100px;	
	_height: 100px;	
}
.yui-gc.color1  .yui-u.first, .yui-gc.color2  .yui-u.first, 
.yui-gc.color3  .yui-u.first, .yui-gc.color4  .yui-u.first {
	padding-left: 120px;
	width:330px;
	min-height: 100px;	
	_height: 100px;	
}
.yui-gc.color1 .yui-u.first {
	background: url(../images/vision_bgd_1.png) 0 0 no-repeat;
}
.yui-gc.color2  .yui-u.first {
	background: url(../images/vision_bgd_2.png) 0 0 no-repeat;
}
.yui-gc.color3  .yui-u.first {
	background: url(../images/vision_bgd_3.png) 0 0 no-repeat;
}
.yui-gc.color4  .yui-u.first {
	background: url(../images/vision_bgd_4.png) 0 0 no-repeat;
}
.videoBox { 
	width: 317px;
	height:	253px;
	/* .color1 is default */
	background: url(../images/visions_bkgd_1.png) 0 0 no-repeat;
}
.color2 .videoBox {
	background: url(../images/visions_bkgd_1.png) 0 0 no-repeat;
}
.color3 .videoBox {
	background: url(../images/visions_bkgd_1.png) 0 0 no-repeat;
}
.color4 .videoBox {
	background: url(../images/visions_bkgd_1.png) 0 0 no-repeat;
}
.videoBox img {
	border: 1px solid #ccc;
	margin: 12px 12px 3px 12px;
	width: 217px;
	height:	162px;
}
.videoBox p {
	width:	220px;
	color: #fff;
	font-size: 108%;
	margin: 0 12px 3px 12px;
}

/* promos
--------------------------------------------------------------------*/
.yui-gc .yui-u .promo {
	margin-left: 20px;
}
.yui-b .promo {
	margin-left: 10px;
	margin-right: 10px;
}
.yui-gc .yui-u .event,
.yui-b .event {
	background: url(../images/hr.gif) left bottom repeat-x;
	padding-bottom:	10px;
	margin-bottom: 20px;
}
.yui-gc .yui-u .event h3,
.yui-b .event h3 {
	background: url(../images/hr.gif) left top repeat-x;
	padding-top:	9px;
}
.yui-gc .yui-u dl,
.yui-b .promo dl,
.yui-b .event p {
	margin: 0;
}
ul.links {	
	margin: 0 0 1em 0;
}
ul.links li {	
	list-style-type:	none;
	margin: 0 0 7px  -20px;
	_height: 1%; /*IE6 fix*/
	font-size: 85%;
	font-weight:bold;	
}
ul.links li a {	
	padding-left: 20px;
	display: block;
}
ul.links li a:hover {	
    background: url(../images/arrow_green_sm.gif) 7px 4px no-repeat;
	text-decoration: none;
}
/* Form Elements
----------------------------------------------------------------------*/
fieldset {
	border: 			none;
}
input.type_text {
	width:				215px;
	_width:				210px;
	padding: 			2px 0px 2px 3px;	
	border:				1px solid #b9b397;
}
textarea.type_text {
	border:				1px solid #b9b397;
	padding: 			2px;	
	width:				330px;
	height: 			72px;
}
textarea.type_text_sm {
	border:				1px solid #b9b397;
	padding: 			2px;	
	width:				213px;
	height: 			72px;
}
input.submit {
	font-weight: 		bold;
	cursor:				pointer;
	border:				0;
	padding:			4px 5px;
	background: 		#f3f3df;
	color:				#666;
	font-size:			93%;
}
input.submit:hover {
	background: 		#596623;
	color:				#fff;
}
input.checkbox,
input.radio {
	_height: 13px;
	_width: 13px;
}
.form .type_text.required,
.form .type_text.invalid {
	border:				1px solid #900;
}
/* Form Layout */
.form {
	font-size:			93%;
}
.form div {
	margin-bottom: 18px;
}
.form div.iefix {
	_height: 1%; /*IE FIX*/
}
.form div div {
	padding: 0;
	margin: 0;
	color:				#900;
}
.form div div span,
.form div div span {
	display:			inline;
	color:				#900;
	font-size:			11px;
}
.form div label {
	font-weight: 		bold;
	cursor:				pointer;
	color: 				#220a01;
	line-height:		160%;
	font-size:			93%;
}
.form div div label {
	font-weight: 		normal;
	color: 				#666;
}

 /* footer
--------------------------------------------------------------------*/
#ftr {
	position:relative;
	top:-8px;
	width:100%;
	height: 30px;
	padding-top: 10px;
	font-size: 93%;
	color: #5b3a2d;
    background: url(../images/bg-ftr.png) center top repeat-x;
	z-index: 30;
}
body#home #ftr {
  background: transparent url(../images/home_footer_background_solid.png) 0 40px repeat-x;
}
div.ftrWrap {
        background: transparent url(../images/bg-ftr.png) 0 40px repeat-x;
	top: -9px;
	padding: 4px 0px 0px 0px;
	background-position: 0px 12px;
	margin: 0px;
	z-index: 0;
	height: auto;
}
#ftr .yui-g {
	margin: 0;
}
#ftr .yui-g .yui-u {
	width:55%;
	margin: 0;
}
#ftr .yui-g .yui-u.first {
	width:45%;
	margin: 0;
}
#shadow-top {
	width:100%;
	height: 4px;
	font-size: 0px;
	background: url(../images/shadow-top.png) left top repeat-x;
	position: relative; 
	z-index: 20;
}
body#home .ftrMatte {
	background: transparent url(../images/home_footer_background.jpg) left 104px no-repeat;
	height: 346px;
}

 /* home page
--------------------------------------------------------------------*/
#home #container {
    background: #e8e8d5 url(../images/bg-body.gif) 0 0 repeat;
}
#home #content {
	/*background: url(../images/home_bgrd.png) left top no-repeat;
	padding: 0 88px;*/
	width: 924px;
	height: 470px;
} 
#home #content .flash {
	background: #4A5915;
}
#home #content .yui-g  {
	margin-bottom:0;
}
/* two even col grid - promos */
#ftr .yui-g#promo .yui-u {
	width: 413px;
	height: 111px;
	margin: 4px 0 20px 0;
	padding: 20px;
	background: url(../images/promo_right_bgrd.gif) left top no-repeat;
	color: #333;
}
#ftr .yui-g#promo .yui-u.first {
	width:413px;
	margin: 4px 18px 20px 0;
	background: url(../images/promo_left_bgrd.gif) left top no-repeat;
}
#ftr .yui-g#promo .yui-u.first p {
	width:172px;
	margin-top:	23px;
}


 /* search results
--------------------------------------------------------------------*/
.ajaxSearch_paging {
	margin: 0 0 1em 0;
	display: block;
}
#content p.ajaxSearch_resultsInfo {
	font-size: 108%;
	margin: 0 0 2em 0;
}
.ajaxSearch_resultLink,
.ajaxSearch_highlight {
	font-weight:bold;
}



/*	Author: Mary Chan - <mchan [at] solutionset.com>	
/* The Landscape landing page Content Header and Columns
***************************************************/
#content #locations-overview span.h3 {
	display: block;
	text-indent: -999em;
	border: none;
	margin: 10px 0 15px 0;
	padding: 0;
}
#content #locations-overview #overview span.h3 {
	background: transparent url(../images/hdr_property.gif) no-repeat 0 0;
	width: 148px;
	height: 26px;
}
#content #locations-overview #forest span.h3 {
	background: transparent url(../images/hdr_revitalized_forest.gif) no-repeat 0 0;
	width: 126px;
	height: 47px;
}
#content #locations-overview #agriculture span.h3 {
	background: transparent url(../images/hdr_sustainable_agriculture.gif) no-repeat 0 0;
	width: 133px;
	height: 52px;
}
#content #locations-overview #recreation span.h3 {
	background: transparent url(../images/hdr_expanded_recreation.gif) no-repeat 0 0;
	width: 122px;
	height: 46px;
}
#content #locations-overview #protected span.h3 {
	background: transparent url(../images/hdr_protected_habitats.gif) no-repeat 0 0;
	width: 110px;
	height: 46px;
}
#content #locations-overview #watershed span.h3 {
	background: transparent url(../images/hdr_gualala_river.gif) no-repeat 0 0;
	width: 153px;
	height: 46px;
}
#content #locations-overview span.h5 {
	display: block;
	font-size: 12px;
	color: #5B3A2D;
	text-indent: -999em;
	background: transparent url(../images/hdr_preservation_ranch.gif) no-repeat 0 0;
	height: 11px;
	width: 117px;
	border: none;
	margin: 0;
	padding: 0;
}
#content #locations-overview h6 {
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	color: #5B3A2D;
	margin: 24px 0 5px;
	text-transform: capitalize;
}
#yui-main #locations-content .yui-gd {
	width: 646px;
	background: #FFFFFD url(../images/bg-landscape-content.gif) repeat-y right top;
	padding: 0 13px 0 11px;
	margin-top: 0;
	min-height: 700px;
	_height: 700px;
}
#locations-content .yui-gd .yui-u {
	float: right;
	width: 412px;
}
#locations-content .yui-gd .yui-u.first {
	float: left;
	width: 206px;
}
#locations-content .yui-gd .yui-u.first ul#locations-overview {
	margin: 0;
	padding: 0;
}
#locations-content .yui-gd .yui-u.first ul#locations-overview li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 93%;
}
#locations-content .yui-gd .yui-u.first ul#locations-overview ul{ /* In case Bulleted List is used within Left Col Content */
	margin: -5px 0 0 16px;
	list-style-type: square;
}
div.content-box-top {
	display: block;
	background: url(../images/bg-landscape-content-top.gif) no-repeat left top;
	width: 670px;
	height: 15px;
	margin-top: 6px;
	_margin-bottom: -1px;
	padding: 0;
}
div.content-box-btm {
	clear: both;
	display: block;
	background: url(../images/bg-landscape-content-btm.gif) no-repeat left top;
	width: 670px;
	height: 30px;
	margin: 0;
	padding: 0;
}

/* Locations Navigation Menu
***************************************************/
ul#locations {
	float: left;
	margin: 4px 0 0;
	padding: 0;
}
ul#locations li {
	background: transparent url(../images/box-drop-shadow.gif) no-repeat 5px 3px;
	line-height: 21px;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
}
ul#locations li a {
	display: block;
	width: 324px;
	line-height: 21px;
	padding-left: 24px;
	outline: 0;
}
ul#locations li a,
ul#locations li a:visited,
ul#locations li a:hover, {
	color: #4E5C15;
	text-decoration: none;
}
ul#locations li a.box-overview, 
ul#locations li a.box-overview:hover {
	background: transparent url(../images/box-overview.gif) no-repeat 7px 5px;
}
ul#locations li a.box-revitalized-forest,
ul#locations li a.box-revitalized-forest:hover {
	background: transparent url(../images/box-revitalized-forest.gif) no-repeat 7px 5px;
}
ul#locations li a.box-sustainable-forest, 
ul#locations li a.box-sustainable-forest:hover {
	background: transparent url(../images/box-sustainable-agriculture.gif) no-repeat 7px 5px;
}
ul#locations li a.box-expanded-recreation, 
ul#locations li a.box-expanded-recreation:hover {
	background: transparent url(../images/box-expanded-recreation.gif) no-repeat 7px 5px;
}
ul#locations li a.box-protected-habitats, 
ul#locations li a.box-protected-habitats:hover {
	background: transparent url(../images/box-protected-habitats.gif) no-repeat 7px 5px;
}
ul#locations li a.box-gualala-river, 
ul#locations li a.box-gualala-river:hover {
	background: transparent url(../images/box-gualala-river.gif) no-repeat 7px 5px;
}
ul#locations li a.box-overview:hover,
ul#locations li a.box-revitalized-forest:hover,
ul#locations li a.box-sustainable-forest:hover,
ul#locations li a.box-expanded-recreation:hover,
ul#locations li a.box-protected-habitats:hover,
ul#locations li a.box-gualala-river:hover
 {
	background-color: #eeeed2;
	text-decoration: none;
}
ul#locations li.selected a.box-overview,
ul#locations li.selected a.box-overview:hover {
	background: transparent url(../images/box-overview.gif) no-repeat 7px -14px;
}
ul#locations li.selected a.box-revitalized-forest,
ul#locations li.selected a.box-revitalized-forest:hover {
	background: transparent url(../images/box-revitalized-forest.gif) no-repeat 7px -14px;
}
ul#locations li.selected a.box-sustainable-forest,
ul#locations li.selected a.box-sustainable-forest:hover {
	background: transparent url(../images/box-sustainable-agriculture.gif) no-repeat 7px -14px;
}
ul#locations li.selected a.box-expanded-recreation,
ul#locations li.selected a.box-expanded-recreation:hover {
	background: transparent url(../images/box-expanded-recreation.gif) no-repeat 7px -14px;
}
ul#locations li.selected a.box-protected-habitats,
ul#locations li.selected a.box-protected-habitats:hover {
	background: transparent url(../images/box-protected-habitats.gif) no-repeat 7px -14px;
}
ul#locations li.selected a.box-gualala-river,
ul#locations li.selected a.box-gualala-river:hover {
	background: transparent url(../images/box-gualala-river.gif) no-repeat 7px -14px;
}
ul#locations li.selected a:hover {
	text-decoration: none;
	background-color: #FFFFFD;
}
ul#locations li.selected a {
	color: #220a01;
}

/* Locations Map and Thumbnails
***************************************************/
#locations-content .yui-gd .yui-u #contact-area-map {
	margin: 0;
	padding: 0;
}
#locations-content .yui-gd .yui-u #contact-area-map li {
	display: block;
	border:	1px solid #CCCCCC;
	margin-bottom: 11px;
	width: 409px;
	height: 240px;
}
#locations-content .yui-gd .yui-u #contact-area-map li#map-property-overview { 
	background: transparent url(../images/map-property-overview.gif) no-repeat left top; 
}
#locations-content .yui-gd .yui-u #contact-area-map li#map-revitalized-forest { 
	background: transparent url(../images/map-revitalized-forest.gif) no-repeat left top; 
}
#locations-content .yui-gd .yui-u #contact-area-map li#map-sustainable-agriculture { 
	background: transparent url(../images/map-sustainable-agriculture.gif) no-repeat left top; 
	}
#locations-content .yui-gd .yui-u #contact-area-map li#map-expanded-recreation { 
	background: transparent url(../images/map-expanded-recreation.gif) no-repeat left top; 
}
#locations-content .yui-gd .yui-u #contact-area-map li#map-protected-habitats { 
	background: transparent url(../images/map-protected-habitats.gif) no-repeat left top; 
}
#locations-content .yui-gd .yui-u #contact-area-map li#map-gualala-river-watershed { 
	background: transparent url(../images/map-gualala-river-watershed.gif) no-repeat left top; 
}
#locations-content .yui-gd .yui-u #contact-area-map li#map-revitalized-forest,
#locations-content .yui-gd .yui-u #contact-area-map li#map-sustainable-agriculture,
#locations-content .yui-gd .yui-u #contact-area-map li#map-expanded-recreation,
#locations-content .yui-gd .yui-u #contact-area-map li#map-protected-habitats,
#locations-content .yui-gd .yui-u #contact-area-map li#map-gualala-river-watershed {
	display: none;
}
#locations-content .yui-gd .yui-u #thumbnails {
	float: right;
	width: 52px;
}
#locations-content .yui-gd .yui-u #thumbnails div {
	margin-bottom: 6px;
	width: 50px;
	height: 50px;
	border:	1px solid #CCCCCC;
}
#locations-content .yui-gd .yui-u #thumbnails #state-ca { background: transparent url(../images/th-ca.gif) no-repeat left top; }
#locations-content .yui-gd .yui-u #thumbnails #zone { background: transparent url(../images/th-zone.gif) no-repeat left top; }
#locations-content .yui-gd .yui-u #thumbnails #zone-recreation { background: transparent url(../images/th-zone-expanded.gif) no-repeat left top; }
#locations-content .yui-gd .yui-u #thumbnails #zone-protected { background: transparent url(../images/th-zone-protected.gif) no-repeat left top; }

#locations-content .yui-gd .yui-u #thumbnails #zone-recreation, 
#locations-content .yui-gd .yui-u #thumbnails #zone-protected {
	display: none;
}

/* Left Column Locations-Overview Content and Images
***************************************************/
li.forest-hide,
li.agriculture-hide, 
li.recreation-hide,
li.protected-hide,
li.watershed-hide {
	display: none;
}
ul#locations-overview img {
	margin: 0 0 10px 0;
}
ul#locations-overview .dropshdw-hor { /* Small images under Current Condition*/
	float: left;
	clear:both;
	background: transparent url(../images/landscape-th-hor-bdg.gif) no-repeat;
	width: 91px;
	height: 67px;
	padding: 6px 8px 6px 4px;
	margin: 0 5px 3px -4px;
	_margin-left: 0px;
	vertical-align:baseline;
}
ul#locations-overview .dropshdw-vert { /* Small images under Current Condition*/
	float: left;
	background: transparent url(../images/sm-img-bg-vert.gif) no-repeat;
	width: 68px;
	height: 92px;
	padding: 4px 5px 6px 4px;
	margin: 0 9px 5px -4px;
	_margin-left: 0px;
}

/* PromoBox Modules 
***************************************************/

#content .promobox {
	background: transparent url(../images/promobox-leftcol-bg.gif) repeat-y;
	width: 200px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#content .promobox div.protected-habitats {
	background: transparent url(../images/illust-wildlife.gif) no-repeat right 17px;
	margin-right: 15px;
	padding: 10px 5px 10px 13px;
}
#content .promobox div.revitalized-forest {
	background: transparent url(../images/illust-evergreens.gif) no-repeat right 25px;
	margin-right: 15px;
	padding: 10px 5px 10px 13px;
}
#content .promobox div.sustainable-agriculture {
	background: transparent url(../images/illust-agriculture.gif) no-repeat right 44px;
	margin-right: 15px;
	padding: 10px 5px 10px 13px;
}
#content .promobox div.expanded-recreation {
	background: transparent url(../images/illust-signpost.gif) no-repeat right 32px;
	margin-right: 15px;
	padding: 10px 5px 10px 13px;
}

#content .promobox div.the-landscape {
	padding: 10px 15px 0px 12px;
}
#content .promobox div.the-landscape .img {
	background: transparent url(../images/stacked-maps.gif) no-repeat 0 0;
	width: 180px;
	height: 141px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#content .promobox p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#content .promobox-top {
	background: transparent url(../images/promobox-leftcol-top.gif) no-repeat;
	height: 10px;
	width: 200px;
	margin-top: 60px;
	padding: 0; 
}
#content .promobox-btm {
	background: transparent url(../images/promobox-leftcol-btm.gif) no-repeat;
	height: 15px;
	width: 200px;
	margin-bottom: 1px;
	padding: 0; 

}
#content .promobox img {
	margin: 10px 0 15px;
}
#content .promobox h1 {
	font-size: 24px;
	color: #5B3A2D;
	font-weight: normal;
	margin-bottom: 15px;
	padding-right: 69px;
}
#content .promobox h2 {
	font-size: 24px;
	color: #5B3A2D;
	font-weight: normal;
}
#content .promobox h3 {
	font-size: 21px;
	color: #4e5c15;
	font-weight: normal;
}
#content .promobox h4 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
}
#content .promobox h5 {
	font-size: 14px;
	font-weight: normal;
	color: #4e5c15;
}
#content .promobox a,
#content .promobox a:visited {
	color: #4e5c15;
	text-decoration: none;
}
#content .promobox a:hover {
	color: #4e5c15;
	text-decoration: underline;
}
				/* Right Column PromoBox Modules 
				***************************************************/
				#content #yui-main .yui-b .yui-gc .yui-u {
				}
				#content #yui-main .yui-b .yui-gc .yui-u .promobox-wrapper {
					margin: 0;
					padding: 0;
					float: right;
				}
				#content #yui-main .yui-b .yui-gc .yui-u .promobox {
					background: transparent url(../images/promobox-rightcol-bg.gif) repeat-y right top;
					width: 186px;
					font: 12px Verdana, Arial, Helvetica, sans-serif;
					color: #333333;
				}
				#content #yui-main .yui-b .yui-gc .yui-u .promobox-top {
					background: transparent url(../images/promobox-rightcol-top.gif) no-repeat 0 0;
					height: 10px;
					width: 186px;
					margin: 0;
					padding: 0;
				}
				#content #yui-main .yui-b .yui-gc .yui-u .promobox-btm {
					background: transparent url(../images/promobox-rightcol-btm.gif) no-repeat 0 0;
					height: 15px;
					width: 186px;
					margin-bottom: 1px;
					padding: 0;
				}
				#content #yui-main .yui-b .yui-gc .yui-u .promobox div.the-landscape {
					padding: 10px;

				}
				#content #yui-main .yui-b .yui-gc .yui-u .promobox div.the-landscape .img {
					background: transparent url(../images/stacked-maps.gif) no-repeat center;
					width: 170px;
					height: 141px;
					margin-left: -4px;
					padding: 0;
					
				}
				

/* Visions Overview Revision
***************************************************/
.voContainer {
	margin-right: auto;
    margin-left: auto;
    clear: both;
}
.voTitle {
	float: left;
    width: 230px;
    /*height: 120px; */
    padding-bottom: 50px;
    margin-right: 40px;
}
.voTitle h1{
	font-size: 28px;
	font-family: Georgia, Arial;
	font-weight: normal;
	color: #4e5c15;
}
.voIntro{
	float: right;
    width: 390px;
    /* height: 120px; */
    padding-bottom: 10px; 
}	
.voIntroP{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #000;
	line-height: 21px;
}
.voHeader{
	font-family: Georgia, Arial;
	font-weight: bold;
	font-size: 15px;
	color: #362f2d;
}
.voSubHeader{
	font-style: italic;
	font-family: Georgia, Arial;
	font-size: 14px;
}
.voSubContainer{
	float: left;
	width: 320px;
	/* height: 230px; */ 
    background: url(../images/hr.gif) left bottom repeat-x;
    margin-left: 6px;
    padding-left: 2px;
    margin-bottom: 50px;
}
.voSubContainerFixed{
	float: left;
	width: 320px;
	height: 201px;  
    background: url(../images/hr.gif) left bottom repeat-x;
    margin-left: 6px;
    padding-left: 2px;
    margin-bottom: 50px;
}
.voSubContainerCol1{
	float: left;
	width: 120px;
}
.voSubContainerCol2{
	float: left;
	width: 194px;
	padding-top: 10px;
}
.voSubContainerCol3{
	float: left;
	width: 298px;
	padding-top: 10px;
}
	

/* Homepage Revision
***************************************************/
.indexContainer{
	height: 111px;
	width: 885px;
	margin: 4px 0 20px 0;
	padding: 20px;
	background-color: #DDD;
    background-image: url(../images/indexContainer.png);
}
.indexCol1{
	float: left;	
	width: 385px;
}
.indexCol1 h1 {
	font-family: Georgia, Arial;
	font-size: 44px;	
	font-weight: normal;
	color: #4e5c15;
	line-height: 48px;
}
.indexCol2{
	float: right;
	width: 500px;
	margin-top: 7px;
}
.indexDescription {
	font-size: 18px;
	font-family: Georgia, Arial;
	color: #362f2d;
	line-height: 22px;
}
/* The Trade Off
***************************************************/
.tradeOffSubHead{
	width: 670px;
}
.tradeHeader{
	font-family: Georgia; Arial;
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
.tradeSubHeader{
	font-style: italic;
	font-family: Georgia, Arial;
	font-size: 14px;
}
.tradeOffSubContainer, .tradeOffSubContainerSocial, .tradeOffSubContainerTitle{
	float: left;
	width: 320px;
    background: url(../images/hr.gif) left bottom repeat-x;
    margin-left: 6px;
    padding-left: 2px;
    margin-bottom: 10px;
}
.tradeOffSubContainer {
	/*height: 170px; */
}
.tradeOffSubContainerNone {
	float: left;
	width: 320px;
    margin-left: 6px;
    padding-left: 2px;
    margin-bottom: 10px;
}
.tradeOffSubContainerTop {
	float: left;
	width: 320px;
    margin-left: 6px;
    background: url(../images/hr.gif) left top repeat-x;
    padding-left: 2px;
    margin-bottom: 10px;
}
.tradeOffSubContainerTopBottom {
	float: left;
	width: 320px;
    margin-left: 6px;
    background: url(../images/hr.gif) left top repeat-x;
    background: url(../images/hr.gif) left bottom repeat-x;
    padding-left: 2px;
    margin-bottom: 10px;
}
.dottedLine {
    background: url(../images/hr.gif) left bottom repeat-x;
    width: 320px;
    height: 10px;
    float: left;
    margin-bottom: 8px;
}
.dottedLinePadded {
    background: url(../images/hr.gif) left bottom repeat-x;
    width: 320px;
    height: 10px;
    float: left;
    margin-bottom: 48px;
}
.tradeOffSubContainerSocial{
	height: 200px;
}
.tradeOffSubContainerTitle{
	height: 30px;
    margin-top: 12px;
}
.tradeOffSubContainerChild{
	float: left;
	width: 305px;
}
.listedItems{
	line-height: 20px;	
}
/* socialNetwork Snippet
***************************************************/
.socialNetworkTitle{
	font-size: 14px;
	font-family: Georgia Arial;
}
/* Forestry updates
***************************************************/
.subStyle{
	font-family: Georgia, Arial;
	font-size: 28px;
	font-weight: normal;
	color: #4E5C15;
	padding-bottom: 40px;
	line-height: 36px;
}
/* About updates
***************************************************/
.logoContainer {
	margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.logoChild {
	float: left;
	width: 33%;
	height: 200px;
	margin-top: 25px;
}
.logoChild img, .logoChildColumn img { 
	display: block; 
	margin-left: auto; 
	margin-right: auto 
}
.logoChildColumn {
	float: left;
	width: 49%;
	height: 200px;
}
A.blue_links:link, A.blue_links:active, A.blue_links:visited, A.blue_links:hover {
   text-decoration: underline;
   color:#4E5C15;
   line-height:16px;
}
/* Headers
***************************************************/
.v1, .v2 {
	font-family: Georgia, Arial;
	color: #5f6c2b;
	font-weight: normal;
	margin-bottom: 5px;
}
.v1 {
	font-size: 22px;
}
.v2 {
	font-size: 24px;
}
/* Our Partners Beta
***************************************************/
.table-top{
	vertical-align:text-top;
}

/*timeline 
 * ************************************************/
 div.box {
	margin-bottom: 5px;
}
.box.timeline {
	width: 924px;
	overflow: hidden;
	position: relative;
	margin-bottom: 0px;
	height: 455px;
}
.box.aperture {
	height: 455px;
	position: relative;
	margin-bottom: 10px;
	padding: 0px;
	overflow: hidden;
}
.box.aperture .apertureItem{
	display: inline-block;
	float: left;
	background: #f9fae6 url(../images/slide_cta_background.png) left bottom no-repeat;
	height: 460px;
	width: 924px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: relative;
}
.box.aperture .apertureItem div.addthis_toolbox {
	float: left;
	margin-left: 25px;
	width: 300px;
}
/* module aperture */
#content .box.aperture .apertureItem div.headline {
	float: left;
	padding: 16px 0px 0px 36px;
	width: 330px;
}
#content .box.aperture .apertureItem h1{
	font-family: Georgia, Arial, sans-serif;
	font-weight: 300;
	color: #4e5c15;
	font-size: 38px;
	line-height: 1.0em;
}
#content .box.aperture .apertureItem h2{
	font-family: Georgia, Arial, sans-serif;
	font-weight: 300;
	color: #362f2d;
	font-size: 15px;
	line-height: .9em;
	margin-bottom: 3px;
}
#content .box.aperture .apertureItem h3{
	font-family: Georgia, Arial, sans-serif;
	font-weight: 300;
	color: #4e5c15;
	margin-top: 10px;
	font-size: 38px;
	line-height: 1.0em;
}
#content .box.aperture div.cta {
	margin-left: 401px;
	margin-top: 24px;
}
#content .box.aperture .apertureItem p{
	font-family: Georgia, Arial, sans-serif;
	font-size: 18px;
	color: #362f2d;
	margin: 0px;
	margin-bottom: 8px;
	line-height: 1.3em;
	padding-right: 30px;
}
#content .box.aperture span.button {
	display: block;
	float: left;
	background: #4e5c15 url(../images/cta_button.png) no-repeat;
	height: 37px;
	width: 141px;
}
#content .box.aperture span.button span {
	display: block;
}
#content .box.aperture span.button a {
	font-family: Georgia, Arial, sans-serif;
	color: white;
	display: block;
	font-size: 19px;
	text-decoration: none;
	width: 141px;
	text-align: center;
	padding-top: 6px;
	margin: 0px;
}
/* module timelineControl */
.box.timelineControl {
	position: relative;
}

/* module shuttle */
.box.shuttle {
	border: solid 1px #666;
	width: 848px;
	height: 10px;
	background-color: transparent;
	margin-left: 38px;
	z-index: 40;
	position: relative;
	margin-bottom: 0px;
}
.box.shuttle .shuttleBox {
	height: 22px;
	width: 30px;
	margin-left: 52px;
	top: -3px;
    position: absolute;
    left: 0px;
	text-indent: -10000px;
	background: transparent url(../images/timeline_shuttle.png) no-repeat;
	z-index:200;
}
.box.control .timelineMark {
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 10px;
	width: 141px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/shuttle_mark.png) 52% 0px no-repeat;
}
.box.control .timelineMark.active {
}

/* module timeAxis */
.box.timeAxis {
	padding-left: 38px;
	height: 92px;
	cursor: pointer;
	background: transparent url(../images/timeline_sprite.jpg) -1px 0px no-repeat;
	height: 92px;
	width: 924px;
}
.box.timeAxis .axisItem {
	background-image: url(../images/timeline_sprite.jpg);
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	top: 0px;
}
.axisItem.item1 {
	background-position: -41px 0px;
	width:133px;
}
.axisItem.item2 {
	background-position: -174px 0px;
	width:146px;
}
.axisItem.item3 {
	background-position: -320px 0px;
	width:145px;
}
.axisItem.item4 {
	background-position: -465px 0px;
	width:145px;
}
.axisItem.item5 {
	background-position: -610px 0px;
	width:161px;
}
.axisItem.item6 {
	background-position: -771px 0px;
	width:137px;
}
.axisItem.item1.active,
.axisItem.item1.hover {
	background-position: -41px -95px;
	width:133px;
}
.axisItem.item2.active,
.axisItem.item2.hover {
	background-position: -174px -95px;
	width:146px;
}
.axisItem.item3.active,
.axisItem.item3.hover {
	background-position: -320px -95px;
	width:145px;
}
.axisItem.item4.active,
.axisItem.item4.hover {
	background-position: -465px -95px;
	width:145px;
}
.axisItem.item5.active,
.axisItem.item5.hover {
	background-position: -610px -95px;
	width:161px;
}
.axisItem.item6.active,
.axisItem.item6.hover {
	background-position: -771px -95px;
	width:137px;
}

/* module timeline nav */
div.box.timelineNav {
	position: absolute;
	top: 150px;
}
div.box.timelineNav.left {
	left: 0px;
}
div.box.timelineNav.right {
	right: 1px;
}
div.box.timelineNav a {
	text-indent: -10000px;
	display: block;
	width: 23px;
	height: 31px;
	background-image: url(../images/arrow_nav_sprite.png);
	background-repeat: no-repeat; 
	text-decoration: none;
}
div.box.timelineNav.left a {
	background-position: 0px 0px;
}
div.box.timelineNav.right a {
	background-position: -23px 0px;
} 
div.box.timelineNav.left.hover a {
	background-position: 0px -31px; 
}
div.box.timelineNav.right.hover a {
	background-position: -23px -31px
}


/* tooltips
***************************************************/
span.tooltip {
	cursor: pointer;
	color: #5B3A2D;
	font-weight: bold;
}
.ui-dialog.toolTip {
	min-height: 100px;
	min-width: 450px;
}
div.toolTipContent {
	background: white;
	border: 1px solid #B8B5B5;
	-webkit-box-shadow: rgba(0,0,0,.8) 0 0 15px;
	-moz-box-shadow: rgba(0,0,0,.8) 0 0 15px;
	box-shadow: rgba(0,0,0,.8) 0 0 15px;
	margin: 0px 50px;
	z-index: 500;
}
div.toolTipContent p.def {
	padding: 10px;
	margin: 10px;
	background: #F1F2E4;
	min-height: 90px;
	color: #4E5C15;
}
span.arrow {
	display: block;
	position: absolute;
	background: transparent url(../images/arrows.png) no-repeat;
	width: 95px;
	height: 204px;
}
span.arrow.left {
	left: 3px;
	clip: rect(0px 48px 68px 0px);
}
span.arrow.right {
	left: 352px;
	clip:rect(0 95px 68px 47px);
}
span.arrow.top {

}
span.arrow.bottom {

}
.prArrow.ne {
	clip:rect(136px 95px 204px 47px);
	right:-32px;
}
.prArrow.nw {
	clip:rect(136px 48px 204px 0);left:-32px;
}
.prArrow.nse {

}
.prArrow.nsw {c
	clip:rect(0 48px 68px 0);left:-32px;
}
.prArrow.xxxnsw {
	clip:rect(-25px, 23px, 500px, 0);
	color:#B9090B;
	left:-7px;
	padding:20px 0 0;
}
.prArrow.se {
	clip:rect(68px 95px 136px 47px);right:-32px;
}
.prArrow.sw {
	clip:rect(68px 48px 136px 0);
	left:-32px;
}



/* Clearfix
***************************************************/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/*test*/