/* Basic Website Styles - Screen Media Type */

/* Color Pallette:
	Green (medium): #577C30;
	Green (rules): #B4CA8B;
	Green (lightest): #DEEAC0;
	Green (background): #547036;
	Dark, Reddish Orange (links) #D54331;
	Orange: #F46632;
	Brown: #511400;
*/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 125%;
	font-family: Verdana, Arial, sans-serif;
}

body {
	font-size: 50%;
	color: #511400;
	background: #547036 url(../_images/_global/backgrounds/bg_body_tile.gif) center top repeat-x;
	padding: 0 0 20px 0;
	text-align: center;
}

a img { border: none; }

div.img_right {
	float: right;
	margin: 0 0 10px 10px;
}
div.img_left {
	float: left;
	margin: 0 10px 10px 0;
}
div.img_left img, div.img_right img {
	border: 1px solid #577C30;
}
div.img_left img.no_border, div.img_right img.no_border {
	border: none;
}
div.img_left p, div.img_right p {
	text-align: center;
	margin: .5em 0 0;
	font: italic 1.1em/1.2 Georgia, serif;
}
li div.img_left p, li div.img_right p, 
dl div.img_left p, dl div.img_right p  {
	font: italic .9em/1.2 Georgia, serif;
}

.no_r_margin {
	margin-right: 0 !important;
}

.center {
	text-align: center;
}

div.horz_rule {
	height: 1px;
	line-height: 0;
	font-size: 0;
	background-color: #B4CA8B;
	margin: 1.5em 0;
}
/*-------------------------------------------
	Structural
-------------------------------------------*/

/* Diagnostic 
div#content {
	background: blue;
}
div#content div#main_col {
	background: orange;
}
div#content div#main_col div.col1 {
	background: yellow;

}
div#content div#main_col div.col2 {
	background: pink;
}
*/

div#outer_wrapper {
	width: 769px;
	margin: 0 auto;
	text-align: center;
}

ul#top_nav {
	height: 19px;
	margin: 5px 0 6px;
}

div#inner_wrapper { /* Holds the drop shadow and content area background color tile */
	clear: both;
	width: 769px;
	background: url(../_images/_global/backgrounds/bg_inner_wrapper_tile.gif) 0px 3px repeat-y;
	border-bottom: 1px solid #547036; /* Firefox 1 needs this to hold div open */
}

div#content_wrapper {
	width: 761px;
	margin: 0 auto;
	text-align: left;
	background: url(../_images/_global/backgrounds/bg_left_col_rule.gif) 0px 0px repeat-y;
}

div#content {
	padding: 15px 0 12px 0;
	padding: 0px 0 12px 0;
	width: 761px;
	background: url(../_images/_global/backgrounds/bg_left_col_tree.gif) 0px 450px no-repeat;
}

div#content div#left_col {
	float: left;
	width: 178px;
	text-align: center;
}

div#content div#main_col {
	float: left;
	display: inline; /* Fixes IE double-margin bug */
	width: 541px;
	padding: 27px 15px 15px 26px;
	border-left: 1px solid #B4CA8B;
	text-align: left;
}
/* Tan Box Model Hack */
* html div#content div#main_col {
	width: 583px; /* For IE5/Win (= width + padding + border) */
	w\idth: 541px; /* For the other IE's that get it right */
}

div#content div#main_col div.row div.col1 {
	float: left;
	display: inline;
	width: 309px;
	margin: 0 26px 0 0;
}

div#content div#main_col div.col2 {
	float: right;
	display: inline;
	width: 205px;
	padding: 0;
	border-left: 1px solid #B4CA8B;
	margin: 0 0 0 26px;
}
/* Tan Box Model Hack */
* html div#content div#main_col div.col2 {
	width: 206px; /* For IE5/Win (= width + padding + border) */
	w\idth: 205px; /* For the other IE's that get it right */
}

div#content div#main_col div.innerCol1 {
	float: left;
	display: inline;
	width: 257px;
	margin: 0 26px 0 0;
}

div#content div#main_col div.innerCol2 {
	float: left;
	width: 257px;
}

div.row {
	clear: both;
}

div.floatBreaker {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Logo
-----------------------------------------------------------------------------------------------------------------------*/

h1#logo {
	height: 186px;
	width: 178px;
	background: url(../_images/_global/stf_logo_left_col_gradient.jpg) top center no-repeat;
	margin: 0 0 34px;
}
h1#logo span, h1#logo a {
	display: block;
	height: 163px;
	width: 178px;
}
h1#logo span, h1#logo a span {
	display: none;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Type
-----------------------------------------------------------------------------------------------------------------------*/

a:link, a:visited {
	color: #D54331;
}

a:hover {
	color: #567931;
}

a.more_link {
	font-size: .9em;
}

h1, h2, h3, h4, h5, h6, p, address, pre, dl {
	margin-bottom: 1em;
}

h1 {
	font: bold 3em/1.3 Georgia, serif;
	margin: .8em 0 .08em;
	color: #511400;
}
h2 {
	font: bold 2em/1.3 Georgia, serif;
	margin: 1.2em 0 .09em;
	color: #577C30;
}
div#press_items h2 {
	font: normal 1.6em/1.3 Georgia, serif;
	margin: 1.2em 0 .2em;
}
div#press_items h2 span.file_details {
	display: inline;
	font-size: .8em;
	font-family: Verdana, sans-serif;
}
h2.pdf {
	background: url(../_images/_global/icon_PDF_small.gif) 0px 4px no-repeat;
	padding-left: 20px;
}
h2.mp3 {
	background: url(../_images/_global/icon_MP3_small.gif) 0px 4px no-repeat;
	padding-left: 20px;
}

h3 {
	font: bold 1.6em/1.3 Georgia, serif;
	margin: .8em 0 .08em;
	color: #D54331;
}
h3 a:link, h3 a:visited {
	text-decoration: none;
}
h3 a:hover {
	text-decoration: underline;
}

