/* 
   css Copyright © 2005-2012 Karelia Software. All rights reserved.
   css released under Creative Commons License  - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners and are licensed separately. 
*/

/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}

/* Navigation arrows */
div.text-navigation { text-align:center; margin-bottom:1em;}
div.text-navigation div { display:inline; margin:0px 0.5em; }
.collection-navigation .disabled-navigation { text-indent:-5000px; }

/* 2.0 wrap compatibility. 2.0-compatible designs can further adjust these if they need */
.wide { display:block; }

.narrow.left {   /* Some designs won't respect without !important */
    float:left!important;
    clear:left!important;
}
.narrow.right {
    float:right!important;
    clear:right!important;
}

.wide.left .graphic, img.wide.left { margin-left:0px; margin-right:auto; }
.wide.center .graphic, img.wide.center { margin-left:auto; margin-right:auto; }
.wide.right .graphic, img.wide.right { margin-left:auto; margin-right:0px; }

.ImageElement.left { text-align:left; }
.ImageElement.center { text-align:center; }
.ImageElement.right { text-align:right; }

/* Captions should align themselves with the graphic */
.graphic-container.left .caption { text-align:left; }
.graphic-container.center .caption { text-align:center; }
.graphic-container.right .caption { text-align:right; }

/* Inline iframes need to display as a block to layout right */
.graphic iframe { display:block; }

/* Pagelet photo grids should be generally be auto width (some 1.x designs hardcoded an exact width) */
.pagelet .photogrid-index { width:auto; }

/* For content like amazon which forces white background. Design SHOULD set color for A tag and text color. */
.whiteBackground
{
	background-color:white;
}

.article-info
{
	margin-bottom:1em;
}
 
/* Firefox reduce dotted lines on links */
.photo-navigation a:focus, .replaced a:focus {overflow:hidden;}

/* Disqus correction to prevent overflow scroll bars in some designs */
#dsq-content { overflow:hidden; }
#dsq-content .dsq-auth-header { width: auto!important; }
#dsq-content .dsq-by { margin: 4px 6px 0px 0px; }
#dsq-content .dsq-by a, #dsq-content .dsq-by a:hover { border: 0px none; }
#dsq-content h3 { margin:0px; }

/* Site menus. Don't wrap the top level items, and wrap sub-menu items normaly. */
#sitemenu-content ul li {white-space: nowrap}
* html #sitemenu-content ul li {white-space: normal}
*:first-child+html #sitemenu-content ul li {white-space: normal}
#sitemenu-content ul ul li {white-space: normal}
#sitemenu-content span.in { position: relative; }

/*
	Based on nivo-slider.css and Nivo Slider Default Theme, version 2.7 and 2.7.1.
*/

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	margin-right:8px;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.nivo-dots, .nivo-numbers {
    margin-bottom:30px;
}

.nivoSlider {
	position:relative;
	background:#fff url(nivo-images/loading.gif) no-repeat 50% 50%;
	-webkit-box-shadow: 0px 1px 5px 0px rgb(128,128,128);
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgb(128,128,128);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 0px rgb(128,128,128);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
}

.nivo-dots .nivo-controlNav {
	position:absolute;
	right:0;
    height:16px;
	bottom:-24px;
	border:none;
}

.nivo-numbers .nivo-controlNav {
	position:absolute;
	bottom:-24px;
}

.nivo-thumbs .nivo-controlNav {
	position:absolute;
	left:8px;
}

.nivo-dots .nivo-controlNav a {
	display:block;
	width:16px;
	height:16px;
	background:url(nivo-images/bullets.png) no-repeat;
	text-indent:-9999px;
	margin-right:3px;
	float:left;
	border: 0px none !important;
}

.nivo-dots .nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(nivo-images/arrows.png) no-repeat;
	text-indent:-9999px;
	border: 0px none !important;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
    color:#fff;
}

.nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin:0 !important;
	border:none !important;
	padding:0 !important;
	-webkit-box-shadow: 0px 1px 5px 0px rgb(128,128,128);
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgb(128,128,128);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 0px rgb(128,128,128);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}

