body	{
  scrollbar-face-color: #336600;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #99B27F;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #99B27F;
	scrollbar-track-color: #99B27F;
	scrollbar-arrow-color: #99B27F;
  background-color: #FFFFFF; 
  color: #000000; 
  margin: 0;
	padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


.pretty, a, textarea, input, .info p, .info h2, .info h3, .info h4,
table.news th, .faq, #trailheads, #maps ol, #neighborhoods ul, 
#members ul, #signage, .x-small, #parks ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.error {
  color: #FF0000;
}

.x-small a {
  font-weight: bold;
}

a         {text-decoration: none;}
a:link    {color: #336600;}
a:active  {color: #99B27F;}
a:visited {color: #336600;}
a:hover   {
  color: #4C4C4C; 
  text-decoration: underline;
}

.bold-links a {
  font-weight: bold;
}

div.button {
	background-color: #DCD7B0;
	border-radius: 25px;
	margin-right: 10px;
	padding: 5px;
	font-size: 1.2em;
	width: 200px;
	text-align: center;
	margin: 20px auto 0;
}

div.button a {
	font-weight: bold;
	background-color: #DCD7B0;
}



.wayfinding {
	width: 160px;
}

.no-bold-links a {
  font-weight: normal;
}

.email	{
  font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border-color: #000000;
	border: 1px #000000 groove
	}

textarea, input {
	font-size:12px;
	}


.caption {
	font-style: italic;
	padding-top: 10px;
}

.figure {
	width: 300px;
}

.main {
  width: 700px;
}

.content-main, table.sign-up, #members {
  width: 660px;
}

.main-third {
  width: 200px;
}

#calendar {
	padding-top: 20px;
	width: 98%;
}

#calendar td {
	padding-bottom: 10px;
	vertical-align: top;
	margin-left: 0;
}

#calendar td:first-child {
	width: 105px;
	padding-right: 20px;
  vertical-align: middle;
}

#calendar td:first-child p {
  text-align:center;
}

#calendar td:nth-child(2) {
	width: 500px;
	padding-right: 80px
}

#neighborhoods p, #parks p {
  margin-bottom: 15px;
  text-align: left;
}

#neighborhoods td.main-third ul,
#parks td.main-third ul {
  text-align: left;
  list-style: none;
  list-style-type: none;
}

#parks th, #neighborhoods th {
	font-size: 1em;
	color: #747673;
	padding-bottom: 10px;
}

.styleless {
  list-style: none;
  list-style-type: none;
}

.summary-info {
  font-style: italic;
}

#table-of-contents {
  padding-left: 0;
  list-style: none;
  list-style-type: none;
}

#table-of-contents li {
  margin-bottom: 5px;
}

table.sign-up {
  margin-top: 25px;
  padding: 3px;
}

table.sign-up tr:nth-child(2) {
  vertical-align: middle;
}

table.sign-up td {
  width: 1%;
}

table.sign-up td:nth-child(3) {
  width: 98%;
}

table {
  border: 0; 
  border-spacing: 0;
}

tr.top-nav, #members tr:first-child {
  vertical-align: top;
}


table.right.side {
  padding: 5px;
}

table.left.side {
  width: 400px;
}



#members, #neighborhoods, #memorabilia, #volunteer, 
#partners-funders, footer, #parks {
  margin-top: 25px;
}

.bump {
	padding-top: 20px;
}




table.main {
  margin-left: auto;
  margin-right: auto;
  width: 700px; 
  border: 0; 
  border-spacing: 0;
	
}

table.main th, td, tr {
  padding: 0;
	margin: 0;
	
}

.main.side {
   width: 330px;
   float: none;
}

.main.lefted.side {
   color: #CCCCCC;
}

.update {
	width: 100%;
	margin-bottom: 20px;
	font-size: .7em;
	font-weight: 600;
}

.update-content {
	line-height: 140%;
}

.update h5 {
	font-size: 0.7em;
	font-weight: bold;
	background-color: #F6E04E;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: right;
	font-style: italic;
}


.update-content ol li {
	padding-bottom: 5px;
}

.update-sublist {
	padding-top: 10px;
	list-style: lower-alpha;
}

 button h2 {
	 display: inline;
	 padding: 5px 10px;
	 background-color: #336600;
	 color: #fff;
	 font-size: .9em;
	 font-weight: bold;
	 border-radius: 25px;
	 text-transform: uppercase;
	 margin-left: 1em;
	
}

table.sub {
  border: 0;
  border-spacing: 0; 
	margin: 0;
	padding: 0;
	
	
}

table.sub th, td, tr {
  padding: 0;
	margin: 0;
	
}

table.sub td {
	padding-top: 10px;
	border-left: 1px solid #000000
}

table.news th {
	background-color: #99B27F;
	width: 246px;
	color: white;
	font-size: medium;
}

table.trailheads {
	width: 65%;
	float: left;
	margin-right: 20px;
	font-size: medium;
}

table.trailheads td, table.trailheads th{
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	background-color: #FFF8DC;
	padding-bottom: 5px;
	border-bottom: thin solid #cccccc;
}

table.trailheads th {
	color: #787777;
	padding: 10px;
	font-size: 85%;
}

table.kiosk th {
	color: #787777;
	padding: 10px;
	font-size: 85%;
}

table.trailheads td a {
	font-weight: bold;
	font-size: 0.8em;
}


table.kiosk {
	width: 30%;
	float: right;
}

table.kiosk td, table.kiosk th{
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	background-color: #FFF8DC;
	padding-bottom: 7px;
	border-bottom: thin solid #cccccc;
}



table.kiosk td a {
	font-weight: bold;
	font-size: .8em;
}





a.nav img {
 
  border: 0;
  height: 19px;
}