p {
	font: 1.2em/1.8 Verdana, sans-serif;
}

p.breadcrumb {
	font: 1em/1.2 Verdana, sans-serif;
	color: #B4CA8B;
}
p.breadcrumb a:link, p.breadcrumb a:visited {
	color: #577C30;
	text-decoration: none;
}
p.breadcrumb a:hover {
	color: #D54331;
}

div#main_col p.intro {
	font: 1.7em/1.6 Georgia, serif;
	color: #8B5A29;
}

p.more {
	font: 1.1em/1.3 Verdana, sans-serif;
}

p.next_page {
	font: 1.1em/1.3 Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-top: 1.5em;
}

p.pagination {
	font: 1.1em/1.2 Verdana, sans-serif;
	margin-top: 2em;
	margin-bottom: 1.5em;
	color: #577C30;
}
p.pagination span.divider {
	color: #B4CA8B;
}

ul { list-style: none; }
div#main_col h1 + ul, div#main_col h2 + ul, div#main_col h3 + ul {
	margin-top: 1em;
}
ul li {
	font: 1.2em/1.8 Verdana, sans-serif;
	padding: 0 0 1em 20px;
	padding: 0 0 .8em 20px;
	background: url(../_images/_global/li_bullet_square.gif) 0px 7px no-repeat;
}

ul li.pdf {
	background: url(../_images/_global/icon_PDF_small.gif) 0px 4px no-repeat;
}

ul li.no_bullet {
	padding: 0 0 .8em 0px;
	background: none;
}
ul li.no_bullet img {
	padding: 10px 0;
}

ul.member_logos {
	text-align: center;
}

ul.member_logos li {
	display: inline;
	padding: 0 0 .8em 0;
	vertical-align: middle;
	background: none;
}

ul.member_logos li a {
	text-decoration: none;
}

ul.member_logos li a img {
	padding: 10px 10px;
	border: none;
}



/* Nested */
ul li ul { 
	margin-top: .8em;
}
ul li ul li { 
	font-size: 1em;
}

ol {
	margin: 0 0 1em 2.5em;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol li {
	font: 1.2em/1.5 Verdana, sans-serif;
	padding: 0 0 .8em 0;
}

/* Footnotes */

div#footnotes {
	margin-top: 2em;
	border-top: 1px solid #B4CA8B;
}
div#footnotes ol {
	margin: 1em 0 1em 2.5em;
}
div#footnotes ol li {
	font: 1em/1.3 Verdana, sans-serif;
	padding-bottom: 1em;
	color: #577C30;
}
div#footnotes ol li a:link, div#footnotes ol li a:visited {
	color: #577C30;	
}
div#footnotes ol li a:hover {
	color: #D54331;
}

/* Color Pallette:
	Green (medium): #577C30;
	Green (rules): #B4CA8B;
	Green (lightest): #DEEAC0;
	Green (background): #547036;
	Dark, Reddish Orange (links) #D54331;
	Orange: #F46632;
	Brown: #511400;
*/

/* Definition Lists */

dt {
	font: bold 1.2em/1.8 Verdana, sans-serif;
	color: #577C30;
}

dd {
	font: 1.2em/1.8 Verdana, sans-serif;
	margin: 0 0 1em 0;
}

dl.timeline {
  width: 100%;
  margin: 1em 0;
	padding: 0;
}

dl.timeline dt {
	width: 15%;
	float: left;
	margin: 0 0 0 0;
	padding: .75em 0;
	border-top: 1px solid #B4CA8B;
}

/* commented backslash hack for mac-ie5 \*/
dl.timeline dt { clear: both; }
/* end hack */

dl.timeline dd {
	float: left;
	width: 84%;
	margin: 0 0 0 0;
	padding: .75em 0;
	border-top: 1px solid #B4CA8B;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Search Results List
-----------------------------------------------------------------------------------------------------------------------*/

ul.search_results_list {
	margin-left: 2em;
	margin-left: 0 !important;
	padding-left: 0 !important;
}
ul.search_results_list li {
	background-image: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}
ul.search_results_list li h2 {
	font-size: 1.2em;
	margin: 0 0 .2em 0;
}
ul.search_results_list li h2 a:link, ul.searchResultList li h2 a:visited {
	text-decoration: none;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Sitemap List
-----------------------------------------------------------------------------------------------------------------------*/

body.sitemap div#main_col div ul li {
	padding-left: 0;
	padding-right: 1.5em;
	background-image: none;
	font-weight: bold;
	margin-top: 1.1em;	
}

/* First Nest */

body.sitemap div#main_col div ul li ul {
	margin-top: .3em;
}

body.sitemap div#main_col div ul li ul li {
	font-weight: normal;
	font-size: .9em;
	padding-bottom: .4em;
	margin-top: 0;
	background: none;
}

/* Second Nest */

body.sitemap div#main_col div  ul li ul li ul {
	margin-bottom: 0;
}

body.sitemap div#main_col div  ul li ul li ul li {
	font-size: 1em;
	font-weight: normal;
	margin-top: 0;
	margin-left: 15px;
	padding-left: 0px;
	background: none;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Tree Tip Index
-----------------------------------------------------------------------------------------------------------------------*/

body#tree_tip_index div.tree_tip_item {
	padding-bottom: 2em;
	border-bottom: 1px solid #B4CA8B;
	margin-bottom: 2em;
}

body#tree_tip_index div.tree_tip_item p {
	margin-bottom: .1em !important;
}

/*-----------------------------------------------------------------------------------------------------------------------
	Treevia Index
-----------------------------------------------------------------------------------------------------------------------*/

body#treevia_index div.treevia_item {
	padding-bottom: 2em;
	border-bottom: 1px solid #B4CA8B;
	margin-bottom: 2em;
}

body#treevia_index div.treevia_item h2 {
	font-size: 1.4em;
	font-style: italic;
}

