/* 
   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;
}

/* 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;
					}
					
					#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;}
