html {
  overflow: scroll;
}

body {
	font-family: Verdana, Verdana Regular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	background-color: #E6E6E6;
}

td {
	font-family: Verdana, Verdana Regular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

.caption {
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 4px;
}

.caption_image {
	color: #999999;
	font-size: 9px;
	line-height: 1.2em;
	margin-top: 3px;
	margin-bottom: 4px;
}

.caption_science {
	font-size: 11px;
	line-height: 1.2em;
}

.caption_rsvp {
	color: #B75422;
	font-size: 9px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 4px;
}

.caption_ln2 {
	font-size: 12px;
	font-weight:bold;
	line-height: 1.0em;
}


.sponsor {
	font-size: 11px;
	line-height: 1.0em;
}

.rsvp {
	color: #B75422;
	font-weight: bold;
}

.credit {
	font-size: 10px;
	line-height: 1.0em;
}

.bio {
	margin-top:0px;
	margin-left:5px;
	font-size: 12px;
	font-style: italic;
	line-height: 1.3em;
}

.slideshow_caption {
	font-size: 12px;
	margin: 10px;
	color: #FFFFFF;
}

.form_header {
	font-size: 11px;
	margin: 10px;
	color: #333333;
	font-weight: bold;
}

.event_title {
	font-size: 13px;
	font-weight: bold;
}

a.nav {
	font-size: 10px;
	color: #B75422;
	text-decoration: none;
}

a.nav:hover {
	color: #000000;
}

.nav_active {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.nav_sub {
	font-size: 10px;
	color: #B75422;
	text-decoration: none;
}

a.nav_sub:hover {
	color: #000000;
}

.nav_active_sub {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a {
	color: #B75422;
}

a:hover {
	color: #000000;
}

a.nav_sub {
	color: #75746F;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	line-height: 1.0em;
}

a.nav_sub:hover {
	color: #7E99C4;
}

a.nav_sub_active {
	color: #7E99C4;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	line-height: 1.0em;
}

p {
	line-height: 1.5em;
}

p.nohang {
	margin-bottom: 0px;
	margin-top: 0px;
}

p.hang {
	margin-bottom: 0px;
	margin-top: 0px;
	text-indent: 30px;
}

/*
Regarding headers, "top level" headers are orange 20pt Georgia Regular with 0 kerning, and 22 leading. 
These are About, Science, Activities, Volunteer, News, Contact, and Support pages.

I consider Landbird and Waterbird as top level, because these read as introductions to a large source of information to the lower level links.

All other page headers should be tan level two, 16pt Georgia Regular with 0 kerning, and 16 leading. 
In cases such as the Walks section, Walk Information should be tan level two, with Rain Policy, Carpooling and Accessibility set up the way you styled the grey dates on the Activities page. 

Education and events should be treated as level two headers. 
*/

p.hd_org, span.hd_org {
	font-family: Georgia, Times, serif;
	color: #B75422;
	font-size: 20pt;
	letter-spacing:0px;
	line-height: 22pt;
	margin-bottom: 0px;
}


p.hd_tan, span.hd_tan {
	font-family: Georgia, Times, serif;
	color: #897858;
	font-size: 16pt;
	letter-spacing:0px;
	line-height: 1.0em;
	margin-bottom: 0px;
}

p.hd_news {
	font-family: Verdana, Verdana Regular, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	margin: 0px;
	line-height: 1.5em;
}


.landbird {
	color: #B75422;
	font-weight: bold;
}

.landbird_ital {
	color: #B75422;
	font-style: italic;
}



.news_title {
	color: #897858;
	font-weight: bold;
}

.navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.navlist li
{
padding-left: 10px;
background-image: url(http://www.sfbbo.org/images/bullet_arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

ul.nav {
	color: #B75422;
	line-height: 1.0em;
	list-style: none;
	margin-left: 0;
	margin-top: 0px;
	padding-left: 1em;
	text-indent: -1em;
	}
	
li.nav, li.nav_active {
	font-size: 10px;
	margin-bottom: px;
}

li.nav_sub, li.nav_active_sub {
	font-size: 10px;
	margin-bottom: 4px;
}

SELECT {
	font-face: Courier;
	font-size: 11px;
}

.home_calendar_hd {
	font-family: Verdana, Verdana Regular, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #FFFFFF;
	margin-top: 4px;
	margin-left: 5px;
	margin-bottom: 7px;
	font-size: 11px;
	font-weight: bold;
}

.home_calendar_title {
	font-family: Georgia, Times, serif;
	line-height: 1.2em;
	margin-left: 5px;
	font-size: 11px;
	color: #FFFFFF;
}

.home_calendar_time {	
	font-family: Verdana, Verdana Regular, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin-left: 5px;
	margin-bottom: 7px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.home_calendar_location, .home_calendar_full {
	font-family: Verdana, Verdana Regular, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin-left: 5px;
	font-size: 10px;
	margin-bottom: 7px;
	font-weight: bold;
	color: #FFFFFF;
}

.home_calendar_rsvp {
	font-family: Verdana, Verdana Regular, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin-left: 5px;
	font-size: 10px;
	margin-bottom: 7px;
	font-weight: bold;
	color: #000000;
}