body#treevia_index div.treevia_item p {
	margin-bottom: .1em !important;
}




/*-----------------------------------------------------------------------------------------------------------------------
	News Index
-----------------------------------------------------------------------------------------------------------------------*/

body#news_index div.newsItem {
	padding-bottom: 2em;
	border-bottom: 1px solid #B4CA8B;
	margin-bottom: 2em;
}

body#news_index div.newsItem p {
	margin-bottom: .1em !important;
}

body#news_index div.newsItem p.itemDate {
	font-size: 1em;
	margin-bottom: 0;
}

p.itemDate + h2 {
	margin-top: 0 !important;
	margin-bottom: .2em !important;
}

body#news_index div.newsItem h3 {
	margin-top: 0;
}


/*-----------------------------------------------------------------------------------------------------------------------
	News Item Detail
-----------------------------------------------------------------------------------------------------------------------*/

body#news_item p.itemDate {
/*
	font-size: 1em;
	margin-bottom: 0;
*/
	margin-top: 1.5em;
}

body#news_item h3 {
	margin-bottom: 1em;
}

/* Color Pallette:
	Green (medium): #577C30;
	Green (rules): #B4CA8B;
	Green (lightest): #DEEAC0;
	Green (background): #547036;
	Dark, Reddish Orange (links) #D54331;
	Orange: #F46632;
	Brown: #511400;
*/



/*-----------------------------------------------------------------------------------------------------------------------
	Event Index
-----------------------------------------------------------------------------------------------------------------------*/

body#event_index div.event_item {
	padding-bottom: 2em;
	border-bottom: 1px solid #B4CA8B;
	margin-bottom: 2em;
}

body#event_index div.event_item p {
	margin-bottom: .1em !important;
}

body#event_index div.event_item p.event_location {
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 0;
}
body#event_index div.event_item p.event_date {
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 1em !important;
}
h2 + p.event_date, 
h2 + p.event_location {
	margin-top: .6em !important;
}

body#event_index div.event_item h3 {
	margin-top: 0;
	margin-bottom: .5em;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Event Detail
-----------------------------------------------------------------------------------------------------------------------*/

body#event_item p.event_location {
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 0;
}
body#event_item p.event_date {
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 1em !important;
}
h2 + p.event_date, 
h2 + p.event_location {
	margin-top: .6em !important;
}

body#event_item h3 {
	margin-top: 0;
	margin-bottom: .5em;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------------------------------------------------------------*/

div#content div#main_col div.sidebar {
	float: right;
	display: inline;
	width: 205px;
	width: 250px;
	padding: 0 0 0 10px;
	border: 1px solid #587C2C;
	background: #CBD6B3;
	color: #587C2C;
	margin: 0 0 10px 26px;
}
/* Tan Box Model Hack */
* html div#content div#main_col div.sidebar {
	width: 216px; /* For IE5/Win (= width + padding + border) */
	w\idth: 205px; /* For the other IE's that get it right */
}
div.sidebar h3 {
	color: #fff;
	background: #587C2C;
	padding: 3px 5px;
	font: bold 1.2em/1.5 Georgia, serif;
	text-transform: uppercase;
	margin-bottom: 1em !important;
}
div.sidebar p, div.sidebar li {
	color: #587C2C;
	font: 1.1em/1.5 Verdana, sans-serif;
	margin-right: 10px;
}
div.sidebar ul.org_list li {
	color: #587C2C;
	font: 1.1em/1.3 Verdana, sans-serif;
	margin-right: 10px;
	background: none !important;
	padding-left: 0px;
	padding-bottom: .6em;
}
div.sidebar li sup a:link, div.sidebar p, div.sidebar li sup a:visited {
	color: #587C2C;
}
div.sidebar li sup a:hover {
	color: #D54331;
}
div.sidebar img {
	border: 1px solid #587C2C;
	margin-bottom: 1em !important;
}
/*-----------------------------------------------------------------------------------------------------------------------
	Tables
-----------------------------------------------------------------------------------------------------------------------*/

div#main_col table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 1em;
}

div#main_col table th, div#main_col table td {
	padding: 8px 20px;
	border-bottom: 1px solid #B4CA8B;
	font: 1.1em/1.3 Verdana, sans-serif;
	text-align: left;
}
div#main_col table tr.odd {
	background: #DEEAC0;
}

/* Comparison Chart */
table.comparison_chart col.benefits {
	width: 82%
}
table.comparison_chart col.comparison {
	width: 3%; 
}
div#main_col table.comparison_chart th.benefits span {
	display: none;
}
div#main_col table.comparison_chart th {
	font-weight: bold;
}
div#main_col table.comparison_chart th, div#main_col table.comparison_chart td {
	padding: 8px 8px;
	text-align: center;
}
div#main_col table.comparison_chart td.benefit {
	padding: 8px 8px;
	text-align: left;
}
div#main_col table.comparison_chart td div span {
	display: none;
}
div#main_col table.comparison_chart td div.yes span {
	display: inline;
}

/* Staff Directory */
col.name {
	width: 52%
}
col.title, col.email {
	width: 22%
}
col.extension {
	width: 4%
}
div#main_col table.staff_directory th {
	text-align: left;
	font-weight: bold;
	font-size: .9em;
}
div#main_col table.staff_directory th.name {
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}
div#main_col table.staff_directory th, div#main_col table.staff_directory td {
	vertical-align: top;
}
div#main_col table.staff_directory td.title {
	font-style: italic;
}

/*-----------------------------------------------------------------------------------------------------------------------
	Greenprint
-----------------------------------------------------------------------------------------------------------------------*/

div.greenprint_benefit_areas div.img_left {
	clear: both;
}

div.greenprint_benefit_areas h3, div.greenprint_benefit_areas ul {
	margin-left: 110px;
}
div.greenprint_benefit_areas h3 {
	margin-top: 0;
}

