/* CSS Document */

#wrapper {
	position: relative;
	/* uncomment below for prod */
	top: -38px;
	width: 560px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	background-color: #fff;
}

#hea {
	position: relative;
}


#featureLft {
	position: relative;
	left: 20px;
	width: 250px;
}

#featureRgt {
	position: absolute;
	left: 290px;
	width: 250px;
}

.contentExamplesDark {
	background-color: #d4c19b;
	color: #53271f;
}

	.contentExamplesDark p {
		padding: 15px 20px 3px 20px;
		margin: 0;
	}
	
	.contentExamplesDark img {
		padding-bottom: 3px;
		margin: 0;
	}

	.contentExamplesDark a:link {
		color: #a6723f;
	}

	.contentExamplesDark a:visited {
		color: #a6723f;
	}	

	.contentExamplesDark a:active {
		color: #a6723f;
	}
	
	.contentExamplesDark a:hover {
		color: #663300;
	}
	
	.contentExamplesSourceDark {
	font-size: 9px;
	color: #A1804B;
	line-height: 15px;
	}
	
.contentExamplesLite {
	background-color: #e5d2ad;
	color: #572a23;
}

	.contentExamplesLite p {
		padding: 15px 20px 3px 20px;
		margin: 0;
	}
	
	.contentExamplesLite img {
		padding-bottom: 3px;
		margin: 0;
	}

	.contentExamplesLite a:link {
		color: #a6723f;
	}
	
	.contentExamplesLite a:visited {
		color: #a6723f;
	}
	
	.contentExamplesLite a:active {
		color: #a6723f;
	}
	
	.contentExamplesLite a:hover {
		color: #663300;
	}
	
	.contentExamplesSourceLite {
	font-size: 9px;
	color: #A1804B;
	line-height: 15px;
	}
	
.contentDark {
	background-color: #d4c19b;
	color: #53271f;
}

	.contentDark p {
		padding: 15px 20px 20px 20px;
		margin: 0;
	}
	
	.contentDark img {
		padding-bottom: 3px;
		margin: 0;
	}

	.contentDark a:link {
		color: #a6723f;
	}
	.contentDark a:visited {
		color: #a6723f;
	}
	.contentDark a:active {
		color: #a6723f;
	}
	
	.contentDark a:hover {
		color: #663300;
	}

.contentLite {
	background-color: #e5d2ad;
	color: #572a23;
}

	.contentLite p {
		padding: 15px 20px 20px 20px;
		margin: 0;
	}
	
	.contentLite img {
		padding-bottom: 3px;
		margin: 0;
	}

	.contentLite a:link {
		color: #a6723f;
	}

	.contentLite a:visited {
		color: #a6723f;
	}

	.contentLite a:active {
		color: #a6723f;
	}
	
	.contentLite a:hover {
		color: #663300;
	}

#addtlResources {
	background-color: #663c11;
	color: #ccb48e;
	line-height: 20px;
}
	
	#addtlResources p {
		padding: 15px 20px 20px 20px;
		margin: 0;
	}
	
	#addtlResources img {
		padding-bottom: 3px;
		margin: 0;
	}
	
	#addtlResources a:link {
		color: #b97b40;
	}
	
	#addtlResources a:visited {
		color: #b97b40;
	}
	
	#addtlResources a:active {
		color: #b97b40;
	}
	
	#addtlResources a:hover {
		color: #d2b566;
	}
	
	.addtlResourcesIndent {
		position: relative;
		left: 9px;
		line-height: 17px;
	}
	
#contentBrown {
	background-color: #663c11;
	color: #ccb48e;
	line-height: 20px;
}
	
	#contentBrown p {
		padding: 15px 20px 20px 20px;
		margin: 0;
	}
	
	#contentBrown img {
		padding-bottom: 3px;
		margin: 0;
	}
	
	#contentBrown a:link {
		color: #b97b40;
	}
	
	#contentBrown a:visited {
		color: #b97b40;
	}
	
	#contentBrown a:active {
		color: #b97b40;
	}
	
	#contentBrown a:hover {
		color: #d2b566;
	}
	
	.contentBrownIndent {
		position: relative;
		left: 9px;
		line-height: 17px;
	}

/* 3px spc divider */
.hdiv {
	position: relative;
	height: 3px;
}

#mainHea {
	margin-bottom: 3px;

}

.mainContentDark {
	background-color: #d4c19b;
	padding: 10px 22px;
	color: #572a23;
}

.mainContentLight {
	background-color: #e5d2ad;
	padding: 10px 22px;
	color: #572a23;
}

.storyContent {
	padding-top: 15px;
	font-size: 10px;
	line-height: 14px;
	color: #663300;
}

#nav {
	background-color: #6d4012;
	text-align: center;
	font-size: 11px;
	color: #9d6f42;
	margin-top: 3px;
	padding: 2px 0;
}

.navActive {
	color: #cdcd72;
}

#nav a:link {
	color: #e3b78a;
	text-decoration: none;
}

#nav a:visited {
	color: #e3b78a;
	text-decoration: none;
}

#nav a:active {
	color: #e3b78a;
	text-decoration: none;
}

#nav a:hover {
	color: #e8e393;
	text-decoration: none;
}