body { margin:0; padding:0;	text-align:center;	background: #F4F4EA url(../images/background.jpg) repeat-y center;}

h1, h2, h3, h4, p { margin:0 0 1em 0;}

h1 { font: bold 26px/28px Arial, Helvetica, sans-serif;	color: #A26C2B;}
h2 { font: bold 20px/24px Arial, Helvetica, sans-serif; color: #006699;}
h3 { font: bold 16px/20px Arial, Helvetica, sans-serif;	border-bottom:solid 1px #F47400;}
h4 { font: bold 14px Arial, Helvetica, sans-serif; color:#000000;}

/* Text links */
a:link, a:visited {	color: #F47400;}
a:hover { color: #1F1F1F;	background-color: #DFB786;}

/* Layout Divs */
	
#doc { margin:0 auto; padding:0; text-align:left; width:760px; }
#hd {	height: 113px; background: url(../images/masthead2.jpg) no-repeat;}
	#hd h1 {float:right; width:250px; color:white; font-size:10px; line-height:15px; font-weight:normal; margin:75px 0 0; }

#ft {margin: 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999999;}

#bd {width:740px; padding:20px 0 20px 20px; font: 13px/18px Verdana, Arial, Helvetica, sans-serif;color: #333;}


#centerContent { float: left;width: 458px; margin: 0; padding: 0;}

#sidebar {	float: right;	width: 220px;	margin: 0 0 0 20px;	padding: 0 20px 10px;	background-color: #D7DDE1; }
#sidebar h2 {margin:0 -20px 10px; padding:3px 20px; font: bold 18px/20px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #006699;}
#sidebar p {font-size:85%;}
#sidebar a:link,
#sidebar a:visited {color:#CC6600;}
#sidebar a:hover {color:black;}


/*Top Nav*/
ul#topNav { clear:both; height:24px; margin:2px 0; padding:0; list-style-type:none; background-color:#CA8736;}
ul#topNav li { float:left; margin:0; padding:0;}
ul#topNav li a { display:block; float:left; padding:4px 20px; font: bold 14px/16px Arial, Helvetica, sans-serif; text-decoration:none; color: #FFFFFF; }
ul#topNav li a:hover { color: #FFFFFF;	background-color: #DFB786;}

/* General Info Nav */
ul.localNav { margin:0; padding:0; list-style-type:none;}
ul.localNav li {padding: 0 0 3px 15px;}

/* Footer Nav */
ul#footerNav { margin: 0 -10px;; padding:0; height:30px; list-style-type:none;} 
ul#footerNav li { float:left; margin:0; padding:0;}
ul#footerNav li a { margin:0; padding:3px 10px; font:bold 11px Verdana, Arial, Helvetica, sans-serif;}
ul#footerNav li a:hover { }


/* Tours Index */
#tours {float: left; width:430px; padding: 0 10px 10px; background-color: #FFFFFF;}
#tours h2 { margin:0 -20px 10px; padding: 3px 20px; font: bold 18px/20px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #006699;}
#tours p {padding-left:10px;}

#daytours {}
#tripreports {}

a.register { display:block; margin:10px 0; padding:10px; width:auto; border:solid 1px #F47400; background:#FFFFCC; font-size:122%; font-weight:bold; text-align:center; }
a.register:hover {background:#F47400;}
.promo { font: bold 10px/24px Verdana, Arial, Helvetica, sans-serif;	color: #DFDBCA;}
.caption { font: 9px Verdana, Arial, Helvetica, sans-serif;	color: #666666;}

/*  Tour Page */
div#breadcrumbs {margin-bottom:10px}
h1#tourName {}
h2#tourDeck {font-size:114%; margin:-20px 0 20px; padding:0; line-height:1em; color:#CA8736 ; font-style:italic}
div#tourDate {font-weight:bold;}
div#tourLeader {margin-bottom:10px; font-weight:bold;}
div#tourSummary {margin-bottom:20px;}
div#tourSummary ul li {}
div#tourDetails {}
div#tourDetails span.first {display:block; float:left; color:#003333; font-size:360%; padding:6px 2px 8px 0; background:white; }
div#tourSpeciesList {margin-bottom:20px;}
div#tourItinerary {}

/* Species List */
table#speciesList { margin:0; padding:0; border-collapse:collapse;}
table#speciesList tr td {margin:0; padding:4px 10px; border-bottom:solid 1px #CCCCCC; }
.scientific { font-style:italic}


/* Alpha Drop Shadow */

.alpha-shadow {
  float: left;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(images/shadow2.png) no-repeat left top !important;
  background: url(img/shadow2.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #FFFFFF;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

/* Credit */

a.credit {color:#999;}
a.credit:hover { background:none; color:#888;}
/*Hacks*/

.spacer {clear:both; padding-top:0.05px}

/* clearing */
.clearfloat {clear:both;}
.stretch,	.clear {clear:both; height:1px; margin:0; padding:0; font-size: 15px;	line-height: 1px;	}
.clearfix:after {	content: "."; display: block; height:0; clear: both; 	visibility: hidden;	}
* html>body .clearfix {	display: inline-block; 	width: 100%;	}
	
/* end clearing */