/*-----------------------------------------------------------------------------------------------------------------------
	Main Navigation Buttons
-----------------------------------------------------------------------------------------------------------------------*/

ul#main_nav {
	list-style: none;
	float: left;
	width: 541px; /* Explicit width needed for Opera 7.11/Win */
	width: 556px;
	height: 12px;
	padding: 4px 0 16px 26px;
	padding: 19px 0 16px 26px;
	border-bottom: 1px solid #B4CA8B;
	border-left: 1px solid #B4CA8B;
	margin-bottom: 0;
	background: url(../_images/_global/backgrounds/top_gradient.jpg) left top repeat-x;
}
/* Tan Box Model Hack */
* html ul#main_nav {
	width: 568px; /* For IE5/Win (= width + padding + border) */
	w\idth: 541px; /* For the other IE's that get it right */
	/* IE5.5/Win doesn't need a box model adjustment for height (!) */
}
ul#main_nav li {
	float: left;
	display: inline;
	height: 12px;
	padding: 0;
	margin-right: 19px;
}
ul#main_nav li a {
	display: block;
	height: 12px;
}
ul#main_nav li a span {
	display: none;
}

/* Learn About Trees */
ul#main_nav li#btn_Learn {
	width: 118px;
	background: url(../_images/_global/main_nav/learn_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Learn a:link, ul#main_nav li#btn_Learn a:visited  {
	width: 118px;
	background: url(../_images/_global/main_nav/learn.gif) no-repeat left top;
}
ul#main_nav li#btn_Learn a:hover {
	width: 118px;
	background: url(../_images/_global/main_nav/learn_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Learn a.selected {
	width: 118px;
	background: url(../_images/_global/main_nav/learn_ON.gif) no-repeat left top;
}



/* Volunteer */
ul#main_nav li#btn_Volunteer {
	width: 62px;
	background: url(../_images/_global/main_nav/volunteer_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Volunteer a:link, ul#main_nav li#btn_Volunteer a:visited  {
	width: 62px;
	background: url(../_images/_global/main_nav/volunteer.gif) no-repeat left top;
}
ul#main_nav li#btn_Volunteer a:hover {
	width: 62px;
	background: url(../_images/_global/main_nav/volunteer_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Volunteer a.selected {
	width: 62px;
	background: url(../_images/_global/main_nav/volunteer_ON.gif) no-repeat left top;
}

/* Become a Member */
ul#main_nav li#btn_Become_Member {
	width: 122px;
	background: url(../_images/_global/main_nav/become_a_member_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Become_Member a:link, ul#main_nav li#btn_Become_Member a:visited  {
	width: 122px;
	background: url(../_images/_global/main_nav/become_a_member.gif) no-repeat left top;
}
ul#main_nav li#btn_Become_Member a:hover {
	width: 122px;
	background: url(../_images/_global/main_nav/become_a_member_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Become_Member a.selected {
	width: 122px;
	background: url(../_images/_global/main_nav/become_a_member_ON.gif) no-repeat left top;
}

/* Tree Hero Awards */
ul#main_nav li#btn_Tree_Hero {
	width: 114px;
	background: url(../_images/_global/main_nav/tree_hero_awards_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Tree_Hero a:link, ul#main_nav li#btn_Tree_Hero a:visited  {
	width: 114px;
	background: url(../_images/_global/main_nav/tree_hero_awards.gif) no-repeat left top;
}
ul#main_nav li#btn_Tree_Hero a:hover {
	width: 114px;
	background: url(../_images/_global/main_nav/tree_hero_awards_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Tree_Hero a.selected {
	width: 114px;
	background: url(../_images/_global/main_nav/tree_hero_awards_ON.gif) no-repeat left top;
}


/* Giving */
ul#main_nav li#btn_Giving {
	width: 43px;
	background: url(../_images/_global/main_nav/giving_ON.gif) no-repeat left top;
	margin-right: 0px;
}
ul#main_nav li#btn_Giving a:link, ul#main_nav li#btn_Giving a:visited  {
	width: 43px;
	background: url(../_images/_global/main_nav/giving.gif) no-repeat left top;
}
ul#main_nav li#btn_Giving a:hover {
	width: 43px;
	background: url(../_images/_global/main_nav/giving_ON.gif) no-repeat left top;
}
ul#main_nav li#btn_Giving a.selected {
	width: 43px;
	background: url(../_images/_global/main_nav/giving_ON.gif) no-repeat left top;
}

/*-----------------------------------------------------------------------------------------------------------------------
	Top Navigation Buttons
-----------------------------------------------------------------------------------------------------------------------*/

ul#top_nav {
	float: left;
	display: inline;
	list-style: none;
	width: 548px; /* explicit width needed for IE5/6 Win */
	margin-left: 29px;
	/* Adjust for removing Greenprint Online link 107px + 12px */
	width: 429px;
	margin-left: 148px;
}
ul#top_nav li {
	float: left;
	display: inline;
	height: 19px;
	margin-right: 12px;
	padding: 0;
}
ul#top_nav li a {
	display: block;
	height: 19px;
}
ul#top_nav li a span {
	display: none;
}

/* Home */
ul#top_nav li#btn_Home {
	width: 38px;
	background: url(../_images/_global/top_nav/home_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Home a:link, ul#top_nav li#btn_Home a:visited  {
	width: 38px;
	background: url(../_images/_global/top_nav/home.gif) no-repeat left top;
}
ul#top_nav li#btn_Home a:hover {
	width: 38px;
	background: url(../_images/_global/top_nav/home_ON.gif) no-repeat left top;
}

/* About Us */
ul#top_nav li#btn_About_Us {
	width: 56px;
	background: url(../_images/_global/top_nav/about_us_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_About_Us a:link, ul#top_nav li#btn_About_Us a:visited  {
	width: 56px;
	background: url(../_images/_global/top_nav/about_us.gif) no-repeat left top;
}
ul#top_nav li#btn_About_Us a:hover {
	width: 56px;
	background: url(../_images/_global/top_nav/about_us_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_About_Us a.selected:link, ul#top_nav li#btn_About_Us a.selected:visited  {
	width: 56px;
	background: url(../_images/_global/top_nav/about_us_SEL.gif) no-repeat left top;
}