.photogrid-index-bottom { clear:left; }

.HTMLElement { overflow:hidden; }

/*
	Based on ColorBox 1.3.19 example1.  Changes:
		changed "colorbox/" to "colorbox/"
		removed background:url line for #cboxOverlay
        added color to #cboxError
*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;color:red;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* 
   css Copyright © 2005-2012 Karelia Software. All rights reserved.
   css released under Creative Commons License 
        - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/

a img { border: none; }

/* General styles  */

.hidden { display:none; }
.clear	{
	position: relative;
	clear: both;
	height: 0;
	}

/* Images embedded in text.  "narrow" are 200 pixels wide or smaller. */
.narrow {
	display:block;
	float:left;
	clear: left;
	margin:5px 10px 5px 0;
}

.wide {
	display:block;
	clear:both;
	position: relative;
	margin:0 0 0 9px;
	padding: 0;
}
.narrow.left{
	margin:5px 10px 5px 0;
}
.narrow.right{
	margin:5px 0 5px 10px;
}

/* Block Level formatting, more or less in descending order */

body {
	padding: 0;
	margin: 0;
	font-size: 76%;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	word-wrap:break-word;
}

/* special fonts for headings */
h1, h2 {
	font-family:Monotype Corsiva, Apple Chancery, Times, serif;
}

h4, h5, h6 {
	margin: 0em 0em 0.8em 0em;
	font-size: 100%;
}