a.nav {
	font-size: 85%;
	padding-left: 10px;
	padding-right: 10px;
	
}


.nav-bar {
  width: 2px;
}

.nav-bar img {
  height: 38px;
}

.vert-buffer {
  width: 700px;
  height: 20px;
}

div.vert-buffer {
  height: 30px;
  width: 50px;
}

.horz-buffer {
  width: 20px;
}

.horz-buffer img {
  height: 1px;
}

#fill-top {
  height: 101px;
}

.logo-top {
  width: 388px;
}

.img-top {
  height: 110px; 
}

.img-top-right {
  width: 312px;
}

#img-top-left {
  width: 204px;
  height: 38px;
}

.info p, .info ol, .info ul, table.news th, .info a {
  font-size: small; 
}


h1 {
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: normal;
	color: #AAAFA9;
	letter-spacing: 2px;
	margin-top: 0;
	padding-top: 10px;
	/*padding-bottom: 5px;
	border-bottom: #AEB2AD 1px solid;*/
}

h2  {
  font-size: 1em;
	color: #747673;
}



h3 {
	font-size: .9em;
	color: #747673;
  
}

h4 {
	font-size: .8em;
	color: #747673;
  
}

.info #members h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.info p {
  margin-top: 0;
}



.center {
  margin-left: auto;
  margin-right: auto;
}

.centered {
  text-align: center;
}

img.girls {
	margin-right: 40px;
}
.left {
  float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.lefted {
  text-align: left;
}

.right {
  float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.righted {
  text-align: right;
}



.clear {
  clear: both;
}

.clear_left {
  clear: left;

}

.clear_right {
  clear: right;

}

.img-link {
  width: 180px;
  height: 32px;
  border: 0;
  margin-left: 20px;
  margin-right: 20px;
}

.img-link-big, .img-link-big img {
  display: block;
  width: 214px;
  height: 72px;
  border: none;
  margin: 25px auto 0 auto;

}


.img-small-horz {
  width: 200px;
  height: 150px;
}

.img-small-vert {
  width: 150px;
  height: 200px;
}

.faq, #trailheads {
  font-size: small;
}

.faq li {
  margin-bottom: 2px;
}

ul.benefits {
	
	
}

ul.benefits li {
	padding-bottom: 5px;
	
}

.x-small h2, .x-small h3, #trailheads h3 {
  font-size: small;
  margin: 1px;
}

.x-small, .x-small p, ol.x-small {
  font-size: x-small;
}

.flush, .flush-top {
  margin-top: 0;
}

.flush-bottom {
  margin-bottom: 0;
}

.not-flush {
  margin-top: 10px;
}

.question {
  font-style: italic;
}



.answer {}

.book-small {
  width:125px; 
  height:183px; 
  border: 0;
}

.brochure-small {
  width: 240px; 
  height: 185px; 
  border: 0;
  margin-bottom: 10px;
}

.facebook {
	margin: 0 10px;
}

.gateways-small {
  width: 125px;
  height: 64px;
  border: 0;

}

.gateways-logo {
	width: 125px;
margin-left: auto;
	margin-right: auto;
	
}

.panel-map-small {
  width: 194px; 
  height: 150px; 
  border: 0;
} 

.panel-map {
	width: 194px;
	margin-left: auto;
	margin-right: auto;
}

.sign-up img {
  width: 318;
}

.sign-up td input[type="image"] {
  width: 88px; 
  height: 16px;
}



#maps {
	border: 1px solid #B7B9B7;
	padding: 10px;
	font-size: 90%;
	background-color: #F9F8EA;
	margin: 10px 0;
}

#maps ol, #signage {
	text-align: left;
  counter-reset: item;
  margin-right: 0;
	margin-bottom: 20px;
	padding-left: 0;
  padding-right: 0;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	
}

#maps li, #signage li {
  display: block;
  margin-bottom: 2px;
  margin-right: 0;
  font-weight: bold;
	
}

#maps li:before, #signage li:before {
  display: inline-block;
  content: counter(item) " - ";
  counter-increment: item;
  margin-right: 0;
  color: #336600;
  font-weight: bold;
	
}


	

/* For Images in the Partners and Funders page*/

#AATE_Logo {
 width: 168px;
 height: 137px; 
}

#ACI_Logo {
 width: 290px;
 height: 195px;
}

#AH_Logo {
 width: 290;
 height: 289;
}

#CHES_Logo {
 width: 253;
 height: 100; 
}

#ED_Logo {
 width: 185;
 height: 72; 
}

#HCM_Logo {
 width: 250;
 height: 42; 
}

#HSBC_Logo {
 width: 150;
 height: 55; 
}

#LOPGA_Logo {
 width: 290;
 height: 91; 
}

#KOR_Logo {
 width: 290;
 height: 59; 
}

#MTA_Logo {
 width: 290;
 height: 138; 
}

#REI_Logo {
 width: 290;
 height: 219; 
}

#SMC_Logo {
 width: 229;
 height: 75; 
}

#SHA_Logo {
 width: 155;
 height: 76; 
}

#TDC_Logo {
 width: 290;
 height: 45; 
}

.news-img {
  border: 1px solid gray;
  width: 100%;
}

.half {
  width: 50%;
}

.left {
  float: left;
}


/* End Partners and Funders*/

/*Donate*/
ul.donate {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px;
	
	
}

ul.donate li {
	display: inline;
	background-color: #256810;
	border-radius: 25px;
	margin-right: 10px;
	padding: 5px 8px;
	font-size: 1.2em;
	
}

ul.donate li a {
	
	color: #FFFFFF;
	
	
}

/*drop down*/
.flip {
    padding: 5px;
    text-align: center;
	
	
}

.panel {
    padding: 50px;
    display: none;
	 text-align: left;
}