/* Programs & Services */
ul#top_nav li#btn_Programs {
	width: 120px;
	background: url(../_images/_global/top_nav/programs_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Programs a:link, ul#top_nav li#btn_Programs a:visited  {
	width: 120px;
	background: url(../_images/_global/top_nav/programs.gif) no-repeat left top;
}
ul#top_nav li#btn_Programs a:hover {
	width: 120px;
	background: url(../_images/_global/top_nav/programs_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Programs a.selected:link, ul#top_nav li#btn_Programs a.selected:visited  {
	width: 120px;
	background: url(../_images/_global/top_nav/programs_SEL.gif) no-repeat left top;
}

/* News */
ul#top_nav li#btn_News {
	width: 36px;
	background: url(../_images/_global/top_nav/news_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_News a:link, ul#top_nav li#btn_News a:visited  {
	width: 36px;
	background: url(../_images/_global/top_nav/news.gif) no-repeat left top;
}
ul#top_nav li#btn_News a:hover {
	width: 36px;
	background: url(../_images/_global/top_nav/news_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_News a.selected:link, ul#top_nav li#btn_News a.selected:visited  {
	width: 36px;
	background: url(../_images/_global/top_nav/news_SEL.gif) no-repeat left top;
}

/* Events */
ul#top_nav li#btn_Events {
	width: 42px;
	background: url(../_images/_global/top_nav/events_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Events a:link, ul#top_nav li#btn_Events a:visited  {
	width: 42px;
	background: url(../_images/_global/top_nav/events.gif) no-repeat left top;
}
ul#top_nav li#btn_Events a:hover {
	width: 42px;
	background: url(../_images/_global/top_nav/events_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Events a.selected:link, ul#top_nav li#btn_Events a.selected:visited  {
	width: 42px;
	background: url(../_images/_global/top_nav/events_SEL.gif) no-repeat left top;
}

/* Greenprint Online */
ul#top_nav li#btn_Greenprint {
	width: 107px;
	background: url(../_images/_global/top_nav/greenprint_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Greenprint a:link, ul#top_nav li#btn_Greenprint a:visited  {
	width: 107px;
	background: url(../_images/_global/top_nav/greenprint.gif) no-repeat left top;
}
ul#top_nav li#btn_Greenprint a:hover {
	width: 107px;
	background: url(../_images/_global/top_nav/greenprint_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Greenprint a.selected:link, ul#top_nav li#btn_Greenprint a.selected:visited  {
	width: 107px;
	background: url(../_images/_global/top_nav/greenprint_SEL.gif) no-repeat left top;
}

/* Contact Us */
ul#top_nav li#btn_Contact {
	width: 65px;
	background: url(../_images/_global/top_nav/contact_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Contact a:link, ul#top_nav li#btn_Contact a:visited  {
	width: 65px;
	background: url(../_images/_global/top_nav/contact.gif) no-repeat left top;
}
ul#top_nav li#btn_Contact a:hover {
	width: 65px;
	background: url(../_images/_global/top_nav/contact_ON.gif) no-repeat left top;
}
ul#top_nav li#btn_Contact a.selected:link, ul#top_nav li#btn_Contact a.selected:visited  {
	width: 65px;
	background: url(../_images/_global/top_nav/contact_SEL.gif) no-repeat left top;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Top Search Form
-----------------------------------------------------------------------------------------------------------------------*/
.top_search_form {}

.top_search_form fieldset {
	border: solid 0 transparent; /* For Opera */
}
.top_search_form legend, .top_search_form label {
	display: none;
}
.top_search_form input.searchInput {
	height: 17px;
	width: 128px;
	border: 1px solid #B4CA8B;
	vertical-align: middle;
	margin: 5px 5px 0 0;
}

.top_search_form input.top_search_btn {
	vertical-align: middle;
	margin: 5px 0px 0 0;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Right Col Sidebar
-----------------------------------------------------------------------------------------------------------------------*/

/* Featured Content */

div.featured_content {
	padding: 0 0 12px 9px;
	border-bottom: 1px solid #B4CA8B;
}
div.featured_content img {
	max-width: 190px; /* Not bulletproof, but might help in some browser when CMS loads over-sized image */
	margin: 0 0 10px 0;
}
div.featured_content h3 {
	font: bold 1.1em/1.3 Georgia, serif;
	color: #577C30;
	margin-bottom: .3em;
}
div.featured_content h4 {
	font: bold 1.1em/1.3 Verdana, sans-serif;
	color: #511400;
	margin-bottom: .3em;
}
div.featured_content p {
	font: 1em/1.3 Verdana, sans-serif;
}
div.tree_counter img {
	margin: 0 !important;
}
div.tree_counter h3 a:link, div.tree_counter h3 a:visited {
	color: #567931;
}

div.tree_counter h3 a:hover {
	color: #D54331;

}

/* News */

div#news_list {
	padding: 12px 0 12px 12px;
	border-bottom: 1px solid #B4CA8B;
}
h3#hdl_3_news span {
	display: none;
}
h3#hdl_3_news {
	background: url(../_images/headline_3/news.gif) no-repeat left top;
	height: 9px;
	width: 39px;
	margin-top: 12px;
	margin-bottom: 12px;
}
div#news_list h4 {
	font: bold 1.1em/1.4 Verdana, sans-serif;
}
div#news_list h4 a:link, div#news_list h4 a:visited {
	color: #577C30;
}
div#news_list h4 a:hover {
	color: #D54331;
}
div#news_list p {
	font: 1em/1.2 Verdana, sans-serif;
	margin-bottom: .3em;
}