/* photo-page, html-page (in some cases), iframe-page don't have sidebar */
body.no-sidebar {
	background: #4e614e url("BodyBGcolorImage.gif") repeat-y center;
}
/* Most other pages have sidebars */
body.allow-sidebar {
	background: #4e614e url("bodyBGImage.gif") repeat-y center;
}

		#page {
			position: relative;
			margin: auto;
			padding: 0;
			width: 748px;
			text-align: left;
			background: url("ForestHeaderBGImage.jpg") no-repeat;
		}

			#page-top {
				position: relative;
				margin: 0;
				padding: 0;
				width: 748px;
				min-height: 90px;
				height:220px;
			}

				#title {
					color: #ff9;
				}

					h1 {
					position: relative;
					margin: 0;
					padding: 14px 0 15px 9px;
					font-weight: normal; 
					font-size:2em;
					overflow:hidden;
					line-height:21px;
					}

						h1 a {
							text-decoration: none;
							color: #ff9;
							font-weight:normal;
						}

					#title img {
						float: right;
						margin:0;
						padding: 5px;
					}
					#title p {
						position: relative;
						margin: 0;
						padding: 0 0 0 10px;
					}

				#sitemenu {
					position: relative;
					margin: 4px 0 0;
					padding: 0;
					color: #0ff;
					font-size: .9em;
				}

					#sitemenu-content {
						position: relative;
						margin: 0;
						padding: 1px ;
					}

						#sitemenu-content ul {
							position: relative;
							margin: 0px;
							margin-left:9px;
							padding: 0;
							list-style: none;
						}

						#sitemenu-content li {
							position: relative;
							display: inline;
							margin: 0;
							margin-right: 9px;
							font-weight: normal;
						}
						
							#sitemenu-content ul li ul {
								background: #4e614e;
							}
							
							#sitemenu-content ul li ul li span.in {
								padding-right: 16px;
							}

							#sitemenu-content .currentPage, 
							#sitemenu-content .currentParent {
								color: #fff;
							}

							#sitemenu-content a {
								text-decoration: none;
							}

							#sitemenu-content a:link,
							#sitemenu-content a:visited {
								color: #a3e5a3;
							}

							#sitemenu-content .currentParent > a:link,
							#sitemenu-content .currentParent > a:visited {
								color: #fff;
							}

							#sitemenu-content a:hover,
							#sitemenu-content a:focus,
							#sitemenu-content a:active {
								text-decoration: underline;
							}
							#sitemenu-content ul li ul li span.in{
	border-bottom:solid 1px #ddd !important;
}
							
							*:first-child+html #sitemenu-content > ul > li.hasSubmenu > span.in > .submenu-indicator,
							*:first-child+html #sitemenu-content > ul > li.hasSubmenu > a > span.in > .submenu-indicator {
								top: -3px;
							}

			#page-content {
				float: left;
				margin: 0 !important;
				margin: -12px 0 0;
				padding: 0;
				width: 748px;
				background: url("sidebarBodyBGImage.png") no-repeat;
				z-index: -1; /* necessary, to ensure #page-content doesn't cover submenus in IE 6/7 */
			}
			.no-sidebar #page-content {
				margin: 0;
				background: #9bc29b url("PhotoBodyBGImage.png") no-repeat;
			}

				#sidebar {
					position: absolute;
					top: 205px;
					left: 0;
					margin: 0;
					padding: 126px 4px 0px 4px ;
					width: 206px;
				}

				    .pagelet {
						margin: 0;
						padding: 0;
						color: #fff;
					    overflow:hidden;
					    word-wrap: break-word;
					}
					
					#sidebar .pagelet.bordered {
						border:3px #ff9 solid;
					}
					#sidebar h5.index-title{ margin:0;}

					#main .pagelet.bordered {
						border:3px #4e614e solid;
						margin:0px 0px 0px 5px;
					}
					
					.pagelet.bordered + .pagelet.bordered {
						margin-top:10px!important;
					}
					
					
				    	#sidebar h4, #sidebar h5, #sidebar h6 {
							position: relative;
							margin:0px;
							margin-top:1em;
							padding: 2px 4px 4px 4px;
							color: #ff9;
							font-size: 1em;
							font-weight:normal;
				    	}
						#sidebar p, .pageletIntroduction {
							margin: 1em 0;
							padding: 0 5px 0 5px;
						}
						
					blockquote {
						margin: 0px 0px 0px 5px;
						border-left: 1px solid #ff9;
						font-style: italic;
					}
					
					.article blockquote p, .no-callouts blockquote p, blockquote p {
						padding-left: 5px;
					}
					
				#main {
					position: relative;
					margin: 0 0 0 214px;
					padding: 0 8px 54px 10px;
					min-height: 400px;
				}
				.no-sidebar #main {
					position: relative;
					margin: 0;
					padding: 100px 0 54px;
				}
					 a {
						color: #ff9;
						text-decoration: none;
						font-weight:bold;
					}
					 a:hover {
						color: #fff;
						text-decoration: underline;
					}
					.no-sidebar #main h2 {
						position: relative;
						margin: -25px 0 0 0;
						padding: 1em 55px;
						text-align: center;
						}
						
					.allow-sidebar #main h2 {
						margin: 0;
						padding: 54px 0px 9px;
					}
					#main h2 {
						padding: 2px 0px;
						color:  #4e614e;
						font-weight:normal;
						font-size:2em;
					}

						.article, no-callouts {
							position: relative;
							margin: 0;
							padding: 0;
							width: 516px;
							clear: right;
						}
						
						.no-sidebar .article, .no-sidebar .no-callouts {
							width:668px;
							padding:0px 40px;
						}

							h3 {
								margin: 0;
								padding: 2px 0px;
								color: #4e614e;
								font-weight:normal;
								font-size:1.7em; 
							}
							
							h3 a {
								font-weight:normal;
							}
							
							.article-thumbnail {
								position: relative;
								float:left;
								margin: 5px 10px 5px 0;
								clear:left;
							}
							

							.article-content {
								padding: 0 0px;
							}
							
							.article-info {
								clear:right;
								margin-left: 18px;
							}
														
							.article p, .no-callouts p {
								margin: 1em 0;
								padding: 0 0px;
							}
							
							.callout {
								position: relative;
								float: right;
								padding: 0;
								margin: 0;
								width: 211px;
							}
							.callout p {
								margin: 0;
								padding: 0.5em 4px 1em 5px;
								font-size: .9em;
								color: #000;
							}
							.callout h4 {
								margin:0;
								padding: 1em 0;
								text-align: center;
								color: #4e614e;
								font-size: 1em;
							}

			#page-bottom {
				position: relative;
				margin: 0;
				padding: 8px 8px 8px 225px;
				text-align: right;
				clear: both;
				color: #666;
				font-size: .8em;  
				font-family:Helvetica, Arial, sans-serif;
			}

				#page-bottom p {
					margin:1px 0px;
				}
				