/*-----------------------------------------------------------------------------------------------------------------------
	Tree Tip Banner
-----------------------------------------------------------------------------------------------------------------------*/

div#tree_tip_banner {
	clear: both;
	float: left;
	border: 1px solid #577C30;
	background: #fff url(../_images/_global/backgrounds/bg_tree_tip_banner.gif) repeat-x left top;
	padding: 0 15px 10px;
	width: 496px;
}
div#tree_tip_banner h3 span {
	display: none;
}
div#tree_tip_banner h3 {
	float: left;
	background: url(../_images/home/tree_tip.gif) no-repeat left top;
	height: 89px;
	width: 90px;
	margin: 0px 18px 0 0;
}
div#tree_tip_banner h4 {
	font: bold 1.4em/1.3 Georgia, serif;
	color: #511400;
	margin: 15px 0 .3em;
}
div#tree_tip_banner h4 a:link, div#tree_tip_banner h4 a:visited {
	color: #511400;
	text-decoration: none;
}
div#tree_tip_banner h4 a:hover {
	color: #D54331;
	text-decoration: none;
}
div#tree_tip_banner p {
	font: 1.1em/1.4 Verdana, sans-serif;
	color: #577C30;
	margin: 0 0 .3em;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Acorn Club Banner
-----------------------------------------------------------------------------------------------------------------------*/
div#acorn_club_banner {
	margin: 0 7px 29px;
}
div#acorn_club_banner h5 {
	background: url(../_images/_global/acorn_club_banner_ON.gif) no-repeat left top;
	height: 146px;
	width: 164px;	
}
div#acorn_club_banner h5 a:link, div#acorn_club_banner h5 a:visited {
	display: block;
	background: url(../_images/_global/acorn_club_banner.gif) no-repeat left top;
	height: 146px;
	width: 164px;	
}
div#acorn_club_banner h5 a:hover {
	display: block;
	background: url(../_images/_global/acorn_club_banner_ON.gif) no-repeat left top;
	height: 146px;
	width: 164px;	
}
div#acorn_club_banner h5 a span, 
div#acorn_club_banner p {
	display: none;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Treevia Banner
-----------------------------------------------------------------------------------------------------------------------*/

div#treevia_banner {
	border: 1px solid #577C30;
	background: url(../_images/_global/backgrounds/bg_tree_tip_banner.gif) repeat-x left top;
	padding: 0 5px 10px;
	width: 138px;
	margin: 0 auto;
}
div#treevia_banner h3 span {
	display: none;
}
div#treevia_banner h3 {
	float: left;
	background: url(../_images/home/treevia.gif) no-repeat center top;
	height: 47px;
	width: 138px;
	margin: 0px auto 11px;
}
div#treevia_banner h4 {
	font: bold 1.4em/1.3 Georgia, serif;
	color: #511400;
	margin: 15px 0 .3em;
}
div#treevia_banner h4 a:link, div#treevia_banner h4 a:visited {
	color: #511400;
	text-decoration: none;
}
div#treevia_banner h4 a:hover {
	color: #D54331;
	text-decoration: none;
}
div#treevia_banner p {
	font: 1.1em/1.4 Verdana, sans-serif;
	color: #577C30;
	margin: 0 0 .3em;
}



/*-----------------------------------------------------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------------------------------------------------*/

div#footer  {
	background: url(../_images/_global/backgrounds/bg_dropshadow_bot.gif) top center no-repeat;
	padding: 18px 0 0;
	text-align: center;
}
/*
div#footer ul {
	list-style: none;
	margin-bottom: 4px;
}
div#footer ul li {
	font-size: 1.1em;
	display: inline;
	padding: 0 26px 0 0;
	background: none;
}
div#footer ul li.last_li {
	padding: 0 0px 0 0;
}
div#footer ul li a:link, div#footer ul li a:visited {
	color: #CADBA2;
}
div#footer ul li a:hover {
	color: #F46632;
}
div#footer ul li.selected a:link, div#footer ul li.selected a:visited {
	color: #FFBD19;
}

div#footer p {
	color: #9DB177;
	font-size: .9em;
	margin-top: 8px;
}
*/

/*-----------------------------------------------------------------------------------------------------------------------
	Expanded "Robust" Footer
-----------------------------------------------------------------------------------------------------------------------*/
div#footer h6 {
	font: bold 1.4em/1.2 Georgia, serif;
	color: #C3D7A4;
	margin: 0 0 .5em 0 !important;
}
div#footer h6 a:link, 
div#footer h6 a:visited {
	color: #C3D7A4;
	text-decoration: none;
}
div#footer h6 a:hover {
	color: #fff;
	text-decoration: none;
}
div#footer h6.alt a:link, 
div#footer h6.alt a:visited {
	color: #fff;
	text-decoration: none;
}
div#footer h6.alt a:hover {
	color: #C3D7A4;
	text-decoration: none;
}
div#footer p a:link, 
div#footer p a:visited {
	color: #fff !important;
	text-decoration: none !important;
}
div#footer p a:hover {
	color: #C3D7A4 !important;
	text-decoration: underline !important;
}
/* Row 1 */
div#footer div#footer_row_1 {
	float: left;
	padding: 3px 0 0;
}
div#five_mil_campaign {
	float: left;
	width: 380px;
	text-align: center;
}
/*
div#five_mil_campaign img {
	margin: 0 0 10px 0;
}
*/
div#five_mil_counter {
	width: 224px;
	height: 40px;
	margin: 0 auto 10px;
}
div#nominate_tree_hero {
	float: left;
	width: 303px;
	padding: 0 0 0 77px;
}
div#nominate_tree_hero img {
	float: left;
	width: 83px;
	margin: 0 24px 0 0;
	border: 1px solid #3E5B1B;
}
div#nominate_tree_hero div {
	float: left;
	width: 118px;
}
div#nominate_tree_hero div h6 {
	margin: 2px 0 .5em 0 !important;
}
div#nominate_tree_hero div p {
	font-size: 1.1em;
	line-height: 1.4;
}

/* Row 2 */
div#footer div#footer_row_2 {
	float: left;
	width: 761px;
	border-top: 1px solid #3C5919;
	border-bottom: 1px solid #3C5919;
	background: url(../_images/_global/footer/row_2_bg.jpg) left bottom repeat-x;
	padding: 6px 0 5px;
	margin: 0;
}
div#mailing_list_signup_wrapper {
	float: left;
}
div#footer div#footer_row_2 label {
	display: block;
	float: left;
	font: bold 1.4em/1.2 Georgia, serif;
	color: #C3D7A4;
	margin: 0;
	padding: 2px 12px 0 14px;
}
div#footer div#footer_row_2 input {
	vertical-align: middle;
}
div#footer div#footer_row_2 input.email_input {
	height: 17px;
	width: 163px;
	border: 1px solid #B4CA8B;
	margin-top: 2px;
}
div#footer div#footer_row_2 input.submit_btn {
	margin-top: 1px;
}
div#social_media_wrapper {
	float: right;
	margin: 0 15px 0 0;
}
div#social_media_wrapper h6 {
	float: left;
	margin: 0 !important;
	padding: 2px 0 0 !important;
}
div#social_media_wrapper img {
	float: left;
	vertical-align: middle;
	margin-left: 9px;
}
img#facebook_icon {
	margin-right: 24px;
}
/* Row 3 */
div#footer_row_3 {
		padding: 0;
}
div.footer_col_1, 
div.footer_col_2, 
div.footer_col_3, 
div.footer_col_4 {
	float: left;
	background: url(../_images/_global/footer/row_3_div.jpg) top right no-repeat;
	padding: 15px 17px;
	text-align: left;
}
div.footer_col_1 {
	width: 160px;
}
div.footer_col_2 {
	width: 138px;
}
div.footer_col_3 {
	width: 157px;
}
div.footer_col_4 {
	width: 170px;
	background: none;
}
div#footer_row_3 div ul {
	margin: 0;
	padding: 0;
}
div#footer_row_3 div li {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 1.1em;
}
div#footer_row_3 div li a:link, 
div#footer_row_3 div li a:visited {
	color: #fff;
	text-decoration: none;
}
div#footer_row_3 div li a:hover {
	color: #C3D7A4;
	text-decoration: none;
}
/* Row 4 */
div#footer_row_4 {
	width: 761px;
	border-top: 1px solid #3C5919;
	border-bottom: 1px solid #3C5919;
	background: url(../_images/_global/footer/row_4_bg.jpg) left bottom repeat-x;
	padding: 9px 0;
	margin: 0;
	text-align: center;
}
div#footer_row_4 ul  {
	margin: 0 0 0 10px;
	text-align: center;
}
div#footer_row_4 ul li {
	display: inline;
	font-size: 1em;
	background: none;
	padding: 0 7px 0 0 !important;
}
div#footer_row_4 ul li.last_item {
	padding: 0 0px 0 0;
}
div#footer_row_4 ul li a:link, 
div#footer_row_4 ul li a:visited {
	color: #D6E5B3;
	text-decoration: none;
}
div#footer_row_4 ul li a:hover {
	color: #fff;
	text-decoration: none;
}
/* Row 5 */
div#footer div#footer_row_5 {
	margin: 0;
	padding: 0;
	width: 761px;
}
div#footer div#footer_row_5 p {
	color: #84A45C;
	font-size: .9em;
	margin: 13px 14px 20px;
	padding: 0;
	text-align: right !important;
}
div#footer div#footer_row_5 p a:link, 
div#footer div#footer_row_5 p a:visited {
	color: #84A45C !important;
	text-decoration: none;
}
div#footer div#footer_row_5 p a:hover {
	color: #fff !important;
	text-decoration: none;
}
		

/*-----------------------------------------------------------------------------------------------------------------------
	Image Replaced Headlines
-----------------------------------------------------------------------------------------------------------------------*/
h1 span, h2 span, h2 a span, h3 span, h3 a span, h4 span, h4 a span {
	display: none;
}

h1#hdl_1_neighborwoods {
	background: url(../_images/headline_1/neighborwoods.gif) left top no-repeat;
	height: 28px;
	width: 232px;
}
h1#hdl_1_trees_in_our_region {
	background: url(../_images/headline_1/trees_in_our_region.gif) left top no-repeat;
	height: 28px;
	width: 296px;
}
h1#hdl_1_red_maple {
	background: url(../_images/headline_1/red_maple.gif) left top no-repeat;
	height: 28px;
	width: 159px;
}

h2#hdl_2_activities {
	background: url(../_images/headline_2/activities.gif) no-repeat left top;
	height: 17px;
	width: 85px;
}
h2#hdl_2_help_needed {
	background: url(../_images/headline_2/help_needed.gif) no-repeat left top;
	height: 17px;
	width: 115px;
}
h2#hdl_2_contact {
	background: url(../_images/headline_2/contact.gif) no-repeat left top;
	height: 17px;
	width: 67px;
}

h4#hdl_4_neighborwoods {
	background: url(../_images/headline_3/neighborwoods.gif) no-repeat center top;
	height: 8px;
	width: 126px;
	margin: 0 auto 9px;
}
h4#hdl_4_neighborwoods a {
	display: block;
	height: 8px;
	width: 126px;
}
h4#hdl_4_learn_about_trees {
	background: url(../_images/headline_3/learn_about_trees.gif) no-repeat center top;
	height: 8px;
	width: 146px;
	margin: 0 auto 9px;
}
h4#hdl_4_learn_about_trees a {
	display: block;
	height: 8px;
	width: 146px;
}