.text-navigation #previous-photo, .text-navigation #next-photo, .text-navigation  #photo-list, .text-navigation a, .text-navigation a:hover{
	background:none!important;
	font-weight:bold;
	text-decoration:none;
}


/* Used on Photo Grid Pages ... */
.photogrid-index {
	text-align:center;
	position: relative;
	margin: 1em 30px;
	padding: 0;
	/*float:left;*/
}

/* IE Hack (needed to prevent index from disappearing) */
/* Hides from IE5-mac \*/
.photogrid-index {
	margin: 1em 26px;
}
/* End hide from IE5-mac */

.photogrid-index a {
	color:#4e614e;
	text-decoration:none;
}

.photogrid-index a:hover  {
	text-decoration:underline;
}

.gridItem {
	position: relative;
	width:145px;
	height:180px;
	float: left;
	margin: 10px 3px;
}

.gridItem h3 {
	color: #4e614e;
	font-weight: normal;
	font-size:1em;
	overflow:hidden;
	position:absolute;
	top:140px;
	padding:0px 4px;
	width:137px;
	overflow:hidden;
	height:45px;
}

.gridItem img {
    border: 1px solid rgb(80, 80, 80);
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
}
#sidebar .gridItem a{
	color:#ff9;
}

/* IE Hack */
/* Hides from IE5-mac \*/

* html .gridItem img {
	position: relative;
	top:0px;
}

* html .gridItem h3 {
	position: relative;
	top: 2px;
}
/* End hide from IE5-mac */




/* Used on index summary pages */


ul {
	list-style-type:disc;	
}

ul, ol {
	padding-left:2.5em;
	margin:0em;
}	

dd {
	margin-left: 2.5em;
}

	
.article li {
	margin: 0;
	padding: 0;
}
	.article li h3 {
	font-weight:normal;
	font-size:1.2em;
	}

/* Individual Photo Pages */

.photo-navigation {
	position: relative;
	margin: auto;
	padding: 0 0 0 72px;
	width: 216px;
	height:27px;
}
.photo-navigation div {
	position: relative;
	width: 54px;
	height: 27px;
	float: left;
}

.photo-navigation a {
	display:block;
	text-indent: -5000em;
	width:100%;
	height:100%;
}

	#previous-photo	{
		background: url("photoPrevBGImage-disabled.gif") no-repeat;
	}
	#previous-photo	a {
		background: url("photoPrevBGImage.gif") no-repeat;
	}
	#next-photo {
		background: url("photoNextBGImage-disabled.gif") no-repeat;
	}
	#next-photo a {
		background: url("photoNextBGImage.gif") no-repeat;
	}
	#photo-list {
		background: url("photoListBGImage-disabled.gif") no-repeat;
	}
	#photo-list a {
		background: url("photoListBGImage.gif") no-repeat;
	}
#previous-photo, #photo-list, #next-photo{ text-indent:-10000px;}


.ImageElement, .VideoElement  {
	text-align:center;
}

.caption {
	margin: 0;
	padding: 9px 18px;
	text-align:center;
}
.whiteBackground p
{
	color:#000;
}
.whiteBackground p a{
 	color:#527d52;
 }
 
.article-info .timestamp, h3.index-title { clear:left; }
 
 /* HACKS/SAFARI/CHROME */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.narrow.right{clear:right;}
}
.no-page-title .photo-navigation {margin-top:92px;}

.callout-container, .graphic-container { clear:both; }

<h2 class="hidden"><span style="font-size: 48px; font-family: 'Monotype Corsiva'; "><br /></span></h2>