h4#ways_you_can_get_involved {
	background: url(../_images/_global/headlines_sm/ways_you_can_get_involved.gif) no-repeat center top;
	height: 20px;
	width: 141px;
	margin: 0 auto 9px;
}
h4#ways_you_can_get_involved a {
	display: block;
	height: 20px;
	width: 141px;
}


/*-----------------------------------------------------------------------------------------------------------------------
	Left Column Navigation (incl. "Ways You Can Get Involved" Program List)
-----------------------------------------------------------------------------------------------------------------------*/

div#left_col_nav {
	padding: 0px 10px 20px;
	text-align: center;
}

div#left_col_nav h4 {
	background-repeat: no-repeat;
}
div#left_col_nav h4 a {
	display: block;
	height: 20px;
	width: 158px;
}

div#left_col_nav div.rule {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 6px 0;
	background: url(../_images/_global/left_col_horz_rule.gif) no-repeat center top;
}

div#left_col_nav h5 {
	font: bold 1.2em/1.3 Georgia, serif;
	color: #511400;
	margin-bottom: .2em !important;
}
div#left_col_nav h5 a:link, div#left_col_nav h5 a:visited {
	color: #511400;
	text-decoration: none;
}
div#left_col_nav h5 a:hover {
	color: #D54331;
	text-decoration: none;
}
div#left_col_nav h5 a.selected:link, div#left_col_nav h5 a.selected:visited {
	color: #F46632;
	text-decoration: none;
}

div#left_col_nav h6 {
	font: bold 1em/1.2 Verdana, sans-serif;
	color: #577C30;
	margin-bottom: .2em;
}
div#left_col_nav h6 a:link, div#left_col_nav h6 a:visited {
	color: #577C30;
	text-decoration: none;
}
div#left_col_nav h6 a:hover {
	color: #D54331;
	text-decoration: none;
}
/*
h5 + h6, h6 + h6 {
	margin-top: .8em;
}
*/

div#left_col_nav h5 + div#left_col_nav h6 {
	margin-top: 0 !important;
}
h6 + h6 {
	margin-top: .8em !important;
}

/*-----------------------------------------------------------------------------------------------------------------------
	Left Column Banner
-----------------------------------------------------------------------------------------------------------------------*/
div.left_col_banner {
	margin: 0 0 29px;
}

div.sidebar_banner {
	margin: 0 7px 29px;
	background: #fff;
	border: 1px solid #B4CA8B;
	padding: 0 5px 7px;
}
div.sidebar_banner h2 {
	font-size: 1.5em;
}
div.sidebar_banner h3 {
	font-size: 1.3em;
	margin-bottom: .7em;
}
div.sidebar_banner p {
	font-size: 1.1em;
	line-height: 1.3;
}
/*-----------------------------------------------------------------------------------------------------------------------
	Tree Detail Page
-----------------------------------------------------------------------------------------------------------------------*/
p.pagination {
	font: 1em/1.2 Verdana, sans-serif;
	margin-top: 2em;
	margin-bottom: 1.5em;
	color: #577C30;
}
h1 {
	margin-top: 0 !important;
}
div.tree_profile_detail_imgs {
	float: right;
	display: inline; /* Fixes IE double-margin bug */
	width: 192px;

	margin: 0 0 10px 10px;
}
div.tree_profile_detail_imgs div img {
	border: 1px solid #577C30;
}
div.tree_profile_detail_imgs_main {
	width: 190px;
}
div.tree_profile_detail_imgs_thumbs a  {
	text-decoration: none; /* protects against inadvertent underline from unwanted white-space inserted by CMS */
}
div.tree_profile_detail_imgs_thumbs img, 
div.tree_profile_detail_imgs_thumbs a img {
	float: none;
	width: 89px;
	margin: 10px 6px 0px 0;
}
div.tree_profile_detail_imgs_thumbs img { border: 1px solid #577C30;}
div.tree_profile_detail_imgs_thumbs img.no_r_margin, 
div.tree_profile_detail_imgs_thumbs a img.no_r_margin {
	margin-right: 0 !important;
}

div.detail_image {
	margin: 20px 0;
}



/* Events */

div#events_calendar {
	padding: 12px 0 12px 15px;
}
h3#hdl_3_events_calendar span {
	display: none;
}
h3#hdl_3_events_calendar {
	background: url(../_images/headline_3/events_calendar.gif) no-repeat left top;
	height: 8px;
	width: 134px;
	margin-top: 12px;
	margin-bottom: 12px;
}
div#events_calendar p {
	font: 1em/1.2 Verdana, sans-serif;
	margin-bottom: .3em;
}

.datepicker
{
	width: 192px;
	border: 1px solid #577c30;
	margin: 12px 0;
	width: 180px;
}
.datepicker table#picker
{
	background: #d2e2ad;
}
.datepicker table#picker th, .datepicker table#picker td
{
	margin: 0;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #deeac0;
	padding: 2px;
}
.datepicker table#picker th a, .datepicker table#picker td a
{
	text-decoration: none;
}
.datepicker table#picker th
{
	font-weight: bold;
}
.datepicker table#picker .monthnav th
{
	font-weight: normal;
	border-bottom: 1px solid #577c30;
}
.datepicker table#picker .daynav th
{
	background: #c6d89c;
	color: #577c30;
}
.datepicker table#picker td
{
	background: #fff;
}
.datepicker table#picker td a
{
	color: #333;
}
.datepicker table#picker td.weekend
{
	background: #d2e2ad;
}
.datepicker table#picker td.outofmonth
{
	color: #deeac0;
}
.datepicker table#picker td.outofmonth a
{
	color: #deeac0;
}
.datepicker table#picker td.event
{
	background: #f46632;
	color: #fff;
}
.datepicker table#picker td.event a
{
	color: #fff;
}
.datepicker table#picker td.today
{
	background: #ffbd19;
	font-weight: bold;
	color: #fff;
}
.datepicker table#picker td.today a
{
	color: #fff;
}

.editorsNote {
	background-color: yellow !important;
}